/* Enarratio theme: capsomer */
.enarratio, .enarratio-tooltip {
  --enarratio-font: "Schibsted Grotesk", "Schibsted Grotesk Fallback", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --enarratio-font-numeric: "Schibsted Grotesk", "Schibsted Grotesk Fallback", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
.enarratio, .enarratio-tooltip {
  --enarratio-background: #fdfdfe;
  --enarratio-text: #1c1727;
  --enarratio-text-muted: #686471;
  --enarratio-grid: #dfdce5;
  --enarratio-focus: #8c5fd2;
  --enarratio-status-good: #047735;
  --enarratio-status-warning: #8a5f01;
  --enarratio-status-bad: #ae453f;
  --enarratio-status-unknown: #696571;
  --enarratio-series-1: #8c5fd2;
  --enarratio-series-text-1: #000000;
  --enarratio-series-2: #cc4f0c;
  --enarratio-series-text-2: #000000;
  --enarratio-series-3: #008489;
  --enarratio-series-text-3: #000000;
  --enarratio-series-4: #709161;
  --enarratio-series-text-4: #1c1727;
  --enarratio-series-5: #51579a;
  --enarratio-series-text-5: #fdfdfe;
  --enarratio-series-6: #016a5c;
  --enarratio-series-text-6: #fdfdfe;
  --enarratio-series-7: #c06caa;
  --enarratio-series-text-7: #1c1727;
  --enarratio-series-8: #9d412a;
  --enarratio-series-text-8: #fdfdfe;
  --enarratio-sequential-1: #e4dcf8;
  --enarratio-sequential-text-1: #1c1727;
  --enarratio-sequential-2: #c7b6ec;
  --enarratio-sequential-text-2: #1c1727;
  --enarratio-sequential-3: #a98dde;
  --enarratio-sequential-text-3: #1c1727;
  --enarratio-sequential-4: #865cc8;
  --enarratio-sequential-text-4: #fdfdfe;
  --enarratio-sequential-5: #5d3497;
  --enarratio-sequential-text-5: #fdfdfe;
}
@supports (color: light-dark(#000, #fff)) {
  .enarratio, .enarratio-tooltip {
    --enarratio-background: light-dark(#fdfdfe, #18161c);
    --enarratio-text: light-dark(#1c1727, #efedf3);
    --enarratio-text-muted: light-dark(#686471, #b7b5bf);
    --enarratio-grid: light-dark(#dfdce5, #343238);
    --enarratio-focus: light-dark(#8c5fd2, #d8c7ff);
    --enarratio-status-good: light-dark(#047735, #72cc87);
    --enarratio-status-warning: light-dark(#8a5f01, #e7ae4e);
    --enarratio-status-bad: light-dark(#ae453f, #fe9e94);
    --enarratio-status-unknown: light-dark(#696571, #b7b5be);
    --enarratio-series-1: light-dark(#8c5fd2, #8c5fd2);
    --enarratio-series-text-1: light-dark(#000000, #000000);
    --enarratio-series-2: light-dark(#cc4f0c, #cc4f0c);
    --enarratio-series-text-2: light-dark(#000000, #000000);
    --enarratio-series-3: light-dark(#008489, #008489);
    --enarratio-series-text-3: light-dark(#000000, #000000);
    --enarratio-series-4: light-dark(#709161, #abce9b);
    --enarratio-series-text-4: light-dark(#1c1727, #18161c);
    --enarratio-series-5: light-dark(#51579a, #a6b0fb);
    --enarratio-series-text-5: light-dark(#fdfdfe, #18161c);
    --enarratio-series-6: light-dark(#016a5c, #59cdb7);
    --enarratio-series-text-6: light-dark(#fdfdfe, #18161c);
    --enarratio-series-7: light-dark(#c06caa, #bf6ba9);
    --enarratio-series-text-7: light-dark(#1c1727, #18161c);
    --enarratio-series-8: light-dark(#9d412a, #e58168);
    --enarratio-series-text-8: light-dark(#fdfdfe, #18161c);
    --enarratio-sequential-1: light-dark(#e4dcf8, #33254b);
    --enarratio-sequential-text-1: light-dark(#1c1727, #efedf3);
    --enarratio-sequential-2: light-dark(#c7b6ec, #553e7d);
    --enarratio-sequential-text-2: light-dark(#1c1727, #efedf3);
    --enarratio-sequential-3: light-dark(#a98dde, #7b59b2);
    --enarratio-sequential-text-3: light-dark(#1c1727, #efedf3);
    --enarratio-sequential-4: light-dark(#865cc8, #a582e5);
    --enarratio-sequential-text-4: light-dark(#fdfdfe, #18161c);
    --enarratio-sequential-5: light-dark(#5d3497, #cdb5ff);
    --enarratio-sequential-text-5: light-dark(#fdfdfe, #18161c);
  }
}
@media (prefers-contrast: more) {
.enarratio, .enarratio-tooltip {
  --enarratio-background: #fdfdfe;
  --enarratio-text: #1c1727;
  --enarratio-text-muted: #5c5865;
  --enarratio-grid: #d9d6df;
  --enarratio-focus: #8c5fd2;
  --enarratio-status-good: #015926;
  --enarratio-status-warning: #684702;
  --enarratio-status-bad: #8c2523;
  --enarratio-status-unknown: #4e4a56;
  --enarratio-series-1: #8c5fd2;
  --enarratio-series-text-1: #000000;
  --enarratio-series-2: #cc4f0c;
  --enarratio-series-text-2: #000000;
  --enarratio-series-3: #008489;
  --enarratio-series-text-3: #000000;
  --enarratio-series-4: #709161;
  --enarratio-series-text-4: #1c1727;
  --enarratio-series-5: #51579a;
  --enarratio-series-text-5: #fdfdfe;
  --enarratio-series-6: #016a5c;
  --enarratio-series-text-6: #fdfdfe;
  --enarratio-series-7: #c06caa;
  --enarratio-series-text-7: #1c1727;
  --enarratio-series-8: #9d412a;
  --enarratio-series-text-8: #fdfdfe;
  --enarratio-sequential-1: #e4dcf8;
  --enarratio-sequential-text-1: #1c1727;
  --enarratio-sequential-2: #c7b6ec;
  --enarratio-sequential-text-2: #1c1727;
  --enarratio-sequential-3: #a98dde;
  --enarratio-sequential-text-3: #1c1727;
  --enarratio-sequential-4: #865cc8;
  --enarratio-sequential-text-4: #fdfdfe;
  --enarratio-sequential-5: #5d3497;
  --enarratio-sequential-text-5: #fdfdfe;
}
@supports (color: light-dark(#000, #fff)) {
  .enarratio, .enarratio-tooltip {
    --enarratio-background: light-dark(#fdfdfe, #18161c);
    --enarratio-text: light-dark(#1c1727, #efedf3);
    --enarratio-text-muted: light-dark(#5c5865, #d0ced9);
    --enarratio-grid: light-dark(#d9d6df, #5a585e);
    --enarratio-focus: light-dark(#8c5fd2, #ebe4fe);
    --enarratio-status-good: light-dark(#015926, #8be69f);
    --enarratio-status-warning: light-dark(#684702, #ffc96f);
    --enarratio-status-bad: light-dark(#8c2523, #fec4bd);
    --enarratio-status-unknown: light-dark(#4e4a56, #d1ced8);
    --enarratio-series-1: light-dark(#8c5fd2, #8c5fd2);
    --enarratio-series-text-1: light-dark(#000000, #000000);
    --enarratio-series-2: light-dark(#cc4f0c, #cc4f0c);
    --enarratio-series-text-2: light-dark(#000000, #000000);
    --enarratio-series-3: light-dark(#008489, #008489);
    --enarratio-series-text-3: light-dark(#000000, #000000);
    --enarratio-series-4: light-dark(#709161, #abce9b);
    --enarratio-series-text-4: light-dark(#1c1727, #18161c);
    --enarratio-series-5: light-dark(#51579a, #a6b0fb);
    --enarratio-series-text-5: light-dark(#fdfdfe, #18161c);
    --enarratio-series-6: light-dark(#016a5c, #59cdb7);
    --enarratio-series-text-6: light-dark(#fdfdfe, #18161c);
    --enarratio-series-7: light-dark(#c06caa, #bf6ba9);
    --enarratio-series-text-7: light-dark(#1c1727, #18161c);
    --enarratio-series-8: light-dark(#9d412a, #e58168);
    --enarratio-series-text-8: light-dark(#fdfdfe, #18161c);
    --enarratio-sequential-1: light-dark(#e4dcf8, #33254b);
    --enarratio-sequential-text-1: light-dark(#1c1727, #efedf3);
    --enarratio-sequential-2: light-dark(#c7b6ec, #553e7d);
    --enarratio-sequential-text-2: light-dark(#1c1727, #efedf3);
    --enarratio-sequential-3: light-dark(#a98dde, #7b59b2);
    --enarratio-sequential-text-3: light-dark(#1c1727, #efedf3);
    --enarratio-sequential-4: light-dark(#865cc8, #a582e5);
    --enarratio-sequential-text-4: light-dark(#fdfdfe, #18161c);
    --enarratio-sequential-5: light-dark(#5d3497, #cdb5ff);
    --enarratio-sequential-text-5: light-dark(#fdfdfe, #18161c);
  }
}
}
/* Enarratio base rules */
.enarratio {
  margin: 0;
  color: var(--enarratio-text);
  font-family: var(--enarratio-font);
  font-size: var(--enarratio-font-size, 1rem);
}
/* The frame is the container the SVG's own font-size measures, so text grows as it shrinks (B3). */
.enarratio-frame { overflow-x: auto; container-type: inline-size; }
.enarratio-frame-wide > svg { min-width: 30rem; }
.enarratio svg {
  display: block;
  max-width: 100%;
  height: auto;
  overflow: visible;
  font-family: inherit;
}
.enarratio svg:not([font-size]) { font-size: var(--enarratio-font-size-mark, 0.75rem); }
svg.enarratio { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; }
.enarratio [data-enarratio-mark$="tick label"],
.enarratio .enarratio-numeric {
  font-family: var(--enarratio-font-numeric);
  font-variant-numeric: tabular-nums;
}
.enarratio [data-enarratio-mark*="axis"] { color: var(--enarratio-text-muted); }
.enarratio [data-enarratio-mark$="grid"] { stroke: var(--enarratio-grid); stroke-opacity: 1; }
.enarratio [data-enarratio-mark="rule"] { stroke: var(--enarratio-text-muted); }
.enarratio-title {
  margin: 0 0 var(--enarratio-space, 0.5em);
  font-weight: var(--enarratio-font-weight-title, 600);
}
.enarratio-head { margin: 0 0 var(--enarratio-space, 0.5em); }
.enarratio-head p { margin: 0; }
.enarratio-head .enarratio-title { margin: 0; }
.enarratio-subtitle { color: var(--enarratio-text-muted); }
.enarratio-finding { margin-top: var(--enarratio-gap-row, 0.25em) !important; }
.enarratio-summary, .enarratio-caption, .enarratio-note, .enarratio-source {
  margin: var(--enarratio-space, 0.5em) 0 0;
  font-size: var(--enarratio-font-size-small, 0.875em);
}
.enarratio-caption, .enarratio-note, .enarratio-source { color: var(--enarratio-text-muted); }
.enarratio-source a { color: inherit; }
.enarratio-data:not([open]) .enarratio-hide, .enarratio-data[open] .enarratio-show { display: none; }
.enarratio-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--enarratio-gap-row, 0.25em) var(--enarratio-gap, 1em);
  margin: 0 0 var(--enarratio-space, 0.5em);
  padding: 0;
  list-style: none;
  font-size: var(--enarratio-font-size-small, 0.875em);
}
.enarratio-legend li, .enarratio-legend button {
  display: inline-flex;
  align-items: center;
  gap: var(--enarratio-gap-inline, 0.4em);
}
.enarratio-legend button {
  margin: 0;
  padding: var(--enarratio-padding-button, 0.125em 0.25em);
  border: var(--enarratio-border-width, 1px) solid transparent;
  border-radius: var(--enarratio-radius, 0.25em);
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.enarratio-legend button[aria-pressed="true"] {
  border-color: currentColor;
  font-weight: var(--enarratio-font-weight-emphasis, 600);
}
.enarratio-swatch {
  display: inline-block;
  width: var(--enarratio-swatch-size, 0.8em);
  height: var(--enarratio-swatch-size, 0.8em);
  border-radius: var(--enarratio-radius-swatch, 0.15em);
  forced-color-adjust: none;
}
.enarratio [data-slot="1"] { --enarratio-slot: var(--enarratio-series-1); --enarratio-slot-ink: var(--enarratio-series-text-1); }
.enarratio [data-enarratio-mark="bar label"] [fill="var(--enarratio-series-text-1)"] { stroke: var(--enarratio-series-1); }
.enarratio [data-slot="2"] { --enarratio-slot: var(--enarratio-series-2); --enarratio-slot-ink: var(--enarratio-series-text-2); }
.enarratio [data-enarratio-mark="bar label"] [fill="var(--enarratio-series-text-2)"] { stroke: var(--enarratio-series-2); }
.enarratio [data-slot="3"] { --enarratio-slot: var(--enarratio-series-3); --enarratio-slot-ink: var(--enarratio-series-text-3); }
.enarratio [data-enarratio-mark="bar label"] [fill="var(--enarratio-series-text-3)"] { stroke: var(--enarratio-series-3); }
.enarratio [data-slot="4"] { --enarratio-slot: var(--enarratio-series-4); --enarratio-slot-ink: var(--enarratio-series-text-4); }
.enarratio [data-enarratio-mark="bar label"] [fill="var(--enarratio-series-text-4)"] { stroke: var(--enarratio-series-4); }
.enarratio [data-slot="5"] { --enarratio-slot: var(--enarratio-series-5); --enarratio-slot-ink: var(--enarratio-series-text-5); }
.enarratio [data-enarratio-mark="bar label"] [fill="var(--enarratio-series-text-5)"] { stroke: var(--enarratio-series-5); }
.enarratio [data-slot="6"] { --enarratio-slot: var(--enarratio-series-6); --enarratio-slot-ink: var(--enarratio-series-text-6); }
.enarratio [data-enarratio-mark="bar label"] [fill="var(--enarratio-series-text-6)"] { stroke: var(--enarratio-series-6); }
.enarratio [data-slot="7"] { --enarratio-slot: var(--enarratio-series-7); --enarratio-slot-ink: var(--enarratio-series-text-7); }
.enarratio [data-enarratio-mark="bar label"] [fill="var(--enarratio-series-text-7)"] { stroke: var(--enarratio-series-7); }
.enarratio [data-slot="8"] { --enarratio-slot: var(--enarratio-series-8); --enarratio-slot-ink: var(--enarratio-series-text-8); }
.enarratio [data-enarratio-mark="bar label"] [fill="var(--enarratio-series-text-8)"] { stroke: var(--enarratio-series-8); }
.enarratio [data-step="1"] { --enarratio-slot: var(--enarratio-sequential-1); --enarratio-slot-ink: var(--enarratio-sequential-text-1); }
.enarratio [data-step="2"] { --enarratio-slot: var(--enarratio-sequential-2); --enarratio-slot-ink: var(--enarratio-sequential-text-2); }
.enarratio [data-step="3"] { --enarratio-slot: var(--enarratio-sequential-3); --enarratio-slot-ink: var(--enarratio-sequential-text-3); }
.enarratio [data-step="4"] { --enarratio-slot: var(--enarratio-sequential-4); --enarratio-slot-ink: var(--enarratio-sequential-text-4); }
.enarratio [data-step="5"] { --enarratio-slot: var(--enarratio-sequential-5); --enarratio-slot-ink: var(--enarratio-sequential-text-5); }
.enarratio, .enarratio-tooltip { --enarratio-texture: none; }
.enarratio-swatch { background: var(--enarratio-texture), var(--enarratio-slot); }
/* Filled series 2 to 8 carry a texture as well as a color (B5); the legend shows the same ones. */
.enarratio-texture { stroke-opacity: var(--enarratio-opacity-texture, 0.6); }
.enarratio:has(pattern) [data-slot] {
  --enarratio-ink: color-mix(in srgb, var(--enarratio-slot-ink) calc(var(--enarratio-opacity-texture, 0.6) * 100%), transparent);
  --enarratio-stripes: transparent 0 3px, var(--enarratio-ink) 3px 4.5px;
}
.enarratio:has(pattern) [data-slot="2"] { --enarratio-texture: repeating-linear-gradient(-45deg, var(--enarratio-stripes)); }
.enarratio:has(pattern) [data-slot="3"] { --enarratio-texture: radial-gradient(var(--enarratio-ink) 1px, transparent 1.5px) 0 0 / 4px 4px; }
.enarratio:has(pattern) [data-slot="4"] { --enarratio-texture: repeating-linear-gradient(0deg, var(--enarratio-stripes)); }
.enarratio:has(pattern) [data-slot="5"] { --enarratio-texture: repeating-linear-gradient(90deg, var(--enarratio-stripes)); }
.enarratio:has(pattern) [data-slot="6"] { --enarratio-texture: repeating-linear-gradient(45deg, var(--enarratio-stripes)); }
.enarratio:has(pattern) [data-slot="7"] {
  --enarratio-texture: repeating-linear-gradient(0deg, var(--enarratio-stripes)), repeating-linear-gradient(90deg, var(--enarratio-stripes));
}
.enarratio:has(pattern) [data-slot="8"] {
  --enarratio-texture: repeating-linear-gradient(45deg, var(--enarratio-stripes)), repeating-linear-gradient(-45deg, var(--enarratio-stripes));
}
/* A grid-colored edge, so adjacent bars and stacked segments never touch (B6). It is decoration,
   like a gridline, so a contrast check reads a bar by its fill, not by this edge (0026). */
.enarratio [data-enarratio-mark="bar"] [data-enarratio-key] {
  stroke: var(--enarratio-grid);
  stroke-width: var(--enarratio-bar-gap, 1px);
}
/* Names printed on bars keep a halo of their bar's color over its texture. */
.enarratio [data-enarratio-mark="bar label"] text {
  paint-order: stroke;
  stroke-width: var(--enarratio-halo-width, 3px);
  stroke-linejoin: round;
}
.enarratio-data {
  margin: var(--enarratio-space, 0.5em) 0 0;
  font-size: var(--enarratio-font-size-small, 0.875em);
}
.enarratio-data summary { cursor: pointer; color: var(--enarratio-text-muted); }
.enarratio-data table { border-collapse: collapse; margin-top: var(--enarratio-space, 0.5em); }
.enarratio-data th, .enarratio-data td {
  padding: var(--enarratio-cell-padding, 0.2em 0.75em 0.2em 0);
  border-bottom: var(--enarratio-border-width, 1px) solid var(--enarratio-grid);
  text-align: left;
}
.enarratio-data td { font-variant-numeric: tabular-nums; text-align: right; }
/* tableChart's cells: heat on the ramp step, and a bar beside the number it repeats. */
.enarratio-data .enarratio-heat { background: var(--enarratio-slot); color: var(--enarratio-slot-ink); }
.enarratio .enarratio-cell-bar {
  display: inline-block;
  width: 6em;
  height: 0.75em;
  margin-inline-start: 0.5em;
  vertical-align: middle;
}
.enarratio-visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.enarratio-tooltip {
  position: absolute;
  z-index: var(--enarratio-z-tooltip, 10);
  max-width: var(--enarratio-tooltip-max-width, 18em);
  padding: var(--enarratio-tooltip-padding, 0.35em 0.6em);
  border: var(--enarratio-border-width, 1px) solid var(--enarratio-grid);
  border-radius: var(--enarratio-radius-tooltip, 0.3em);
  background: var(--enarratio-background);
  color: var(--enarratio-text);
  font-family: var(--enarratio-font);
  font-size: var(--enarratio-font-size-tooltip, 0.8125rem);
  line-height: var(--enarratio-line-height-tooltip, 1.35);
  box-shadow: var(--enarratio-tooltip-shadow, 0 2px 8px rgb(0 0 0 / 15%));
}
.enarratio-tooltip[hidden] { display: none; }
.enarratio [data-enarratio-key] {
  transition: opacity var(--enarratio-duration-hover, 150ms) var(--enarratio-ease-out, ease-out);
}
.enarratio[data-enarratio-interactive] [data-enarratio-field] { cursor: pointer; }
.enarratio[data-enarratio-enhanced] [data-enarratio-href] { cursor: pointer; }
.enarratio [data-enarratio-dimmed] { opacity: var(--enarratio-opacity-dimmed, 0.25); }
.enarratio [data-enarratio-key]:focus { outline: none; }
/* The enhancement layer's points: a native control over each mark, for keyboards and screen
   readers (pointers use the marks). Focused, it draws a background-colored ring inside a
   focus-colored one, so one of the two always contrasts with whatever is next to it, above
   every mark. */
.enarratio-frame, .enarratio[data-enarratio-enhanced] { position: relative; }
.enarratio-points { position: absolute; pointer-events: none; }
.enarratio-points > * {
  position: absolute;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.enarratio .enarratio-points > :focus { outline: none; }
.enarratio .enarratio-points > :focus-visible {
  outline: var(--enarratio-focus-width-outer, 2.5px) solid var(--enarratio-focus);
  outline-offset: calc(var(--enarratio-focus-width-inner, 5px) / 2);
  box-shadow: 0 0 0 calc(var(--enarratio-focus-width-inner, 5px) / 2) var(--enarratio-background);
}
.enarratio [data-enarratio-faded] { opacity: var(--enarratio-opacity-faded, 0.5); }
/* The keys, shown while a point has focus and read as the points' description otherwise. */
.enarratio-frame:not(:focus-within) + .enarratio-hint {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.enarratio-hint {
  margin: var(--enarratio-space, 0.5em) 0 0;
  color: var(--enarratio-text-muted);
  font-size: var(--enarratio-font-size-small, 0.875em);
}
.enarratio-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--enarratio-gap-row, 0.25em) var(--enarratio-gap-inline, 0.4em);
  margin: var(--enarratio-space, 0.5em) 0 0;
  font-size: var(--enarratio-font-size-small, 0.875em);
}
.enarratio-controls button, .enarratio-controls input, .enarratio-range summary {
  min-height: 24px;
  padding: var(--enarratio-padding-button, 0.125em 0.25em);
  border: var(--enarratio-border-width, 1px) solid var(--enarratio-text-muted);
  border-radius: var(--enarratio-radius, 0.25em);
  background: var(--enarratio-background);
  color: inherit;
  font: inherit;
}
.enarratio-controls button, .enarratio-range summary { cursor: pointer; }
.enarratio-range summary { width: fit-content; }
.enarratio-range form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--enarratio-gap-row, 0.25em) var(--enarratio-gap-inline, 0.4em);
  margin-top: var(--enarratio-gap-row, 0.25em);
}
.enarratio-legend button { min-height: 24px; }
.enarratio-data th button {
  min-height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
}
.enarratio-data th[aria-sort="ascending"] button::after { content: " \2191" / ""; }
.enarratio-data th[aria-sort="descending"] button::after { content: " \2193" / ""; }
.enarratio[data-enarratio-view-table] > :is(.enarratio-legend, .enarratio-frame, .enarratio-hint),
.enarratio[data-enarratio-view-table] .enarratio-range { display: none; }
.enarratio[data-enarratio-expanded] {
  position: fixed;
  inset: 0;
  z-index: var(--enarratio-z-expanded, 20);
  overflow: auto;
  padding: var(--enarratio-padding-expanded, 1rem);
  background: var(--enarratio-background);
}
/* Invisible targets that make small marks at least 24 CSS pixels to point at. */
.enarratio-hit { fill: transparent; stroke: none; }
.enarratio svg:focus-visible, .enarratio button:focus-visible, .enarratio-range summary:focus-visible,
.enarratio-controls input:focus-visible, .enarratio-frame:focus-visible {
  outline: var(--enarratio-focus-outline-width, 3px) solid var(--enarratio-focus);
  outline-offset: var(--enarratio-focus-outline-offset, 2px);
}
.enarratio-brush {
  fill: var(--enarratio-focus);
  fill-opacity: var(--enarratio-opacity-brush, 0.15);
  stroke: var(--enarratio-focus);
}
/* The timeline's plain list: read by screen readers beside the drawing, and shown in its place
   when the container has under 30rem. The threshold is a container query, which cannot use a
   custom property. */
.enarratio-timeline { container-type: inline-size; }
.enarratio-timeline-list {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@container (max-width: 30rem) {
  .enarratio-timeline > svg { display: none; }
  .enarratio-timeline-list {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 0 var(--enarratio-timeline-list-indent, 1.25em);
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .enarratio-timeline-list li { margin: 0 0 var(--enarratio-space, 0.5em); }
}
@keyframes enarratio-grow { from { transform: scaleY(0); } }
@keyframes enarratio-grow-x { from { transform: scaleX(0); } }
@keyframes enarratio-draw { from { stroke-dashoffset: var(--enarratio-length); } }
@keyframes enarratio-fade { from { opacity: 0; } }
.enarratio[data-enarratio-entering] [data-enarratio-mark="bar"] > * {
  transform-box: fill-box;
  transform-origin: bottom;
  animation: enarratio-grow min(var(--enarratio-duration-grow, 600ms), 5s)
    var(--enarratio-ease-grow, cubic-bezier(0.2, 0.7, 0.3, 1)) both;
}
.enarratio[data-enarratio-entering][data-enarratio-orientation="horizontal"] [data-enarratio-mark="bar"] > * {
  transform-origin: left;
  animation-name: enarratio-grow-x;
}
.enarratio[data-enarratio-entering] [data-enarratio-mark="dot"] > *,
.enarratio[data-enarratio-entering] [data-enarratio-mark="area"] > *,
.enarratio[data-enarratio-entering] [data-enarratio-mark="cell"] > * {
  animation: enarratio-fade min(var(--enarratio-duration-fade, 500ms), 5s)
    var(--enarratio-ease-out, ease-out) both;
}
.enarratio[data-enarratio-entering] [data-enarratio-mark="line"] > path {
  stroke-dasharray: var(--enarratio-length);
  animation: enarratio-draw min(var(--enarratio-duration-draw, 800ms), 5s)
    var(--enarratio-ease-out, ease-out) both;
}
@media (prefers-reduced-motion: reduce) {
  .enarratio *, .enarratio-tooltip { animation: none !important; transition: none !important; }
}
/* More contrast: full-strength textures, wider gaps, and gridlines in the muted text color (B43). */
@media (prefers-contrast: more) {
  .enarratio-texture { stroke-opacity: 1; }
  .enarratio [data-enarratio-mark="bar"] [data-enarratio-key] { stroke-width: 2px; }
  .enarratio [data-enarratio-mark$="grid"] { stroke: var(--enarratio-text-muted); }
  .enarratio-swatch { outline: 1px solid var(--enarratio-text); }
}
/* Forced colors (Windows High Contrast): every color becomes one of the reader's system colors.
   Series are all CanvasText, told apart by textures, line dashes, symbols and labels; the
   sequential ramp becomes steps between Canvas and CanvasText. Set on the drawing and legend
   themselves, so they win over a theme or a per-chart override set on the figure (B57, D3). */
@media (forced-colors: active) {
  .enarratio svg, svg.enarratio { forced-color-adjust: none; }
  .enarratio svg, svg.enarratio, .enarratio-legend, .enarratio-tooltip {
    --enarratio-background: Canvas;
    --enarratio-text: CanvasText;
    --enarratio-text-muted: CanvasText;
    --enarratio-grid: GrayText;
    --enarratio-focus: Highlight;
    --enarratio-status-good: CanvasText;
    --enarratio-status-warning: CanvasText;
    --enarratio-status-bad: CanvasText;
    --enarratio-status-unknown: GrayText;
    --enarratio-series-1: CanvasText;
    --enarratio-series-text-1: Canvas;
    --enarratio-series-2: CanvasText;
    --enarratio-series-text-2: Canvas;
    --enarratio-series-3: CanvasText;
    --enarratio-series-text-3: Canvas;
    --enarratio-series-4: CanvasText;
    --enarratio-series-text-4: Canvas;
    --enarratio-series-5: CanvasText;
    --enarratio-series-text-5: Canvas;
    --enarratio-series-6: CanvasText;
    --enarratio-series-text-6: Canvas;
    --enarratio-series-7: CanvasText;
    --enarratio-series-text-7: Canvas;
    --enarratio-series-8: CanvasText;
    --enarratio-series-text-8: Canvas;
    --enarratio-sequential-1: color-mix(in srgb, CanvasText 10%, Canvas);
    --enarratio-sequential-text-1: CanvasText;
    --enarratio-sequential-2: color-mix(in srgb, CanvasText 25%, Canvas);
    --enarratio-sequential-text-2: CanvasText;
    --enarratio-sequential-3: color-mix(in srgb, CanvasText 40%, Canvas);
    --enarratio-sequential-text-3: CanvasText;
    --enarratio-sequential-4: color-mix(in srgb, CanvasText 70%, Canvas);
    --enarratio-sequential-text-4: Canvas;
    --enarratio-sequential-5: color-mix(in srgb, CanvasText 100%, Canvas);
    --enarratio-sequential-text-5: Canvas;
  }
  .enarratio-texture { stroke-opacity: 1; }
  .enarratio [data-enarratio-mark="area"] { fill-opacity: 1; }
  .enarratio [data-enarratio-mark="line"] [stroke="var(--enarratio-series-2)"] { stroke-dasharray: 6 3; }
  .enarratio [data-enarratio-mark="line"] [stroke="var(--enarratio-series-3)"] { stroke-dasharray: 2 3; }
  .enarratio [data-enarratio-mark="line"] [stroke="var(--enarratio-series-4)"] { stroke-dasharray: 8 3 2 3; }
  .enarratio [data-enarratio-mark="line"] [stroke="var(--enarratio-series-5)"] { stroke-dasharray: 12 4; }
  .enarratio [data-enarratio-mark="line"] [stroke="var(--enarratio-series-6)"] { stroke-dasharray: 2 6; }
  .enarratio [data-enarratio-mark="line"] [stroke="var(--enarratio-series-7)"] { stroke-dasharray: 4 4; }
  .enarratio [data-enarratio-mark="line"] [stroke="var(--enarratio-series-8)"] { stroke-dasharray: 10 3 2 3 2 3; }
}
/* Print: the light scheme, the whole drawing on one page, the data table open and no
   interactive overlays (C5). */
@media print {
  .enarratio, .enarratio-tooltip { color-scheme: light; }
  .enarratio { break-inside: avoid; }
  .enarratio-frame { overflow: visible; }
  .enarratio-frame-wide > svg { min-width: 0; }
  .enarratio-data::details-content { content-visibility: visible; block-size: auto; }
  .enarratio-tooltip, .enarratio-brush, .enarratio [data-enarratio-control] {
    display: none !important;
  }
}
.enarratio [data-enarratio-mark="x-grid"] { display: none; }