/*
--------------------
ISSUE 1
--------------------
*/

.article__fig-bg {
  fill: var(--hsl-tint);
}

.article__fig text {
  fill: var(--hsl-text);
}

.article__fig line,
.article__fig polyline {
  stroke: var(--hsl-text);
}

#fig04 rect:not(.article__fig-bg),
#fig05 rect:not(.article__fig-bg),
#fig06 rect:not(.article__fig-bg) {
  fill: var(--hsl-bg);
  stroke: var(--hsl-text);
}

#fig09 path {
  fill: var(--hsl-art-bg);
}
#fig09 line {
  stroke: var(--hsl-art-fg);
}

@media screen and (max-width: 40em) {
  #fig01 text,
  #fig07 text,
  #fig08 text,
  #fig09 text {
    font-size: 9px;
  }
}

g rect,
g polygon {
  fill: var(--hsl-art-bg);
}
g line {
  fill: none;
  stroke: var(--hsl-art-fg);
  stroke-linecap: round;
  stroke-width: 3px;
}