/* One continuous engraved atmosphere from each instrument heading into its plot.
   Only panel backgrounds soften; text, controls and selected values stay crisp.
   Funded data faces share one restrained translucency; numeric fills, unfunded
   status, axes and selected-value callouts retain their own visual semantics. */
.home-page :is(.scenario-explorer,.covenant-explorer) {
 position:relative; isolation:isolate; border:0; border-radius:0; overflow:hidden;
 background:#1012c8; color:#fff; margin-block:42px 0;
 --quiet:#dddfff; --ink:#fff; --rule:#6567df;
 --slate-dark:#fff; --slate-medium:#e0e1ff; --slate-light:#d8daff;
}
.home-page .scenario-explorer::before,
.home-page .covenant-explorer::before {
 content:''; position:absolute; z-index:0; pointer-events:none;
 inset:0 0 auto; width:100%; height:min(100%,1400px);
 background-repeat:no-repeat; background-size:max(74%,1200px) auto; background-position:right top;
 mix-blend-mode:screen; opacity:.18; filter:grayscale(1);
 mask-image:linear-gradient(to right,transparent,#000 26%),linear-gradient(to bottom,#000 60%,transparent 94%); mask-composite:intersect;
}
.home-page .scenario-explorer::before { background-image:url('/assets/mythic-poseidon-fragment.webp'); }
.home-page .covenant-explorer::before { background-image:url('/assets/mythic-athena-fragment.webp'); background-position:right top; }
.home-page :is(.scenario-explorer,.covenant-explorer)>* { position:relative; z-index:1; }
.home-page .scenario-explorer .scenario-topline,
.home-page .covenant-explorer .covenant-topline { color:#e0e1ff; padding:22px 36px; border-color:#6567df; background:rgba(16,18,200,.12); }
.home-page .scenario-explorer .scenario-count,
.home-page .covenant-explorer .covenant-topline span:last-child { color:#fff; }
.home-page .scenario-explorer .scenario-heading,
.home-page .covenant-explorer .covenant-heading { min-height:0; display:flex; flex-direction:row; align-items:center; justify-content:space-between; padding:38px 36px 34px; gap:28px; background:rgba(16,18,200,.10); }
.home-page .scenario-explorer .scenario-heading h2,
.home-page .covenant-explorer .covenant-heading h2 { color:#fff; font:400 clamp(34px,3.3vw,62px)/1.08 var(--serif); letter-spacing:-.035em; text-wrap:balance; }
.home-page .scenario-explorer .scenario-heading p,
.home-page .covenant-explorer .covenant-heading p { color:#e0e1ff; font-size:14px; max-width:78ch; line-height:1.75; }
.home-page .scenario-explorer .scenario-play,
.home-page .covenant-explorer .covenant-play { border-radius:0; background:#fff; border:1px solid #fff; color:#1012c8; min-height:48px; font:11px/1.5 var(--mono); text-transform:uppercase; padding:12px 20px; }
.home-page .scenario-explorer .scenario-play:hover,
.home-page .covenant-explorer .covenant-play:hover { background:#dddfff; color:#1012c8; }
.home-page :is(.scenario-explorer,.covenant-explorer) :is(button,summary,select,input,a,[tabindex]):focus-visible { outline:2px solid #fff; outline-offset:4px; }
.home-page .scenario-explorer .scenario-workspace > *,
.home-page .covenant-explorer .covenant-workspace > * { position:relative; z-index:1; }
/* Translucent upper panels reveal the same engraving, never fade their text.
   The pressed/hover tint and white selected edge retain clear KPI navigation. */
.home-page .scenario-explorer .scenario-kpis,
.home-page .covenant-explorer .covenant-kpis { background:rgba(13,15,168,.32); border-color:#6567df; }
.home-page .scenario-explorer .scenario-kpis button,
.home-page .covenant-explorer .covenant-kpi { border-color:transparent; border-left-color:#6567df; padding:27px 34px; }
.home-page .scenario-explorer .scenario-kpis button[aria-pressed=true],
.home-page .covenant-explorer .covenant-kpi[aria-pressed=true] { border-top-color:#fff; background:rgba(37,40,214,.38); }
.home-page .scenario-explorer .scenario-kpis button:hover,
.home-page .covenant-explorer button.covenant-kpi:hover { background:rgba(37,40,214,.38); }
.home-page :is(.scenario-kpis strong,.covenant-kpi strong,.scenario-surface-reading strong,.covenant-surface-reading strong) { font-family:var(--mono); letter-spacing:-.055em; }
.home-page .scenario-explorer .scenario-workspace,
.home-page .covenant-explorer .covenant-workspace { position:relative; isolation:isolate; margin-inline:36px; grid-template-columns:minmax(270px,.7fr) minmax(0,2fr); }
.home-page .scenario-explorer .scenario-inputs,
.home-page .covenant-explorer .covenant-controls { border-color:#6567df; padding-right:32px; background:#1012c8; }
.home-page .scenario-explorer .scenario-visual,
.home-page .covenant-explorer .covenant-main {
 position:relative; isolation:auto; display:block;
 padding:32px 36px; background:transparent;
}
/* A single full-width analytical stage, including the softly visible engraving
   beneath the data faces. No opacity or blend mode is applied to the whole SVG. */
.home-page .scenario-explorer .scenario-visual > *,
.home-page .covenant-explorer .covenant-main > * {
 min-width:0; position:relative; z-index:1;
}
.home-page .scenario-explorer .scenario-visual-top,
.home-page .covenant-explorer .covenant-plot-heading { min-height:0; padding:0; background:transparent; }
.home-page .scenario-explorer .scenario-visual-top > div:first-child,
.home-page .covenant-explorer .covenant-plot-heading > * { width:fit-content; max-width:100%; background:transparent; text-shadow:0 1px 2px #1012c8,0 0 12px #1012c8; }
.home-page .scenario-explorer .scenario-visual h3,
.home-page .covenant-explorer .covenant-plot-heading h3 { font:400 clamp(24px,2vw,34px)/1.2 var(--serif); }
.home-page .scenario-explorer .scenario-surface,
.home-page .covenant-explorer .covenant-heatmap { background:transparent; padding:0; width:100%; margin:16px 0 0; min-height:0; }
.home-page .scenario-explorer .scenario-surface svg,
.home-page .covenant-explorer .covenant-heatmap svg { width:100%; height:auto; max-height:none; }
/* A height cap letterboxed the original SVGs inside a wide stage. Panoramic
   projections use the extra x-space without stretching glyphs or growing tall.
   The existing compact and regular projections remain for smaller containers. */
.home-page .scenario-explorer .scenario-surface .surface-panoramic,
.home-page .covenant-explorer .covenant-heatmap .covenant-chart-panoramic { display:none; }
@container (min-width:1101px) {
 .home-page .scenario-explorer .scenario-surface .surface-wide,
 .home-page .covenant-explorer .covenant-heatmap .covenant-chart-wide { display:none; }
 .home-page .scenario-explorer .scenario-surface .surface-panoramic,
 .home-page .covenant-explorer .covenant-heatmap .covenant-chart-panoramic { display:block; }
}
/* Halo only the axis glyphs, never blur or reduce opacity on numerical marks. */
.home-page .scenario-explorer .scenario-surface text,
.home-page .covenant-explorer .covenant-heatmap svg text { paint-order:stroke fill; stroke:#1012c8; stroke-width:3px; stroke-linejoin:round; }
.home-page .scenario-explorer .scenario-surface .surface-selected,
.home-page .covenant-explorer .covenant-heatmap .covenant-marker text { stroke:none; }
.home-page .scenario-explorer :is(.scenario-legend,.scenario-surface-note),
.home-page .covenant-explorer :is(.covenant-chart-legend,.covenant-chart-note) { background:#1012c8; width:fit-content; max-width:100%; padding:5px 8px; margin-left:-8px; }
.home-page .scenario-explorer .scenario-events,
.home-page .covenant-explorer :is(.covenant-actions,.covenant-insight-panel) { background:#1012c8; }
/* Keep renderer-derived RGB values unchanged. Only funded faces and their
   colour key become translucent; categorical grey and selected labels do not. */
.home-page .scenario-explorer .scenario-surface polygon[data-grid-i][data-grid-j],
.home-page .covenant-explorer .covenant-heatmap .covenant-cell { opacity:1; fill-opacity:.72; }
.home-page .scenario-explorer .scenario-surface rect[fill^="url(#scenario-heat-legend-"] { fill-opacity:.72; }
.home-page .scenario-explorer .scenario-surface polygon[fill="#33343c"],
.home-page .covenant-explorer .covenant-heatmap .covenant-cell[fill="#383b45"] { fill-opacity:1; }
.home-page .covenant-explorer .covenant-heatmap .covenant-plot-frame { fill:none; }
.home-page .scenario-explorer .scenario-surface .surface-callout > rect,
.home-page .covenant-explorer .covenant-heatmap .covenant-marker > rect { fill:#121416; fill-opacity:1; }
/* Every former charcoal inset now belongs to the same blue palette. */
.home-page .scenario-explorer :is(.scenario-presets button,.scenario-view,.scenario-view button,.scenario-events,.scenario-shape select),
.home-page .covenant-explorer :is(.covenant-presets button,.covenant-capture,.covenant-freeze,.covenant-source,.covenant-action,.covenant-status,.covenant-insight) { border-radius:0; box-shadow:none; }
.home-page .scenario-explorer :is(.scenario-events,.scenario-shape select),
.home-page .covenant-explorer :is(.covenant-action,.covenant-insight) { background:#0d0fa8; border-color:#6567df; }
.home-page .scenario-explorer .scenario-shape select { color:#fff; color-scheme:dark; }
.home-page .scenario-explorer .scenario-presets button,
.home-page .covenant-explorer .covenant-presets button { border-color:#7476ed; color:#fff; }
.home-page .scenario-explorer .scenario-presets button[aria-pressed=true],
.home-page .covenant-explorer .covenant-presets button[aria-pressed=true],
.home-page .scenario-explorer .scenario-view button[aria-pressed=true] { background:#fff; color:#1012c8; border-color:#fff; }
.home-page .scenario-explorer .scenario-view { border-color:#7476ed; }
.home-page .scenario-explorer .scenario-view button { color:#fff; }
.home-page .covenant-explorer .covenant-view { border-color:#7476ed; border-radius:0; box-shadow:none; }
.home-page .covenant-explorer .covenant-view button { color:#fff; border-radius:0; }
.home-page .covenant-explorer .covenant-view button[aria-pressed=true] { background:#fff; color:#1012c8; }
.home-page .covenant-explorer .covenant-view button:focus-visible { outline-offset:-4px; }
.home-page .covenant-explorer .covenant-freeze:hover { background:rgba(37,40,214,.38); }
.home-page .covenant-explorer .covenant-capture { margin:0 36px 26px; background:rgba(13,15,168,.32); border-color:#6567df; }
.home-page .covenant-explorer .covenant-status { background:#3538d7; border-color:#a2a4ff; color:#fff; }
.home-page .covenant-explorer .covenant-status[data-status=blocked] { background:#512575; color:#fff; border-color:#ecc4ff; }
.home-page .covenant-explorer .covenant-status:is([data-status=resized],[data-status=deferred]) { background:#4e3d89; color:#fff4ce; border-color:#e5cf8f; }
.home-page .covenant-explorer .covenant-status[data-status=not-needed] { background:#2225b2; color:#e0e1ff; border-color:#8587f0; }
.home-page :is(.scenario-explorer,.covenant-explorer) input[type=range]::-webkit-slider-runnable-track { background:#7476ed; }
.home-page :is(.scenario-explorer,.covenant-explorer) input[type=range]::-moz-range-track { background:#7476ed; }
.home-page .scenario-explorer .scenario-takeaway,
.home-page .covenant-explorer .covenant-takeaway { background:#0d0fa8; border-color:#6567df; padding:24px 36px; }
.home-page .scenario-explorer :is(.scenario-assumptions,.scenario-horizon,.scenario-boundary),
.home-page .covenant-explorer :is(.covenant-assumptions,.covenant-horizon,.covenant-boundary) { border-color:#6567df; background:#1012c8; }
.home-page .scenario-explorer .scenario-boundary,
.home-page .covenant-explorer .covenant-boundary { border-bottom:1px solid #6567df; }
.home-page .scenario-explorer :is(.scenario-help,.scenario-range,.scenario-surface-note,.scenario-step,.scenario-kpi-detail,.scenario-kpi-side,.scenario-legend),
.home-page .covenant-explorer :is(.covenant-help,.covenant-range,.covenant-chart-note,.covenant-step,.covenant-kpi-delta,.covenant-chart-legend) { color:#dddfff; }
.home-page .scenario-explorer :is(.surface-grid,.path-grid),
.home-page .covenant-explorer .covenant-grid { stroke:#6668e2; }
.home-page .scenario-explorer :is(.scenario-surface text,.scenario-paths text),
.home-page .covenant-explorer .covenant-heatmap svg text { fill:#e6e7ff; }
@media (max-width:900px) {
 .home-page .scenario-explorer .scenario-workspace,
 .home-page .covenant-explorer .covenant-workspace { grid-template-columns:230px minmax(0,1fr); margin-inline:24px; }
 .home-page .scenario-explorer .scenario-visual,
 .home-page .covenant-explorer .covenant-main { padding-inline:22px; }
 .home-page .scenario-explorer .scenario-heading,
 .home-page .covenant-explorer .covenant-heading { padding-inline:24px; align-items:flex-start; }
 .home-page .scenario-explorer .scenario-heading h2,
 .home-page .covenant-explorer .covenant-heading h2 { font-size:37px; }
}
@media (max-width:760px) {
 .home-page .scenario-explorer .scenario-workspace,
 .home-page .covenant-explorer .covenant-workspace { grid-template-columns:minmax(0,1fr); margin-inline:20px; }
 .home-page .scenario-explorer .scenario-heading,
 .home-page .covenant-explorer .covenant-heading { flex-direction:column; padding:28px 20px; gap:22px; }
 .home-page .scenario-explorer .scenario-heading h2,
 .home-page .covenant-explorer .covenant-heading h2 { font-size:34px; }
 .home-page .scenario-explorer .scenario-heading p,
 .home-page .covenant-explorer .covenant-heading p { font-size:12px; }
 .home-page .scenario-explorer .scenario-inputs,
 .home-page .covenant-explorer .covenant-controls { border-right:0; padding-right:0; }
 .home-page .scenario-explorer .scenario-visual,
 .home-page .covenant-explorer .covenant-main { padding-inline:0; border-left:0; }
 .home-page .scenario-explorer .scenario-kpis button,
 .home-page .covenant-explorer .covenant-kpi { padding:20px; }
 .home-page :is(.scenario-kpis strong,.covenant-kpi strong) { font-size:29px; }
 .home-page .scenario-explorer .scenario-topline,
 .home-page .covenant-explorer .covenant-topline { padding-inline:20px; }
 .home-page .covenant-explorer .covenant-capture { margin-inline:20px; }
 .home-page .scenario-explorer .scenario-visual-top,
 .home-page .covenant-explorer .covenant-plot-heading { min-height:0; padding-right:0; }
 .home-page .scenario-explorer::before,
 .home-page .covenant-explorer::before { height:min(100%,1400px); opacity:.12; background-position:58% top; background-size:auto 1400px; }
}
@media (prefers-reduced-motion:reduce) { .home-page :is(.scenario-play,.covenant-play) { transition:none; } }
@media print {
 .home-page .scenario-explorer .scenario-surface polygon[data-grid-i][data-grid-j],
 .home-page .scenario-explorer .scenario-surface rect[fill^="url(#scenario-heat-legend-"],
 .home-page .covenant-explorer .covenant-heatmap .covenant-cell { fill-opacity:1; }
 .home-page .scenario-explorer::before,
 .home-page .covenant-explorer::before { display:none; }
 .home-page .scenario-explorer .scenario-visual,
 .home-page .covenant-explorer .covenant-main { display:block; }
 .home-page .scenario-explorer .scenario-visual-top,
 .home-page .covenant-explorer .covenant-plot-heading { min-height:0; padding-right:0; }
}