/* Shared cyan / red night palette and cyan / orange day palette. */
:root{--bg:#080c12;--surface:#101821;--card:#111d27;--text:#ecf9ff;--muted:#a5b8c5;--line:#263e49;--blue:#47eaff;--purple:#ff304b;--accent:#ff304b;--accent-gold:#ff6578;--accent-button:#ff304b;--accent-hover:#ff6074;--cyan:#47eaff}
:root[data-theme=light]{--bg:#f4f9fb;--surface:#e7f2f6;--card:#fff;--text:#122b37;--muted:#4f6875;--line:#c2dbe3;--blue:#007f96;--purple:#c64c10;--accent:#c64c10;--accent-gold:#df6b1a;--accent-button:#c64c10;--accent-hover:#a13a08;--cyan:#007f96}
.primary{background:linear-gradient(110deg,var(--accent),var(--accent-gold));color:#fff;box-shadow:0 4px 25px color-mix(in srgb,var(--accent) 20%,transparent)}
.primary:hover{background:var(--accent-hover)}
.site-footer{--accent:inherit;--accent-gold:inherit;background:var(--bg);color:var(--muted);border-color:var(--line)}
:root .site-footer{--text:#ecf9ff;--muted:#a5b8c5;--line:#263e49;--accent:#ff304b;--accent-gold:#ff6578}
:root[data-theme=light] .site-footer{--text:#122b37;--muted:#4f6875;--line:#c2dbe3;--accent:#c64c10;--accent-gold:#df6b1a}
.site-footer .brand .footer-wordmark{color:var(--text)}
.risk-frame,:root[data-theme=light] .risk-frame{--risk-red:var(--accent);--risk-cyan:var(--cyan);background:var(--card);color:var(--text);border-color:color-mix(in srgb,var(--accent) 52%,var(--line));border-top-color:var(--accent);isolation:isolate}
.risk-copy,:root[data-theme=light] .risk-copy{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.risk-copy h2,:root[data-theme=light] .risk-copy h2,.risk-story h3,:root[data-theme=light] .risk-story h3{color:var(--text)}
.risk-copy p,:root[data-theme=light] .risk-copy p,.risk-story p,:root[data-theme=light] .risk-story p,.risk-story-meta,:root[data-theme=light] .risk-story-meta,.risk-source,:root[data-theme=light] .risk-source{color:var(--muted)}
.risk-feed,:root[data-theme=light] .risk-feed{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--cyan) 2%,transparent) 0 1px,transparent 1px 5px),var(--surface)}
.risk-feed-top,:root[data-theme=light] .risk-feed-top,.risk-feed-bottom,:root[data-theme=light] .risk-feed-bottom,.risk-story,:root[data-theme=light] .risk-story{border-color:var(--line)}
.risk-story-meta>span{color:var(--accent)}
.risk-feed-bottom,:root[data-theme=light] .risk-feed-bottom{color:var(--muted)}
.risk-signal{background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)}
#risk-pause,:root[data-theme=light] #risk-pause{border-color:var(--cyan);color:var(--cyan)}
#risk-pause:hover,:root[data-theme=light] #risk-pause:hover,.risk-story:hover,:root[data-theme=light] .risk-story:hover,.risk-story:focus-within,:root[data-theme=light] .risk-story:focus-within{background:color-mix(in srgb,var(--cyan) 5%,transparent)}
.risk-story a:hover h3,:root[data-theme=light] .risk-story a:hover h3{color:var(--cyan)}
.risk-viewport,:root[data-theme=light] .risk-viewport{scrollbar-color:var(--accent) var(--surface)}
/* OBS reference: dense, torn pixel columns and a soft red bloom. */
.risk-frame{overflow:visible}
.risk-interference{position:absolute;left:-16px;top:-16px;width:calc(100% + 32px);height:calc(100% + 32px);z-index:5;pointer-events:none;user-select:none}
@media(prefers-reduced-motion:reduce){.risk-interference{display:none}}

/* Let the warning copy determine the shared panel height. */
.risk-copy p:last-child{margin-bottom:0}
@media(min-width:761px){
 .risk-feed{position:absolute;top:0;right:0;bottom:0;width:66.666667%;display:flex;flex-direction:column;min-height:0}
 .risk-feed-top,.risk-feed-bottom{flex-shrink:0}
 .risk-feed .risk-viewport{height:auto;min-height:0;flex:1 1 0}
}