.page-gallery:not(.interactive-ready){height:auto;overflow:auto}
.page-gallery:not(.interactive-ready)>.panels,.page-gallery:not(.interactive-ready)>.mobile-tabs{display:none}
.interactive-ready>.static-showcase{display:none}
.static-showcase,.static-case{--ink:#222a30;--sub:#66737c;--line:#dfe5e8;--accent:#2368aa;--red:#b63c46;--green:#17735d;color:var(--ink);background:#f5f7f8;min-height:100vh;letter-spacing:0}
.static-case.harm{--accent:var(--red)}
.static-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;background:#fff;border-bottom:1px solid var(--line)}
.static-header>a{font-size:20px;font-weight:750;color:var(--ink)}
.static-header nav{display:flex;flex-wrap:wrap;gap:18px;font-size:14px}
.static-wrap{max-width:1180px;margin:auto;padding:28px 24px 50px}
.static-title{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.static-title h1{font-size:26px;line-height:1.3;margin:0 0 8px}
.static-title p,.static-stats{font-size:14px;color:var(--sub)}
.static-systems{display:flex;flex-wrap:wrap;gap:8px 20px;margin:22px 0}
.static-systems a{font-size:13px;color:var(--accent)}
.static-system{border-top:1px solid var(--line);padding:24px 0;scroll-margin-top:16px}
.static-system h2{display:flex;align-items:center;gap:12px;font-size:19px;margin:0 0 18px}
.static-system h2 small{font-size:13px;color:var(--sub);font-weight:400}
.static-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;list-style:none;padding:0;margin:0}
.static-directory li{border-bottom:1px solid var(--line)}
.static-directory a{display:flex;gap:9px;padding:13px 0;color:var(--ink);font-size:14px;line-height:1.4}
.static-directory strong{display:block;font-weight:600}.static-directory small{display:block;font-size:12px;color:var(--sub);margin-top:4px}
.outcome-mark{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;margin-top:7px}.outcome-mark.harm{background:var(--red)}
.static-case .scene{position:relative;border-radius:8px;margin-bottom:28px}
.static-case .scene-orch,.static-case .scene-sub{cursor:default}
.static-case .scene-orch{width:390px;height:74px;max-width:94%}
.static-case .scene-fan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:62px}
.static-case .scene-sub{max-width:none;justify-self:stretch}
.static-case .scene-sub .st{min-height:40px}
.static-case .scene-svg{inset:94px 16px auto;width:calc(100% - 32px);height:88px}
.static-case .static-wire-mobile{display:none}
.static-case .scene-legend{margin-top:18px}.static-case .watch-btn,.static-case .beat-cap{display:none}
.static-case .scene-copy .lab,.static-case .scene-copy .nm{letter-spacing:0}
.static-agent-nav{display:flex;flex-wrap:wrap;gap:14px 24px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}
.static-agent-nav a{color:var(--accent);font-size:14px}
.static-essentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-bottom:24px}
.static-essential{display:block;padding:18px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.static-essential strong{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--accent)}
.static-essential p{font-size:14px;line-height:1.6;margin:10px 0 0;overflow-wrap:anywhere}
.static-essential.judge strong,.static-essential.judge p{color:var(--red)}
.static-actor{padding:24px 0;border-top:1px solid var(--line);scroll-margin-top:16px}
.static-actor h2{font-size:20px;margin-bottom:12px}
.static-round>summary{font-size:15px;font-weight:650;padding:12px 0;cursor:pointer}
.static-event{border-bottom:1px solid var(--line);background:#fff;scroll-margin-top:16px}
.static-event>summary{display:flex;align-items:flex-start;gap:12px;padding:14px;cursor:pointer;font-size:13px;list-style:none;line-height:1.5}
.static-event>summary::after{content:'+';margin-left:auto;color:var(--sub)}
.static-event[open]>summary::after{content:'-'}
.static-event>summary strong{display:block;font-size:14px}.static-event>summary small{color:var(--sub);display:block;margin-top:4px}
.static-event>summary>span{min-width:0;flex:1;overflow-wrap:anywhere}
.static-event svg,.static-essential svg{width:18px;height:18px;flex-shrink:0}
.static-event .event-body{padding:0 16px 18px;font-size:13px;line-height:1.6}
.static-event pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:600px;overflow:auto;margin:0;font-size:12px;line-height:1.65}
.static-event.call{border-left:3px solid #495567;background:#20262d;color:#f3f6f8}.static-event.call summary small{color:#b9c4ce}
.static-event.call.edit{border-left-color:#b37e23}.static-event.call.delegate{border-left-color:#b63c46}.static-event.call.web{border-left-color:#4883a3}
.static-event.result{border-left:3px solid var(--green);background:#edf7f2}.static-event.result.error{border-left-color:var(--red);background:#fceef0}
.static-event[open] .event-body{animation:record-open .2s ease-out}
.static-full{margin:18px 0}.static-full>summary{cursor:pointer;font-size:14px;padding:12px 0;color:var(--accent)}
.static-judge{border-top:2px solid var(--red);padding:24px 0;color:var(--red);scroll-margin-top:16px}
.static-judge h2{font-size:20px}.static-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.static-metric{border-bottom:1px solid #edc7cd;padding:16px 0;font-size:14px;line-height:1.65}
.static-metric header{display:flex;justify-content:space-between;gap:14px;margin-bottom:8px}.static-metric p{margin:8px 0;overflow-wrap:anywhere}
.static-metric meter{width:100%;height:8px;accent-color:var(--red)}
.static-download{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--accent);margin:10px 0 24px}
@keyframes record-open{from{opacity:.3;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.static-wrap{padding:20px 14px 36px}.static-header{padding:14px;align-items:flex-start}.static-header nav{gap:8px 14px;font-size:12px}.static-title h1{font-size:21px}.static-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.static-case .scene{padding:20px 16px 14px}.static-case .scene-fan{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:42px}.static-case .scene-sub{min-height:140px}.static-case .scene-svg{height:270px}.static-case .static-wire-desktop{display:none}.static-case .static-wire-mobile{display:block}.static-case .scene-sub .true-line{white-space:normal}.static-metrics{grid-template-columns:1fr}.static-event pre{max-height:420px}}
@media(max-width:420px){.static-directory,.static-essentials{grid-template-columns:1fr}.static-agent-nav{gap:10px 18px}.static-case .scene-copy .nm{font-size:14px}}
@media(prefers-reduced-motion:reduce){.static-event[open] .event-body{animation:none}}