/* Compact Report theme for Vektora components. White paper, IBM Plex, Compact Report ramp: teal = resting state, red = tail/peak.
   Load after the Vektora styles.css and the Compact Report styles.css. Set <html data-cr>.
   VektoraTheme still sets data-theme="dark"; these selectors out-rank it. */
html[data-cr],html[data-theme=dark][data-cr]{color-scheme:light;--v-font-body:var(--font-sans);--v-font-headline:var(--font-sans);--v-font-mono:var(--font-mono);--v-bg:#ffffff;--v-text:#101114;--v-surface-dim:#f7f6f3;--v-surface-container-low:#ffffff;--v-surface-container:#f7f6f3;--v-surface-container-high:#efeeea;--v-surface-container-highest:#e3e1db;--v-sidebar-bg:#f7f6f3;--v-sidebar-active-bg:#ffffff;--v-accent:#3d9fa8;--v-accent-deep:#327c83;--v-tail-accent:#d9564a;--v-on-accent:#101114;--v-tertiary:#a7453d;--v-tertiary-dim:#d9564a;--v-secondary-muted:#55534e;--v-divider:#e3e1db;--v-outline:#cfcbc3;--v-grid-line:#e3e1db;--v-header-bg:#ffffffeb;--v-header-border:#e3e1db;--v-badge:#3d9fa873;--v-status-1:#3d9fa8bf;--v-status-2:#3d9fa88c;--v-gold-25:#d9564a47;--v-gold-12:#d9564a24;--v-gold-10:#d9564a1f;--v-gold-15:#d9564a33;--v-gold-06:#d9564a14;--v-gold-08:#d9564a1a;--v-gold-05:#d9564a0f;--v-gold-03:#d9564a0a;--v-gold-40:#d9564a6b;--v-gold-45:#d9564a7a;--v-gold-50:#d9564a85;--v-gold-35:#d9564a61;--v-italic:#101114;--v-w-15:#10111424;--v-w-14:#10111421;--v-w-12:#1011141c;--v-w-10:#10111417;--v-w-08:#10111412;--v-w-06:#1011140f;--v-w-05:#1011140d;--v-w-04:#1011140b;--v-w-03:#10111409;--v-w-02:#10111407;--v-w-015:#10111405;--v-w-012:#10111405;--v-w-01:#10111403;--v-w-008:#10111403;--v-w-005:#10111402;--v-w-65:#101114f5;--v-w-60:#101114eb;--v-w-55:#101114db;--v-w-52:#101114d1;--v-w-50:#101114c2;--v-w-48:#101114b3;--v-w-45:#101114a3;--v-w-42:#10111494;--v-w-40:#10111485;--v-w-38:#10111475;--v-w-35:#1011148c;--v-w-32:#55534ee6;--v-w-30:#55534ed1;--v-w-28:#55534ebf;--v-w-25:#55534ead;--v-w-22:#101114c7;--v-w-20:#101114b8;--v-w-18:#55534ebf;--v-card:#ffffff;--v-card-close:#f7f6f3;--v-card-close-fg:#1011148c;--v-shadow-card:transparent;--v-graph-surface:transparent;--v-graph-border:#cfcbc3;--v-graph-label:#101114;--v-graph-dim:#6b675f;--v-graph-type:#55534e;--v-graph-edge-label:#55534e;--v-spinner-track:#1011140d;--v-edge-fallback:#1011140f;--v-teal-50:#3d9fa8b3;--v-teal-12:#3d9fa833;--v-teal-04:#3d9fa81a;--v-blue-40:#55534e80;--v-error:#d9564a;--v-error-bg:#d9564a0f;--v-error-border:#d9564a26;--v-error-bg-soft:#d9564a0a;--v-error-border-soft:#d9564a1a;--v-error-panel-bg:#d9564a08;--v-error-panel-border:#d9564a14;--v-pos:#3d9fa8;--v-actor-fallback:#55534e;--v-neutral-666:#6b675f;--v-chevron:#1011141a;--v-round-hover:#10111403;--v-round-border:#10111405;--v-blue-dot:#3d9fa8;--v-gradient-cta:#3d9fa8;--v-toggle-bg:#ffffff;--v-toggle-border:#cfcbc3;--v-toggle-hover-bg:#55534e1f;--v-canvas-bg:#ffffff;--v-canvas-grid:#e3e1db;--v-canvas-dp-line:#3d9fa866;--v-canvas-dp-gold:#d9564a99;--v-canvas-dp-text-dim:#55534e8c;--v-canvas-axis-gold:#a7453d;--v-canvas-axis-label:#6b675f;--v-histogram:#3d9fa8b3;--v-kg-canvas-fill:#ffffff;--v-traj-bg:#ffffff;--v-traj-grid:#e3e1db;--v-canvas-frame:#cfcbc3;--v-canvas-median-line:#101114;--v-canvas-median-label:#a7453d;--v-gold-20:#d9564a40;--v-w-24:#1011143d}
html[data-cr] body{background:var(--v-bg);color:var(--v-text);font-family:var(--v-font-body)}
html[data-theme=dark][data-cr] .vektora-headline,html[data-theme=dark][data-cr] .vektora-sidebar__title,html[data-theme=dark][data-cr] .vs-nl-error__title{color:var(--v-text)}
html[data-theme=dark][data-cr] .vektora-article-body{--va-title-color:var(--v-text)}
/* Geometry: square corners, no drop shadows */
html[data-cr] .vektora-main--report-light .vektora-callout-panel,
html[data-cr] .mc-paths-chart-wrap,
html[data-cr] .mc-mixture-branches table,
html[data-cr] .mc-mixture-hist,
html[data-cr] .vektora-kg-canvas-wrap,
html[data-cr] .vektora-kg-root--wide .vektora-kg-panels,
html[data-cr] .vektora-kg-panel,
html[data-cr] .vektora-dp-select,
html[data-cr] .vektora-dp-entity-brief,
html[data-cr] .vektora-dp-entity-brief__badge,
html[data-cr] .vektora-dp-empty-forks,
html[data-cr] .vektora-dp-prompt,
html[data-cr] .vektora-dp-fork-card,
html[data-cr] .vektora-dp-fork-card__fork-ico,
html[data-cr] .vektora-dp-fork-card__fact-ico,
html[data-cr] .vektora-traj-chart,
html[data-cr] .vektora-traj-chart__export,
html[data-cr] .vektora-traj-chart__picto,
html[data-cr] .vektora-traj-chart__frame,
html[data-cr] .vektora-chart-howto,
html[data-cr] .branch-pie__card,
html[data-cr] .branch-pie__card__stats,
html[data-cr] .vektora-article-body .vs-nl-p .vs-nl-illustration,
html[data-cr] .vs-nl-chart-analysis,
html[data-cr] .vs-nl-figure,
html[data-cr] .vs-nl-leverage{border-radius:0}
html[data-cr] .vektora-main--report-light .vektora-callout-panel,
html[data-cr] .vektora-traj-chart__export,
html[data-cr] .branch-pie__card,
html[data-cr] .vs-nl-figure,
html[data-cr] .vs-nl-page .vs-nl-figure{box-shadow:none}
/* Old mixture palette (hardcoded in JS) -> Compact Report ramp. First six map to six distinct steps in severity order (teal, lime, amber, orange, red-600, red-800); the rest cycle. */
html[data-cr] [fill="#D4894B" i]{fill:var(--teal-600)}html[data-cr] [stroke="#D4894B" i]{stroke:var(--teal-600)}html[data-cr] [style*="background: rgb(212, 137, 75)"]{background:var(--teal-600)!important}html[data-cr] [style*="border-left: 3px solid rgb(212, 137, 75)"]{border-left-color:var(--teal-600)!important}html[data-cr] [style*="color: rgb(212, 137, 75)"]{color:var(--teal-600)!important}
html[data-cr] [fill="#4BBFA0" i]{fill:var(--lime-600)}html[data-cr] [stroke="#4BBFA0" i]{stroke:var(--lime-600)}html[data-cr] [style*="background: rgb(75, 191, 160)"]{background:var(--lime-600)!important}html[data-cr] [style*="border-left: 3px solid rgb(75, 191, 160)"]{border-left-color:var(--lime-600)!important}html[data-cr] [style*="color: rgb(75, 191, 160)"]{color:var(--lime-600)!important}
html[data-cr] [fill="#E85D5D" i]{fill:var(--amber-600)}html[data-cr] [stroke="#E85D5D" i]{stroke:var(--amber-600)}html[data-cr] [style*="background: rgb(232, 93, 93)"]{background:var(--amber-600)!important}html[data-cr] [style*="border-left: 3px solid rgb(232, 93, 93)"]{border-left-color:var(--amber-600)!important}html[data-cr] [style*="color: rgb(232, 93, 93)"]{color:var(--amber-600)!important}
html[data-cr] [fill="#8B7FD4" i]{fill:var(--orange-600)}html[data-cr] [stroke="#8B7FD4" i]{stroke:var(--orange-600)}html[data-cr] [style*="background: rgb(139, 127, 212)"]{background:var(--orange-600)!important}html[data-cr] [style*="border-left: 3px solid rgb(139, 127, 212)"]{border-left-color:var(--orange-600)!important}html[data-cr] [style*="color: rgb(139, 127, 212)"]{color:var(--orange-600)!important}
html[data-cr] [fill="#5BA4E8" i]{fill:var(--red-600)}html[data-cr] [stroke="#5BA4E8" i]{stroke:var(--red-600)}html[data-cr] [style*="background: rgb(91, 164, 232)"]{background:var(--red-600)!important}html[data-cr] [style*="border-left: 3px solid rgb(91, 164, 232)"]{border-left-color:var(--red-600)!important}html[data-cr] [style*="color: rgb(91, 164, 232)"]{color:var(--red-600)!important}
html[data-cr] [fill="#7EB8E0" i]{fill:var(--red-800)}html[data-cr] [stroke="#7EB8E0" i]{stroke:var(--red-800)}html[data-cr] [style*="background: rgb(126, 184, 224)"]{background:var(--red-800)!important}html[data-cr] [style*="border-left: 3px solid rgb(126, 184, 224)"]{border-left-color:var(--red-800)!important}html[data-cr] [style*="color: rgb(126, 184, 224)"]{color:var(--red-800)!important}
html[data-cr] [fill="#C96B9E" i]{fill:var(--lime-600)}html[data-cr] [stroke="#C96B9E" i]{stroke:var(--lime-600)}html[data-cr] [style*="background: rgb(201, 107, 158)"]{background:var(--lime-600)!important}html[data-cr] [style*="border-left: 3px solid rgb(201, 107, 158)"]{border-left-color:var(--lime-600)!important}html[data-cr] [style*="color: rgb(201, 107, 158)"]{color:var(--lime-600)!important}
html[data-cr] [fill="#6BC9B8" i]{fill:var(--amber-600)}html[data-cr] [stroke="#6BC9B8" i]{stroke:var(--amber-600)}html[data-cr] [style*="background: rgb(107, 201, 184)"]{background:var(--amber-600)!important}html[data-cr] [style*="border-left: 3px solid rgb(107, 201, 184)"]{border-left-color:var(--amber-600)!important}html[data-cr] [style*="color: rgb(107, 201, 184)"]{color:var(--amber-600)!important}
html[data-cr] [fill="#C9A84C" i]{fill:var(--orange-600)}html[data-cr] [stroke="#C9A84C" i]{stroke:var(--orange-600)}html[data-cr] [style*="background: rgb(201, 168, 76)"]{background:var(--orange-600)!important}html[data-cr] [style*="border-left: 3px solid rgb(201, 168, 76)"]{border-left-color:var(--orange-600)!important}html[data-cr] [style*="color: rgb(201, 168, 76)"]{color:var(--orange-600)!important}
html[data-cr] [fill="#88A890" i]{fill:var(--red-600)}html[data-cr] [stroke="#88A890" i]{stroke:var(--red-600)}html[data-cr] [style*="background: rgb(136, 168, 144)"]{background:var(--red-600)!important}html[data-cr] [style*="border-left: 3px solid rgb(136, 168, 144)"]{border-left-color:var(--red-600)!important}html[data-cr] [style*="color: rgb(136, 168, 144)"]{color:var(--red-600)!important}
html[data-cr] [fill="#A080C8" i]{fill:var(--teal-600)}html[data-cr] [stroke="#A080C8" i]{stroke:var(--teal-600)}html[data-cr] [style*="background: rgb(160, 128, 200)"]{background:var(--teal-600)!important}html[data-cr] [style*="border-left: 3px solid rgb(160, 128, 200)"]{border-left-color:var(--teal-600)!important}html[data-cr] [style*="color: rgb(160, 128, 200)"]{color:var(--teal-600)!important}
html[data-cr] [fill="#5C8BC8" i]{fill:var(--lime-600)}html[data-cr] [stroke="#5C8BC8" i]{stroke:var(--lime-600)}html[data-cr] [style*="background: rgb(92, 139, 200)"]{background:var(--lime-600)!important}html[data-cr] [style*="border-left: 3px solid rgb(92, 139, 200)"]{border-left-color:var(--lime-600)!important}html[data-cr] [style*="color: rgb(92, 139, 200)"]{color:var(--lime-600)!important}
html[data-cr] [fill="#C87B6B" i]{fill:var(--amber-600)}html[data-cr] [stroke="#C87B6B" i]{stroke:var(--amber-600)}html[data-cr] [style*="background: rgb(200, 123, 107)"]{background:var(--amber-600)!important}html[data-cr] [style*="border-left: 3px solid rgb(200, 123, 107)"]{border-left-color:var(--amber-600)!important}html[data-cr] [style*="color: rgb(200, 123, 107)"]{color:var(--amber-600)!important}

/* Twelve lenses: flat panel, no accent rails or white cards */
html[data-cr] .vektora-lenses-export-root{border:1px solid var(--v-divider)!important;background:var(--v-surface-container-low)!important;border-radius:0!important;padding:20px!important}
html[data-cr] .vektora-lenses-export-root p[style*="letter-spacing"],html[data-cr] .vektora-lenses-export-root span[style*="letter-spacing"]{font-family:var(--v-font-mono)!important;text-transform:uppercase;letter-spacing:.15em!important;color:var(--text3)!important;font-weight:500!important}
html[data-cr] .vektora-lenses-export-root > p[style*="border-left"]{border-left:0!important;border-radius:0!important;background:var(--v-surface-container)!important;color:var(--v-text)!important}
html[data-cr] .vektora-lenses-export-root > div[style*="max-width: 640px"]{border-radius:0!important;border-color:var(--v-divider)!important;background:transparent!important}
html[data-cr] .vektora-lenses-export-root rect{rx:0}
html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"]{background:transparent!important;border:0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div{position:relative;margin:0!important;background:var(--v-bg)!important;color:var(--v-text)!important;border:1px solid var(--v-divider)!important;border-radius:0!important;box-shadow:none!important;padding:26px 16px 14px!important;overflow:hidden}
html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--lc)}
html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div:nth-child(5n+1){--lc:var(--teal-600)}html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div:nth-child(5n+2){--lc:var(--lime-600)}html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div:nth-child(5n+3){--lc:var(--amber-600)}html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div:nth-child(5n+4){--lc:var(--orange-600)}html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div:nth-child(5n){--lc:var(--red-600)}
html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div *{color:var(--v-text)!important}
html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div p[style*="font-size: 9px"],html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div span[style*="font-size: 8px"]{font-family:var(--v-font-mono)!important;text-transform:uppercase;letter-spacing:.15em!important;color:var(--text3)!important}
html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div p[style*="font-size: 14px"]{font-family:var(--v-font-body)!important;font-size:11.34px!important;font-weight:700!important;line-height:1.35!important}
html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div .vektora-numeric{font-family:var(--v-font-mono)!important;font-size:8.91px!important}
html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div [style*="padding: 8px 10px 10px"]{background:var(--v-surface-container)!important;border-radius:0!important}
html[data-cr] .vektora-lenses-export-root > div[style*="max-height: 640px"] > div li strong{font-family:var(--v-font-mono);font-weight:500}
html[data-cr] .vektora-lenses-export-root button{background:transparent!important;border:1px solid var(--v-outline)!important;border-radius:0!important;color:var(--v-text)!important;font-family:var(--v-font-mono)!important;text-transform:uppercase;letter-spacing:.15em;font-size:7.29px!important}
html[data-cr] .vektora-lenses-export-root button:hover{border-color:var(--v-text)!important}
/* Fades: solid teal, no gradients */
html[data-cr] [style*="linear-gradient(90deg, var(--v-gold-25), var(--v-accent))"],html[data-cr] [style*="linear-gradient(90deg, var(--v-w-08), var(--v-status-1))"]{background:var(--teal-600)!important;border-radius:0!important}
/* Generic slop removal inside components */
html[data-cr] [style*="border-left: 3px solid var(--v-accent)"],html[data-cr] [style*="border-left: 2px solid var(--v-accent)"],html[data-cr] [style*="border-left: 3px solid var(--v-tertiary)"]{border-left-width:1px!important;border-left-color:var(--v-divider)!important}
html[data-cr] [style*="linear-gradient(180deg, var(--v-gold-05)"]{background:var(--v-surface-container-low)!important}
/* BranchSharePieChart: no focus box around a selected slice; keyboard focus shows as a slice outline */
html[data-cr] .branch-pie__svg path{outline:none}
html[data-cr] .branch-pie__svg path:focus-visible{stroke:var(--v-text);stroke-width:1.5px;stroke-opacity:1}


/* Type scale: the whole brief at 90%. Root returns to the Compact Report default of
   14.4px, which is the scale-down the design system documents and this theme was
   cancelling. The brief's px tokens do not follow the root, so they scale here too. */
html[data-cr]{font-size:12.96px}
html[data-cr] .brief{--text-brief-lead:10.53px;--text-micro:8.5px;--text-nano:7.7px;--text-h3-brief:21.06px;font-size:11.75px}
html[data-cr] .brief .kpi .kv{font-size:19.44px}
html[data-cr] .brief .card h3{font-size:12.55px}
/* Branch pie ("How the weighted worlds split"): no tinted card, no highlighted stat block, chunkier type */
html[data-cr] .branch-pie{gap:1rem}
html[data-cr] .branch-pie__chart-wrap{max-width:22rem}
html[data-cr] .branch-pie__card{background:var(--bg)!important;border:1px solid var(--border)!important;box-shadow:none!important;border-radius:0!important;padding:14px 16px;font-size:10.53px;color:var(--text2)}
html[data-cr] .branch-pie__card__kicker{font-family:var(--font-mono);font-size:8.5px;font-weight:500;letter-spacing:.15em;color:var(--text3)}
html[data-cr] .branch-pie__card__title{font-size:13.77px;font-weight:700;color:var(--text)}
html[data-cr] .branch-pie__card__swatch{width:12px;height:12px;border-radius:0;margin-top:5px}
html[data-cr] .branch-pie__card__stats{background:none!important;border:0!important;border-radius:0!important;padding:0!important;gap:8px 18px;margin:0 0 12px}
html[data-cr] .branch-pie__card__stats dt{font-family:var(--font-mono);font-size:8.1px;font-weight:500;letter-spacing:.12em;color:var(--text3)}
html[data-cr] .branch-pie__card__stats dd{font-family:var(--font-mono);font-size:13.77px;font-weight:500;color:var(--text)!important}
html[data-cr] .branch-pie__card__description,html[data-cr] .branch-pie__card__bullets{font-size:10.53px;line-height:1.5;color:var(--text2)}
html[data-cr] .branch-pie__card__note,html[data-cr] .branch-pie__hint{font-family:var(--font-mono);font-size:8.5px;color:var(--text3)}

/* AssessmentVisualSummary: block titles and prose on the page's type scale */
html[data-cr] .assessment-viz__block > p:first-child,html[data-cr] .assessment-viz__branch > p:first-child{font-family:var(--font-sans)!important;font-size:12.55px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:var(--text)!important;margin-bottom:10px!important;line-height:1.35}
html[data-cr] .assessment-viz-hist-prose p[style*="font-size: 10px"]{font-size:10.53px!important;line-height:1.5!important;color:var(--text2)!important}
html[data-cr] .assessment-viz-hist-prose p[style*="text-transform: uppercase"]{font-family:var(--font-mono)!important;font-size:8.5px!important;font-weight:500!important;letter-spacing:.15em!important;color:var(--text3)!important}
html[data-cr] .assessment-viz-hist-prose p[style*="font-size: 9px"]:not([style*="text-transform"]){font-family:var(--font-mono)!important;font-size:9.31px!important;line-height:1.5!important;color:var(--text3)!important}
html[data-cr] .assessment-viz .vektora-chart-howto__title{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.15em;color:var(--text3)}
html[data-cr] .assessment-viz .vektora-chart-howto__body,html[data-cr] .assessment-viz .vektora-chart-howto strong{font-size:10.53px;line-height:1.5}
/* PostMortemScorecard with no scores: keep the reason, drop the empty metric label */
html[data-cr] [style*="dashed var(--v-gold-20)"]{border:1px dashed var(--border2)!important;background:var(--bg2)!important;border-radius:0!important}
html[data-cr] [style*="dashed var(--v-gold-20)"] > p:first-child{display:none!important}
html[data-cr] [style*="dashed var(--v-gold-20)"] > p:last-child{font-size:10.53px!important;color:var(--text2)!important;line-height:1.5!important}

/* Histogram guide legend (04, 11) and KG lead (09): page body size; labels by weight and colour */
html[data-cr] .assessment-viz-hist-guide-legend,html[data-cr] .assessment-viz-hist-guide-legend p,html[data-cr] .assessment-viz-hist-guide-legend li,html[data-cr] .assessment-viz-hist-guide-legend span,html[data-cr] .assessment-viz-hist-guide-legend div{font-size:10.53px!important;line-height:1.55!important;color:var(--text2)!important;letter-spacing:0!important}
html[data-cr] .assessment-viz-hist-guide-legend strong{color:var(--text)!important;font-weight:700!important}
html[data-cr] .assessment-viz-hist-guide-legend .vektora-numeric{font-family:var(--font-mono)!important;font-size:9.72px!important;color:var(--text)!important}
html[data-cr] .assessment-viz-hist-guide-legend{display:grid;gap:8px}
html[data-cr] .assessment-viz-hist-overlay__label{font-family:var(--font-mono)!important;font-size:8.91px!important}
html[data-cr] .assessment-viz-hist-chart > div[style*="font-size: 9px"]{font-family:var(--font-mono);font-size:8.91px!important;color:var(--text3)!important}
html[data-cr] .vektora-kg-lead{font-size:10.53px!important;line-height:1.55!important;color:var(--text2)!important}
html[data-cr] .vektora-kg-kicker{font-family:var(--font-mono)!important;font-size:8.5px!important;letter-spacing:.15em!important;color:var(--text3)!important}
/* Scenario panel: description carries base rate and reference class on their own lines; drivers get a label */
html[data-cr] .branch-pie__card__description{white-space:pre-line}
html[data-cr] .branch-pie__card__bullets::before{content:"Drivers";display:block;margin:0 0 4px -1.1em;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--text3)}


.oa-forks{display:grid;grid-template-columns:repeat(var(--oa-n,6),minmax(0,1fr));gap:8px}.oa-forks[data-n="1"]{--oa-n:1}.oa-forks[data-n="2"]{--oa-n:2}.oa-forks[data-n="3"]{--oa-n:3}.oa-forks[data-n="4"]{--oa-n:4}.oa-forks[data-n="5"]{--oa-n:5}.oa-forks[data-n="6"]{--oa-n:6}.oa-forks[data-n="7"]{--oa-n:7}.oa-forks[data-n="8"]{--oa-n:8}@media (max-width:640px){.oa-forks{grid-template-columns:minmax(0,1fr)}}

/* Scenario panel spacing. The description is pre-line, so its base-rate and
   reference-class lines are line breaks inside one block and had no air between
   them, and the Drivers label sat flush against the last of them. */
html[data-cr] .branch-pie__card__description{line-height:1.65;margin-bottom:2px}
html[data-cr] .branch-pie__card__bullets{margin-top:13px}
html[data-cr] .branch-pie__card__bullets::before{margin:0 0 6px -1.1em}
html[data-cr] .branch-pie__card__bullets li{padding-top:1px;padding-bottom:1px}
html[data-cr] .branch-pie__card__stats{margin:0 0 11px}

/* Decision-point chips: the label wraps to two or three lines now that it
   carries the fork's own name, so the rows need a common baseline. */
html[data-cr] .oa-forks button{align-content:start}

/* Instructional text. These paragraphs tell a reader how to read a chart; they
   are not findings, and setting them in the same grey as a caption made them
   read as a footnote to skip. A tinted panel with a rule says "guidance". */
html[data-cr] .brief .oa-guide{background:var(--bg2);border-left:2px solid var(--teal-600);padding:7px 10px;font-size:var(--text-brief-lead);line-height:1.55;color:var(--text2)}
html[data-cr] .brief .oa-guide--mono{font-family:var(--font-mono);font-size:var(--text-micro);line-height:1.5;color:var(--text3)}

/* Cross references. The brief points at its own cards constantly ("set out in
   02"); xref.js turns those into anchors. Underlined so they read as links on a
   page that otherwise has almost none. */
html[data-cr] .brief a.oa-xref{color:var(--red-700);text-decoration:underline;text-underline-offset:2px;font-variant-numeric:tabular-nums;cursor:pointer}
html[data-cr] .brief a.oa-xref:hover{color:var(--red-800)}
html[data-cr] .brief a.oa-xref:focus-visible{outline:2px solid var(--text);outline-offset:2px}
/* Landing somewhere silently leaves the reader hunting a second time. */
html[data-cr] .brief .oa-xref-landed{animation:oaLanded 1.6s ease-out}
@keyframes oaLanded{0%{box-shadow:inset 0 0 0 2px var(--red-600)}70%{box-shadow:inset 0 0 0 2px var(--red-600)}100%{box-shadow:inset 0 0 0 2px transparent}}
@media (prefers-reduced-motion:reduce){html[data-cr] .brief .oa-xref-landed{animation:none;box-shadow:inset 0 0 0 2px var(--red-600)}}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Worked example: colour, title, share and curve stay visible; the drivers sit
   behind a disclosure so six branches fit without a wall of bullets. */
html[data-cr] .brief .oa-branch-more{border-top:1px solid var(--border);padding-top:6px}
html[data-cr] .brief .oa-branch-more > summary{cursor:pointer;list-style:none;font-family:var(--font-mono);font-size:var(--text-nano);letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}
html[data-cr] .brief .oa-branch-more > summary::-webkit-details-marker{display:none}
html[data-cr] .brief .oa-branch-more > summary::after{content:" +";font-weight:700}
html[data-cr] .brief .oa-branch-more[open] > summary::after{content:" \2212";font-weight:700}
html[data-cr] .brief .oa-branch-more > summary:hover{color:var(--text)}
html[data-cr] .brief .oa-branch-more > summary:focus-visible{outline:2px solid var(--text);outline-offset:2px}
html[data-cr] .brief .oa-branch-more > ul{margin-top:6px}

/* Floating navigation. Fourteen cards is more than a reader holds, and the only
   way back up was a long scroll. Corner-anchored so it never covers the measure. */
#oa-nav{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
#oa-nav .oa-nav__btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text);border:1px solid var(--text);border-radius:0;cursor:pointer;padding:0;box-shadow:0 1px 4px rgba(16,17,20,.12)}
#oa-nav .oa-nav__btn:hover{background:var(--text);color:var(--bg)}
#oa-nav .oa-nav__btn:focus-visible{outline:2px solid var(--red-600);outline-offset:2px}
/* Nothing to go back up from until the reader has gone down. */
#oa-nav .oa-nav__btn--top{opacity:0;pointer-events:none;transition:opacity .18s ease}
#oa-nav.oa-nav--scrolled .oa-nav__btn--top{opacity:1;pointer-events:auto}
@media (prefers-reduced-motion:reduce){#oa-nav .oa-nav__btn--top{transition:none}}
#oa-nav .oa-nav__panel{background:var(--bg);border:1px solid var(--text);padding:10px 4px 8px;width:288px;max-height:min(68vh,560px);overflow:auto;box-shadow:0 2px 10px rgba(16,17,20,.14)}
#oa-nav .oa-nav__title{margin:0 12px 6px;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--text3)}
#oa-nav .oa-nav__panel ul{list-style:none;margin:0;padding:0}
/* Mono, all caps, tracked: the same treatment the card headers carry, so the
   menu reads as a list of those headers rather than a separate object. Sizes
   are explicit px: #oa-nav lives on <body>, outside .brief, so the brief's
   scaled token overrides never reach it and var(--text-nano) here silently
   resolves to the unscaled root value. The panel is sized to the longest
   title so none of them wrap. */
#oa-nav .oa-nav__panel a{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:baseline;padding:5px 12px;font-family:var(--font-mono);font-size:9.5px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--text);text-decoration:none}
#oa-nav .oa-nav__panel a:hover{background:var(--bg2)}
#oa-nav .oa-nav__panel a:focus-visible{outline:2px solid var(--red-600);outline-offset:-2px}
#oa-nav .oa-nav__n{font-family:var(--font-mono);font-size:9.5px;color:var(--red-700);font-weight:700}
@media print{#oa-nav{display:none}}
/* Card 14 terms: one column of terms, definitions aligned in a second. The design system floats each term, so every
   definition started where its own term ended and the left edge of the definitions ran ragged. Each rule spans both
   columns. Below 480px the term sits above its definition. */
html[data-cr] .brief dl.def{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:16px;column-count:initial}
html[data-cr] .brief dl.def dt{float:none;margin:0;padding:4px 0;border-bottom:1px solid var(--border)}
html[data-cr] .brief dl.def dd{padding:4px 0}
html[data-cr] .brief dl.def dt:last-of-type{border-bottom:none}
@media (max-width:480px){html[data-cr] .brief dl.def{grid-template-columns:minmax(0,1fr)}html[data-cr] .brief dl.def dt{border-bottom:none;padding-bottom:0}}
/* Graph edges on a white page. The app's hairline greys (--v-w-12 at about 11%, drawn at 0.72 opacity) left every edge invisible in the brief (run fc36eba8). */
html[data-cr] .vektora-kg-root{--v-w-12:#10111447;--v-w-08:#10111433;--v-w-06:#10111424}

/* Card 06 at phone width: each lens name sits on its own line above its bar,
   so the bar gets the full width and the level labels under it do not run
   together ("calmstrainedsevere", 2026-10-08). */
@media (max-width: 480px) {
  .lo-row { grid-template-columns: 9px minmax(0, 1fr) 3.4rem !important; row-gap: 2px !important; }
  .lo-row > span:first-child { grid-column: 1 / -1; text-align: left !important; }
  .lo-axis > span:first-child { display: none; }
}

/* Card 07 at phone width: same stacking, so the level labels over the lens
   rows ("calm strained severe") have room and do not overlap. */
@media (max-width: 480px) {
  .l7-row { grid-template-columns: minmax(0, 1fr) 3.4rem !important; row-gap: 2px !important; }
  .l7-row > .l7-name { grid-column: 1 / -1; }
  div.l7-row > span:first-child:empty { display: none; }
}

/* Card 13 (how to read this brief): steps and notes side by side, stacked on a phone. */
@media (max-width: 640px) {
  .read-guide { grid-template-columns: minmax(0, 1fr) !important; }
}

/* Card 11, the bottom line: the largest type on the page, in the brief's own palette (2026-10-09). */
.bl-big { font-size: 40px; font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; }
.bl-big--long { font-size: 29px; }
/* The bottom line as a sentence: the largest story's own description. */
.bl-big--sentence { font-size: 22px; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; max-width: 40em; }
@media (max-width: 480px) { .bl-big { font-size: 32px; } .bl-big--long { font-size: 23px; } .bl-big--sentence { font-size: 18px; } }

/* A source URL in a list item is one long word. Without this it pushes the
   page sideways at phone width (the Fed calendar URL on run cc17a500). */
ul.tight li { overflow-wrap: anywhere; }