:root{color-scheme:dark;--bg: #070605;--bg-2: #120c08;--panel: rgba(31, 22, 16, .86);--panel-2: rgba(56, 32, 20, .72);--line: rgba(226, 144, 80, .28);--line-strong: rgba(246, 193, 124, .54);--text: #fff7e8;--muted: #d6ba92;--dim: #a78763;--red: #f0442f;--cyan: #28d7e5;--gold: #f2bc69;--green: #52d29a;--shadow: 0 24px 70px rgba(0, 0, 0, .48);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 8%,rgba(240,68,47,.2),transparent 34rem),radial-gradient(circle at 88% 10%,rgba(40,215,229,.14),transparent 30rem),linear-gradient(135deg,#050403,#130b07 48%,#080605);color:var(--text)}button{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar,.footer-bar{min-height:74px;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:#050403d6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:4}.footer-bar{position:static;min-height:58px;border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:14px}.brand,.status-strip{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-strong);background:linear-gradient(145deg,#f0442f52,#f2bc6929);color:var(--gold);font-weight:900;letter-spacing:.04em}.brand span,.status-strip span,.route-kicker,.inspector-head span,.verdict-plate span,.visual-banner span,.gate-card span,.rail-title span{display:block;color:var(--dim);font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.14em}.brand strong,.status-strip strong{display:block;color:var(--text);font-size:18px;line-height:1.2}.layout{flex:1;display:grid;grid-template-columns:250px minmax(0,1fr) 330px;gap:18px;padding:18px}.route-rail,.inspector{align-self:start;position:sticky;top:92px}.route-rail,.inspector,.main-canvas,.visual-banner,.lifecycle,.evidence-drawer{border:1px solid var(--line);background:linear-gradient(180deg,#22160fe0,#0d0907eb);box-shadow:var(--shadow)}.route-rail{padding:12px;display:flex;flex-direction:column;gap:10px}.rail-title{padding:10px 10px 14px;border-bottom:1px solid var(--line)}.rail-title strong{display:block;margin-top:4px;font-size:18px}.route-button,.artifact-row,.section-chips button{width:100%;border:1px solid rgba(246,193,124,.22);color:var(--text);background:#ffffff09;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.route-button{padding:14px 12px}.route-button:hover,.artifact-row:hover,.section-chips button:hover{transform:translateY(-1px);border-color:var(--line-strong);background:#f2bc691a}.route-button.active{border-color:#f0442fb8;background:linear-gradient(135deg,#f0442f3d,#28d7e514)}.route-button span{display:block;font-size:16px;font-weight:800}.route-button small{display:block;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.35}.content-stack{min-width:0;display:flex;flex-direction:column;gap:18px}.visual-banner{min-height:270px;display:grid;grid-template-columns:minmax(260px,.62fr) minmax(280px,.38fr);overflow:hidden}.visual-banner img{width:100%;height:100%;min-height:270px;object-fit:cover;object-position:center;border-right:1px solid var(--line)}.visual-banner div{padding:clamp(24px,4vw,46px);align-self:center}.visual-banner h2{margin:9px 0 12px;font-size:clamp(32px,4.6vw,60px);line-height:.96;letter-spacing:0}.visual-banner p{color:var(--muted);font-size:18px;line-height:1.55}.main-canvas{min-height:680px;padding:clamp(20px,3vw,34px)}.page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.34fr);gap:18px;align-items:stretch;padding-bottom:24px;border-bottom:1px solid var(--line)}.page-hero h1{margin:10px 0 12px;font-size:clamp(40px,6vw,86px);line-height:.9;letter-spacing:0}.page-hero p,.example-card p,.explain-panel dd,.gate-card p,.evidence-drawer p,.lifecycle p,.inspector p{color:var(--muted);font-size:16px;line-height:1.55}.verdict-plate,.explain-panel,.example-panel,.section-panel,.proof-panel,.gate-card{border:1px solid var(--line);background:#ffffff09}.verdict-plate{padding:18px;display:flex;flex-direction:column;justify-content:center}.verdict-plate strong{margin-top:10px;font-size:22px;line-height:1.2;color:var(--gold)}.page-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;margin-top:18px}.explain-panel,.example-panel,.section-panel,.proof-panel,.lifecycle,.evidence-drawer,.inspector{padding:18px}h2,h3,p{margin-top:0}h2{font-size:22px;line-height:1.15}h3{font-size:17px;line-height:1.2}dl{margin:0}.field+.field{margin-top:14px}.field dt{color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.field dd{margin:0}.example-card{padding:16px 0;border-top:1px solid var(--line)}.example-card:first-of-type{border-top:0;padding-top:0}.section-panel,.proof-panel{margin-top:18px}.section-chips{display:flex;flex-wrap:wrap;gap:10px}.section-chips button{width:auto;padding:11px 13px;color:var(--gold)}.proof-list,.drawer-list{display:grid;gap:10px}.artifact-row{padding:14px;display:grid;grid-template-columns:minmax(180px,.62fr) minmax(110px,.22fr);gap:8px 16px}.artifact-row.active{border-color:var(--cyan);background:#28d7e517}.artifact-row strong{font-size:15px}.artifact-row span{color:var(--gold);font-size:13px;text-align:right}.artifact-row small{grid-column:1 / -1;color:var(--muted);font-size:13px;line-height:1.45}.lifecycle .steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.lifecycle article{min-height:190px;padding:16px;border:1px solid var(--line);background:#ffffff08}.lifecycle article span{color:var(--red);font-size:30px;font-weight:900}.lifecycle article h3{margin:12px 0 8px}.inspector{min-height:calc(100vh - 130px)}.inspector-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.inspector h2{margin:18px 0 10px;color:var(--gold)}.gate-card{margin-top:20px;padding:16px}.gate-card strong{display:block;margin:8px 0;color:var(--green)}@media(max-width:1180px){.layout{grid-template-columns:220px minmax(0,1fr)}.inspector{position:static;grid-column:1 / -1;min-height:auto}}@media(max-width:860px){.topbar,.footer-bar{align-items:flex-start;flex-direction:column}.layout{display:flex;flex-direction:column;padding:12px}.route-rail{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rail-title{grid-column:1 / -1}.visual-banner,.page-hero,.page-grid{grid-template-columns:1fr}.visual-banner img{border-right:0;border-bottom:1px solid var(--line)}.lifecycle .steps{grid-template-columns:1fr}}@media(max-width:520px){.route-rail,.artifact-row{grid-template-columns:1fr}.artifact-row span{text-align:left}}