.lab{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(24px,4vw,64px);max-width:var(--max);margin:auto;padding:16px var(--gutter) 96px}
.picker{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto}
.picker h1{margin:0 0 12px;font-weight:400}
.pick{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--rule);color:var(--mist);padding:12px 8px;font:500 15px/1.25 var(--sans);cursor:pointer}
.pick small{display:block;font-weight:400;font-size:13px;margin-top:3px}
.pick:hover{color:var(--bone)}
.pick[aria-pressed=true]{color:var(--ink);background:var(--ion)}.pick[aria-pressed=true] small{color:var(--ink)}
#case:focus{outline:none}
.tabs{display:flex;gap:8px;margin-bottom:12px}
.tabs:empty{display:none}
.tabs button{background:none;border:1px solid var(--rule);color:var(--bone);padding:8px 12px;font:400 13px var(--mono);cursor:pointer;min-height:40px}
.tabs button[aria-pressed=true]{border-color:var(--ion);color:var(--ion)}
.verdict h2{font-size:clamp(38px,6vw,84px);font-weight:500;letter-spacing:-.035em;line-height:1;margin:6px 0 14px}
.verdict p:last-child{font-size:19px;max-width:680px;margin:0;color:var(--paper)}
.verdict p.label{margin:0}
.s-bad h2{color:var(--ember)}.s-good h2{color:var(--ion)}.s-wait h2{color:var(--amber)}.s-unknown h2{color:var(--sky)}
.gapbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:2px;margin:28px 0 8px}
.gapbox:empty{display:none}
.gapbox div{background:var(--carbon);padding:14px}
.gapbox b{display:block;font:500 clamp(20px,2.4vw,30px) var(--mono);letter-spacing:-.03em;margin-top:6px}
.gapbox .hot b{color:var(--ember)}
#case section{margin-top:48px}
#case h3{font-size:24px;font-weight:500;letter-spacing:-.02em;margin:0 0 8px}
.note{color:var(--mist);font-size:15px;margin:0 0 14px;display:block}
.vsr{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--rule);padding:16px 0}
.vsr p{margin:0}.vsr .says{color:var(--mist)}
.vsr .src{font:400 12px var(--mono);color:var(--mist);grid-column:1/-1}
.none{color:var(--mist)}
.card{border-top:1px solid var(--rule);padding:14px 0;display:grid;grid-template-columns:96px 1fr;gap:12px}
.lvl{font:400 12px var(--mono);padding-top:3px}
.lvl.documented{color:var(--bone)}.lvl.calculated{color:var(--ion)}.lvl.unknown{color:var(--sky)}.lvl.conflict{color:var(--ember)}
.card p{margin:0}
.card .src{font:400 12px var(--mono);color:var(--mist);margin-top:5px}
textarea{width:100%;background:var(--carbon);color:var(--bone);border:1px solid var(--rule);padding:14px;font:400 15px/1.5 var(--sans);resize:vertical}
.check{display:flex;gap:10px;align-items:center;margin:14px 0;min-height:32px}
.check input{width:20px;height:20px;accent-color:var(--ion)}
.row{display:flex;flex-wrap:wrap;gap:10px}
.stale{color:var(--amber);margin:0 0 14px}
.printonly{display:none}
@media (max-width:860px){.lab{grid-template-columns:1fr}.picker{position:static;max-height:none}#list{display:flex;overflow-x:auto;gap:6px;padding-bottom:8px}.pick{flex:0 0 200px;border:1px solid var(--rule)}.vsr{grid-template-columns:1fr;gap:6px}}
@media print{
  body{background:#fff;color:#000}
  body>*:not(main),.picker,#case>*:not(.draftbox),.draftbox>*:not(.printonly){display:none!important}
  .lab{display:block;padding:0}#case section{margin:0}
  .printonly{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font:12pt/1.45 Georgia,serif;color:#000}
}
