:root{--bg:#111418;--panel:#191e24;--panel2:#20262e;--line:#303946;--text:#edf2f7;--muted:#9aa8b6;--green:#58d68d;--blue:#5dade2;--amber:#f0b75f;--red:#ec7063}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}button,select{font:inherit}main{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#14191f;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex}.eyebrow,.smallLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}h1{margin:4px 0 0;font-size:28px;font-weight:700}h2{color:#f7fafc;margin:0 0 14px;font-size:15px;font-weight:700}.statusPill{color:var(--green);white-space:nowrap;background:#58d68d14;border:1px solid #58d68d66;border-radius:999px;padding:8px 12px;font-size:13px}.layout{grid-template-columns:360px minmax(0,1fr);gap:18px;padding:18px;display:grid}.side,.workspace{flex-direction:column;gap:14px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:16px}select{background:var(--panel2);width:100%;color:var(--text);border:1px solid var(--line);border-radius:6px;margin-bottom:10px;padding:10px 11px}.primary{background:var(--blue);color:#071018;cursor:pointer;border:0;border-radius:6px;width:100%;padding:12px 14px;font-weight:700}.primary:disabled{opacity:.55;cursor:not-allowed}.segmented{gap:8px;display:grid}.segmented button{border:1px solid var(--line);background:var(--panel2);color:var(--text);text-align:left;cursor:pointer;border-radius:7px;padding:12px}.segmented button.active{border-color:var(--blue);background:#5dade21f}.segmented span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35;display:block}.templateBox,.assetMeta{color:var(--muted);border:1px solid var(--line);background:#14191f;border-radius:6px;flex-direction:column;gap:5px;padding:12px;font-size:13px;display:flex}.assetMeta{text-transform:capitalize;flex-direction:row;justify-content:space-between}.narrativeCard{border:1px solid var(--line);border-left:4px solid var(--blue);background:#171d23;border-radius:8px;gap:16px;padding:18px;display:grid}.narrativeCard.allow{border-left-color:var(--green)}.narrativeCard.deny{border-left-color:var(--red)}.narrativeCard.step_up,.narrativeCard.limited{border-left-color:var(--amber)}.narrativeCard h2{margin:3px 0 8px;font-size:22px}.narrativeCard p{color:#dce7f3;margin:0;line-height:1.5}.narrativeSteps{counter-reset:narrative;gap:8px;margin:0;padding:0;list-style:none;display:grid}.narrativeSteps li{counter-increment:narrative;border:1px solid var(--line);background:#11161c;border-radius:7px;grid-template-columns:170px minmax(0,1fr);align-items:start;gap:12px;padding:10px 12px;display:grid}.narrativeSteps li:before{content:counter(narrative);display:none}.narrativeSteps a{color:var(--blue);font-weight:700;text-decoration:none}.narrativeSteps a:hover{text-decoration:underline}.narrativeSteps span{color:var(--muted);line-height:1.4}.sectionLinks{flex-wrap:wrap;gap:8px;display:flex}.sectionLinks a{color:#dce7f3;border:1px solid var(--line);background:#242c35;border-radius:999px;padding:7px 10px;font-size:12px;text-decoration:none}.sectionLinks a:hover{border-color:var(--blue);color:var(--blue)}.decisionBand{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:82px;padding:14px}.metric span{color:var(--muted);margin-bottom:10px;font-size:12px;display:block}.metric strong{text-transform:capitalize;overflow-wrap:anywhere;font-size:22px;display:block}.metric.allow strong{color:var(--green)}.metric.deny strong,.metric.fail-secure strong{color:var(--red)}.metric.step_up strong,.metric.limited strong{color:var(--amber)}.twoCol{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.reasonList{flex-wrap:wrap;gap:8px;display:flex}.reasonList span{color:#dce7f3;border:1px solid var(--line);overflow-wrap:anywhere;background:#242c35;border-radius:999px;padding:6px 9px;font-size:12px}.charts{gap:14px;display:grid}.chartPanel,.coupling,.chartEmpty{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.chartTitle{color:var(--muted);margin-bottom:8px;font-size:13px}svg{background:#11161c;border-radius:6px;width:100%;height:auto;display:block}.chartEmpty{min-height:120px;color:var(--muted);flex-direction:column;justify-content:center;gap:8px;display:flex}.timingRows{gap:9px;display:grid}.timingRow{grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;gap:10px;font-size:13px;display:grid}.timingTrack{border:1px solid var(--line);background:#11161c;border-radius:999px;height:18px;position:relative}.timingTrack i,.timingTrack b{border-radius:50%;width:10px;height:10px;position:absolute;top:3px;transform:translate(-50%)}.timingTrack i{background:var(--green)}.timingTrack b{background:var(--blue)}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#dce7f3;border:1px solid var(--line);background:#11161c;border-radius:6px;max-height:360px;margin:0;padding:12px;font-size:12px;overflow:auto}.tokenBox{max-height:132px}.assertionGrid{gap:12px;display:grid}.emptyBlock,.muted{color:var(--muted);border:1px dashed var(--line);border-radius:6px;padding:14px}.chainGood,.chainBad{border-radius:6px;margin-bottom:10px;padding:10px;font-size:13px}.chainGood{color:var(--green);background:#58d68d17;border:1px solid #58d68d40}.chainBad{color:var(--red);background:#ec706317;border:1px solid #ec706340}.auditList{gap:8px;display:grid}.auditItem{border:1px solid var(--line);background:#14191f;border-radius:6px;padding:10px}.auditItem code{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:11px;display:block}.error{color:var(--red);background:#ec706314;border:1px solid #ec706359;border-radius:8px;margin:16px 18px 0;padding:12px}code{font-family:Cascadia Mono,Consolas,monospace}.checkList{gap:12px;max-height:430px;padding-right:2px;display:grid;overflow:auto}.checkGroup{border:1px solid var(--line);background:#ffffff05;border-radius:7px;gap:7px;padding:9px;display:grid}.checkGroup.hot{background:#f0b75f0f;border-color:#f0b75f73}.checkGroupTitle{color:var(--amber);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1px;font-size:11px}.checkItem{border:1px solid var(--line);background:#14191f;border-radius:6px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.checkItem span{width:24px;height:24px;color:var(--blue);background:#5dade221;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.checkItem p{color:#dce7f3;margin:0;font-size:12px;line-height:1.3}.checkItem.compact{opacity:.82;padding:6px 8px}.checkItem.compact p{color:var(--muted)}@media (max-width:980px){.layout,.twoCol{grid-template-columns:1fr}.narrativeSteps li{grid-template-columns:1fr;gap:4px}.decisionBand{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.decisionBand{grid-template-columns:1fr}.layout{padding:12px}.topbar{padding:20px}}