/* /proof, the evidence index (Oct 28 2026). Loaded after assets/site.css and assets/nav-install.css, which give the
   page its header, footer, buttons and type ramp; assets/hero-fonts.css gives the headline face. The page opens on a
   real record; every panel below is an action-and-result pair: context and controls on the left, a real artifact on
   the right, stacked on phones. Records wrap or scroll inside their own boxes, never the page.
   Colours are written out, the same values as the homepage: ground #07101E, surface #0C1828, ink #E6EEF3,
   muted #94A3B0, teal #2ABCB4 as structure, green #34D399 allowed, amber #F0B864 held, red #F87171 refused. */

.proof-main{padding-top:28px;gap:0}
@media(min-width:900px){
  .proof-main{width:min(1200px,calc(100% - 96px));max-width:none;padding-top:48px}
  .nav{padding-left:max(48px,calc((100% - 1200px) / 2));padding-right:max(48px,calc((100% - 1200px) / 2))}
}
.proof-main .eyebrow{color:#2ABCB4;line-height:1.4}
.proof-main code{font:400 .92em/1 'JetBrains Mono',monospace;color:#DCE8F0;background:rgba(255,255,255,.05);border-radius:4px;padding:2px 5px}
.proof-main .links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px 18px;font:400 12.5px/1.6 'JetBrains Mono',monospace}
.proof-main .links a{color:#94A3B0;text-decoration-color:rgba(148,163,176,.4)}
.proof-main .links a:hover{color:#E6EEF3}

/* 01, the lead: headline, then the record, then what it proves and the control to check it */
.lead{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "record" "body" "also";gap:22px;padding-bottom:36px;scroll-margin-top:16px}
.lead-head{grid-area:head;display:flex;flex-direction:column;gap:14px}
.lead-record{grid-area:record;display:flex;flex-direction:column;gap:10px;min-width:0}
.lead-body{grid-area:body;display:flex;flex-direction:column;gap:14px;min-width:0}
.lead h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(38px,4.4vw,60px);line-height:1.03;letter-spacing:-.02em;color:#F1F5F9;text-wrap:balance}
.lead h1 em{font-style:italic;color:#2ABCB4}
.lead .lede{max-width:52ch;font-size:16px;line-height:1.55}
.rec-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font:400 11.5px/1.4 'JetBrains Mono',monospace;color:#94A3B0}
.rec-label span{white-space:nowrap}
.rec-label span+span::before{content:'\00b7';margin-right:10px;color:#5F748D}
.rec-label b{font-weight:500;color:#2ABCB4;letter-spacing:.08em;text-transform:uppercase}
.also{grid-area:also;margin:0;font-size:13px;line-height:1.6;color:#94A3B0;padding:12px 14px;border:1px dashed rgba(255,255,255,.12);border-radius:10px;align-self:start}
.also b{color:#E6EEF3;font-weight:500}
.also a{color:#DCE8F0}
@media(min-width:900px){
  .lead{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head record" "body record" "body also";grid-template-rows:auto auto 1fr;column-gap:clamp(32px,4vw,64px);row-gap:24px;padding-bottom:56px}
  .lead-body{align-self:start}
}

/* The evidence index: one quiet strip of links, not a grid of cards */
.toc{display:flex;flex-wrap:wrap;gap:4px 6px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}
.toc a{display:inline-flex;align-items:baseline;gap:8px;padding:7px 10px;border-radius:6px;color:#C9D4DE;text-decoration:none;font-size:13.5px;line-height:1.3}
.toc a:hover{background:rgba(42,188,180,.08);color:#E6EEF3}
.toc a b{font:500 11px/1 'JetBrains Mono',monospace;color:#2ABCB4;letter-spacing:.06em}
@media(max-width:599.98px){.toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}.toc a{padding:8px 4px;font-size:13px}}

/* Panels */
.panel{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:40px 0 48px;border-top:1px solid rgba(255,255,255,.08);scroll-margin-top:16px}
.panel-context{display:flex;flex-direction:column;gap:14px;min-width:0}
.panel-result{display:flex;flex-direction:column;gap:12px;min-width:0}
.panel h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.015em;color:#F1F5F9;text-wrap:balance}
.panel h2 em{font-style:italic;color:#2ABCB4}
.proves{margin:0;padding:11px 14px;border-left:2px solid #2ABCB4;background:rgba(42,188,180,.06);border-radius:0 8px 8px 0;font-size:14.5px;line-height:1.55;color:#DCE8F0}
.proves b{color:#2ABCB4;font-weight:600}
.facts{margin:0;font-size:14.5px;line-height:1.6;color:#94A3B0;max-width:56ch;text-wrap:pretty}
.facts b{color:#E6EEF3;font-weight:500}
.facts a{color:#E6EEF3}
.facts.small{font-size:13px;line-height:1.6}
.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.btn-sm{height:38px;padding:0 14px;font-size:14px;font-weight:500}
.btn-warn{background:transparent;color:#F0B864!important;border:1px solid rgba(240,184,100,.4)}.btn-warn:hover{border-color:#F0B864}
.btn:disabled{opacity:.5;cursor:not-allowed}
@media(min-width:900px){
  .panel{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,4vw,64px);padding:64px 0 72px}
}

/* Record cards: readable fields first, verification under them, raw JSON behind a disclosure */
.record{background:#0C1828;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;min-width:0}
.record.ok{border-color:rgba(52,211,153,.4)}
.record.no{border-color:rgba(248,113,113,.45)}
.record.hold{border-color:rgba(240,184,100,.45)}
.rec-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);font:400 12px/1.4 'JetBrains Mono',monospace;color:#94A3B0;overflow-wrap:anywhere}
.record.ok .rec-head{background:rgba(52,211,153,.07)}
.record.no .rec-head{background:rgba(248,113,113,.07)}
.record.hold .rec-head{background:rgba(240,184,100,.07)}
.rec-head .spacer{flex:1}
.chip{display:inline-flex;align-items:center;gap:7px;font:600 11.5px/1 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:5px;white-space:nowrap}
.chip.ok{color:#34D399;background:rgba(52,211,153,.14)}
.chip.no{color:#F87171;background:rgba(248,113,113,.14)}
.chip.hold{color:#F0B864;background:rgba(240,184,100,.14)}
.chip.dim{color:#94A3B0;background:rgba(255,255,255,.06)}
.rec-rows{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:4px 16px}
.rec-rows div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.06);font:400 12.5px/1.55 'JetBrains Mono',monospace}
.rec-rows div:last-child{border-bottom:0}
.rec-rows dt{color:#94A3B0}
.rec-rows dd{margin:0;color:#E6EEF3;overflow-wrap:anywhere}
.rec-rows dd.ok{color:#34D399}.rec-rows dd.no{color:#F87171}.rec-rows dd.hold{color:#F0B864}
.rec-rows dd small{color:#94A3B0;font-size:11.5px}
@media(min-width:600px){.rec-rows.two{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.rec-rows.two div:nth-last-child(2):nth-child(odd){border-bottom:0}}
.rec-status{display:flex;flex-direction:column;gap:5px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.07);font:400 12.5px/1.55 'JetBrains Mono',monospace;color:#DCE8F0}
.rec-status .line{position:relative;padding-left:20px}
.rec-status .line::before{content:'\2713';position:absolute;left:0;top:0;color:#34D399;font-weight:700}
.rec-status .line.no{color:#F87171}
.rec-status .line.no::before{content:'\2717';color:#F87171}
.rec-status .line.wait::before{content:'\2026';color:#94A3B0}
.rec-status .line.plain{color:#94A3B0}.rec-status .line.plain::before{content:''}
.rec-status .line b{color:#E6EEF3;font-weight:600}
.rec-status .line.no b{color:#F87171}
.rec-status .fine{color:#94A3B0;font-size:12px;margin-top:2px}
.rec-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.07)}
.rec-btn{font:500 12px/1 'JetBrains Mono',monospace;border:1px solid rgba(230,238,243,.2);background:transparent;color:#E6EEF3;border-radius:6px;padding:8px 11px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.rec-btn:hover{border-color:rgba(42,188,180,.6);color:#2ABCB4}
.rec-btn.tamper:hover{border-color:rgba(248,113,113,.6);color:#F87171}
.rec-note{padding:10px 16px 12px;border-top:1px solid rgba(255,255,255,.07);font:400 12px/1.6 'JetBrains Mono',monospace;color:#94A3B0;overflow-wrap:anywhere}
.rec-note b{color:#E6EEF3;font-weight:500}
details.raw{border-top:1px solid rgba(255,255,255,.07)}
details.raw summary{cursor:pointer;padding:11px 16px;font:500 12px/1.4 'JetBrains Mono',monospace;color:#94A3B0;list-style:none;display:flex;gap:8px;align-items:center}
details.raw summary:hover{color:#E6EEF3}
details.raw summary::-webkit-details-marker{display:none}
details.raw summary::before{content:'\25B8';color:#2ABCB4}
details.raw[open] summary::before{content:'\25BE'}
details.raw pre,details.raw textarea{display:block;margin:0 16px 16px;max-height:360px;overflow:auto;white-space:pre;font:400 12px/1.6 'JetBrains Mono',monospace;background:#07101E;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px;color:#DCE8F0}
details.raw textarea{width:calc(100% - 32px);min-height:280px;resize:vertical}
details.raw textarea:focus{outline:none;border-color:rgba(42,188,180,.5)}
.curl .c{color:#94A3B0}

/* Key box: label above value, so a long key wraps inside its own row */
.keybox{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:6px 14px;background:#0C1828;border:1px solid rgba(255,255,255,.08);border-radius:10px}
.keybox div{display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.06);font:400 12px/1.55 'JetBrains Mono',monospace}
.keybox div:last-child{border-bottom:0}
.keybox dt{color:#94A3B0}
.keybox dd{margin:0;color:#E6EEF3;overflow-wrap:anywhere}
.keybox a{color:#E6EEF3}
.keybox .ok{color:#34D399}.keybox .warn{color:#F0B864}

/* 02, the recorded run */
.run-figure{margin:0;display:flex;flex-direction:column;gap:10px}
.run-stage{position:relative;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0a1117;box-shadow:0 24px 72px rgba(0,0,0,.3);text-decoration:none}
.run-stage img{display:block;width:100%;height:auto}
.run-play{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(42,188,180,.65);border-radius:40px;background:#07101E;color:#E6EEF3;font:500 13px/1 'DM Sans',system-ui,sans-serif;white-space:nowrap}
.run-play svg{width:14px;height:14px;fill:#2ABCB4}
.run-figure figcaption{font:400 12px/1.6 'JetBrains Mono',monospace;color:#94A3B0;text-wrap:pretty}
.run-stage .wide{display:block}.run-stage .phone{display:none}
@media(max-width:899.98px){.run-stage .wide{display:none}.run-stage .phone{display:block}.run-play{position:static;display:flex;justify-content:center;border:0;border-top:1px solid rgba(255,255,255,.1);border-radius:0;background:#0C1828}}

/* 04 and 05, the simulation and the sandbox */
.policybar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pchip{background:#0C1828;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;min-width:0}
.pchip .pl{font:400 10px/1.3 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#94A3B0;margin-bottom:6px}
.pchip .pv{font:600 14px/1.3 'JetBrains Mono',monospace;color:#E6EEF3;overflow-wrap:anywhere}
.pchip .pv small{font-size:11px;color:#94A3B0;font-weight:400}
.meter{height:6px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:8px}
.meter i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#34D399,#2ABCB4);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.meter i.hot{background:linear-gradient(90deg,#F0B864,#F87171)}
.pchip.kill{cursor:pointer}
.pchip.kill:hover,.pchip.kill:focus-visible{border-color:rgba(248,113,113,.5);outline:none}
.killrow{display:flex;align-items:center;gap:9px;margin-top:2px}
.switch{width:36px;height:20px;border-radius:20px;background:rgba(255,255,255,.12);position:relative;flex:none;transition:background .2s}
.switch i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#DCE8F0;transition:transform .2s}
.pchip.kill.armed .switch{background:#F87171}
.pchip.kill.armed .switch i{transform:translateX(16px);background:#fff}
.killstate{font:600 11px/1.3 'JetBrains Mono',monospace;color:#34D399}
.pchip.kill.armed .killstate{color:#F87171}
.actlist{display:flex;flex-direction:column;gap:7px}
.clab{font:400 10px/1.3 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#94A3B0;margin:6px 2px 0}
.act{width:100%;text-align:left;font:500 13.5px/1.35 'DM Sans',system-ui,sans-serif;color:#E6EEF3;background:#0C1828;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:border-color .15s,background .15s}
.act:hover{border-color:rgba(42,188,180,.5)}
.act:disabled{opacity:.45;cursor:not-allowed}
.act .k{font:400 10.5px/1.3 'JetBrains Mono',monospace;color:#94A3B0;text-align:right;flex:none}
.act.warn:hover{border-color:rgba(240,184,100,.6)}
.act.danger:hover{border-color:rgba(248,113,113,.6)}
.custom{display:flex;align-items:stretch}
.custom .pre{display:flex;align-items:center;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-right:0;border-radius:9px 0 0 9px;background:#0C1828;font-family:'JetBrains Mono',monospace;color:#94A3B0}
.custom input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.08);background:#07101E;color:#E6EEF3;font:400 14px/1 'JetBrains Mono',monospace;padding:10px 12px}
.custom input:focus{outline:none;border-color:#2ABCB4}
.custom button{border:0;border-radius:0 9px 9px 0;background:rgba(42,188,180,.16);color:#2ABCB4;font:600 12px/1 'JetBrains Mono',monospace;padding:0 14px;cursor:pointer}
.reset{align-self:flex-start;background:none;border:0;color:#94A3B0;font:400 11.5px/1.4 'JetBrains Mono',monospace;cursor:pointer;padding:6px 2px}
.reset:hover{color:#2ABCB4}
.log-card{background:#0C1828;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;position:relative}
.log-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.07);font:400 11.5px/1.4 'JetBrains Mono',monospace;color:#94A3B0}
.log-head .tag,.code-head .tag{display:inline;border:0;border-radius:0;padding:0;width:auto;color:#2ABCB4;letter-spacing:.06em;text-transform:uppercase;font:500 10.5px/1.4 'JetBrains Mono',monospace}
/* One block per line with a hanging indent, so a wrapped line continues under its own text, not at the edge. */
.log{margin:0;padding:12px 14px;font:400 12.5px/1.75 'JetBrains Mono',monospace;max-height:292px;overflow:auto;white-space:normal;background:#0C1828;border:0;border-radius:0;color:#DCE8F0}
.log .ln{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding-left:4ch;text-indent:-4ch}
.log .ln.fresh{animation:rise .3s ease both}
@keyframes rise{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.log .req{color:#DCE8F0}.log .who{color:#2ABCB4}
.log .meta{color:#94A3B0}
.log .allowed{color:#34D399;font-weight:500}
.log .blocked{color:#F87171;font-weight:500}
.log .gatel{color:#F0B864}
.log .sigl{color:#94A3B0}.log .sigl b{color:#DCE8F0;font-weight:500}
.log .hint{color:#94A3B0;font-style:italic}
.log .empty{color:#94A3B0;font-style:italic}
.flash{position:absolute;inset:0;border-radius:12px;pointer-events:none;opacity:0}
.flash.allow{box-shadow:inset 0 0 0 2px #34D399;animation:flashfade .9s ease}
.flash.block{box-shadow:inset 0 0 0 2px #F87171;animation:flashfade .9s ease}
@keyframes flashfade{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
.cards{display:flex;flex-direction:column;gap:8px}
.cards .record{animation:cardin .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes cardin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.older{list-style:none;margin:0;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0C1828}
.older li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.06);font:400 12px/1.4 'JetBrains Mono',monospace;color:#DCE8F0}
.older li:last-child{border-bottom:0}
.older .chip{font-size:10.5px;padding:4px 7px}
.older .what{flex:1;min-width:12ch}
.older .hash{color:#94A3B0;overflow-wrap:anywhere}
.older .rec-btn{padding:6px 9px}
.tamper-out{display:none;padding:0 16px 14px;font:400 12px/1.6 'JetBrains Mono',monospace}
.tamper-out.show{display:block}
.tamper-out .bad{color:#F87171}.tamper-out .dim{color:#94A3B0}
.fine{margin:0}
.privacy{margin:0;font-size:12.5px;line-height:1.6;color:#94A3B0}
.privacy b{font:500 11.5px/1.5 'JetBrains Mono',monospace;color:#DCE8F0;overflow-wrap:anywhere}
.sidefile{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px dashed rgba(255,255,255,.12);border-radius:10px}
.sidefile p{margin:0;font-size:13px;line-height:1.6;color:#94A3B0}
.sidefile b{color:#E6EEF3;font-weight:500}
.sidefile a{color:#DCE8F0;font:400 12.5px/1.6 'JetBrains Mono',monospace}

/* 05, the guarded executor and the bypass condition, side by side under the sandbox */
.wide2{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:6px;align-items:start}
@media(min-width:900px){.wide2{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(24px,3vw,40px)}}
.codebox{background:#0C1828;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;min-width:0}
.code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 0 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.tabs{display:flex}
.tab{font:500 12px/1 'JetBrains Mono',monospace;color:#94A3B0;padding:12px 14px;cursor:pointer;border:0;background:none;border-bottom:2px solid transparent}
.tab.on{color:#2ABCB4;border-bottom-color:#2ABCB4}
.codebox pre{margin:0;border:0;border-radius:0;background:#0C1828;white-space:pre;overflow:auto;font:400 12.5px/1.75 'JetBrains Mono',monospace;padding:16px 18px;color:#DCE8F0}
.codebox .c{color:#94A3B0}.codebox .k{color:#7FB3FF}.codebox .s{color:#34D399}.codebox .f{color:#F0B864}
.codeblock{display:none}.codeblock.on{display:block}
.bypass{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border:1px solid rgba(240,184,100,.3);background:rgba(240,184,100,.05);border-radius:12px}
.bypass .eyebrow{color:#F0B864}
.bypass .q{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:23px;line-height:1.25;color:#F1F5F9}
.bypass p{font-size:14px;line-height:1.6;color:#94A3B0;margin:0}
.bypass a{color:#E6EEF3}

/* 06, the attestation walkthrough */
.verdict{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px 16px;border:1px solid rgba(52,211,153,.4);background:rgba(52,211,153,.06);border-radius:12px}
.verdict.bad{border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.07)}
.verdict .msg{font-size:14px;line-height:1.5;color:#E6EEF3}
.verdict .msg b{font-weight:600}
.chain{display:flex;flex-direction:column}
.node{background:#0C1828;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.node.broken{border-color:#F87171}
.node .l{display:flex;align-items:center;gap:11px;min-width:0}
.node .mark{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:rgba(52,211,153,.14);color:#34D399;flex:none}
.node.broken .mark{background:rgba(248,113,113,.14);color:#F87171}
.node .step{font-weight:500;color:#E6EEF3}
.node.broken .step{color:#F87171}
.node .cap{font:400 10.5px/1.3 'JetBrains Mono',monospace;color:#94A3B0;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:2px 7px;margin-left:6px}
.node .meta{font:400 11px/1.4 'JetBrains Mono',monospace;color:#94A3B0;overflow-wrap:anywhere}
.link{height:16px;margin-left:27px;border-left:2px solid rgba(42,188,180,.5);width:0}
.link.broken{border-left:2px dashed #F87171}
.toggle{display:inline-flex;gap:2px;background:#0C1828;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px;width:max-content;max-width:100%;flex-wrap:wrap}
.toggle button{font:500 13px/1 'DM Sans',system-ui,sans-serif;color:#94A3B0;background:none;border:0;border-radius:8px;padding:9px 14px;cursor:pointer}
.toggle button.on{background:rgba(42,188,180,.14);color:#E6EEF3}
.toggle button.on.bad{color:#F87171;background:rgba(248,113,113,.12)}

/* 07, the verdicts */
.verdicts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0C1828;overflow:hidden}
.verdicts li{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.verdicts li:last-child{border-bottom:0}
.verdicts .host{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.verdicts .host a{font-weight:500;color:#E6EEF3;text-decoration-color:rgba(230,238,243,.3)}
.verdicts p{margin:0;font-size:13.5px;line-height:1.55;color:#94A3B0}
@media(min-width:600px){.verdicts li{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:16px}}

/* Closing */
.closing{display:flex;flex-direction:column;gap:16px;padding:40px 0 56px;border-top:1px solid rgba(255,255,255,.08)}
.closing p{margin:0;max-width:72ch;font-size:14.5px;line-height:1.6;color:#94A3B0}
.closing p b{color:#E6EEF3;font-weight:500}
.closing .actions{display:flex;flex-wrap:wrap;gap:12px}
@media(min-width:900px){.closing{padding:64px 0 80px}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.log .ln.fresh,.cards .record,.flash,.meter i{animation:none;transition:none}}