.report-figure {
  padding: var(--s-4);
  border: var(--rule-thin) solid var(--rule);
  background: var(--paper-band);
}

.report-figure__drawing {
  display: block;
  inline-size: 100%;
  min-inline-size: 38rem;
  max-inline-size: 60rem;
  block-size: auto;
  color: var(--ink);
}

.report-figure__drawing text {
  font-family: var(--font-mono);
  font-size: 13px;
  fill: currentColor;
}

.report-figure__drawing .report-figure__heading {
  font-size: 14px;
  letter-spacing: var(--tracking-label);
}

.report-figure__drawing .report-figure__label {
  font-size: 11px;
  letter-spacing: 0.1em;
  fill: var(--signal);
}

.report-figure__box {
  fill: var(--paper);
  stroke: currentColor;
  stroke-width: 1.25;
}

.report-figure__box--shadow {
  fill: var(--paper-band);
}

.report-figure__boundary {
  fill: none;
  stroke: var(--signal);
  stroke-width: 1;
  stroke-dasharray: 6 4;
}

.report-figure__line {
  stroke: currentColor;
  stroke-width: 1.25;
}

.report-figure__arrowhead {
  fill: currentColor;
}

.report-figure__hatch {
  fill: url(#figure-hatch);
  stroke: currentColor;
  stroke-width: 1.25;
}

.report-figure__hatch-line {
  stroke: currentColor;
  stroke-width: 1;
}

.report-figure figcaption {
  margin-block-start: var(--s-3);
  color: var(--ink-soft);
}
