/* Signet Research. Tokens follow the Signet document style: black cover, Lexend, JetBrains Mono eyebrows. */
:root{
  color-scheme:light;
  --paper:#f5f5f2; --surface:#fcfcfb; --sunk:#efefeb; --ink:#0c0c0d; --text:#2a2b2e; --muted:#5f6065; --faint:#808186;
  --rule:#dcdbd5; --rule-strong:#c4c3bc;
  --block:#0c0c0d; --block-text:#eeeeea; --block-muted:#a1a2a6;
  --cover:#0b0b0c; --cover-text:#f2f2ee; --cover-muted:#8e8f93; --cover-soft:#c9c9c5; --cover-rule:#28282b;
  --link:#1c4f8f; --tag-bg:#dde9f8; --tag-text:#1c4f8f;
  --ok:#17744f; --ok-bg:#dcf1e7; --bad:#a2361c; --bad-bg:#fbe4dc; --warn:#7a5a00; --warn-bg:#f6ecc9;
  --mark:#fff0b3; --mark-strong:#ffd65c;
  --bar:#3a3b40;
  /* offices: checked for color-vision separation on --surface; always shown with their code */
  --o-TEV:#52adf9; --o-LOG:#8b461f; --o-FIN:#239470; --o-PER:#955dbd; --o-OPS:#d7a234;
  --mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --sans:"Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;
  --measure:68ch;
  --wide:1120px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --paper:#0f0f10; --surface:#161617; --sunk:#1c1c1e; --ink:#f3f3ef; --text:#d5d5d1; --muted:#a3a4a8; --faint:#85868a;
    --rule:#2a2a2d; --rule-strong:#3d3d41;
    --block:#1c1d20; --block-text:#efefeb; --block-muted:#a4a5a9;
    --cover:#060607; --cover-rule:#1f1f22;
    --link:#9ec5f4; --tag-bg:#15294a; --tag-text:#9ec5f4;
    --ok:#6fd3a5; --ok-bg:#12301f; --bad:#f19a7f; --bad-bg:#3a1a12; --warn:#e8c55c; --warn-bg:#33290b;
    --mark:#4a3f12; --mark-strong:#7a6413;
    --bar:#c9c9c5;
    --o-TEV:#1b7cb5; --o-LOG:#fa903b; --o-FIN:#5feac1; --o-PER:#c5a5fb; --o-OPS:#896f2d;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#0f0f10; --surface:#161617; --sunk:#1c1c1e; --ink:#f3f3ef; --text:#d5d5d1; --muted:#a3a4a8; --faint:#85868a;
  --rule:#2a2a2d; --rule-strong:#3d3d41;
  --block:#1c1d20; --block-text:#efefeb; --block-muted:#a4a5a9;
  --cover:#060607; --cover-rule:#1f1f22;
  --link:#9ec5f4; --tag-bg:#15294a; --tag-text:#9ec5f4;
  --ok:#6fd3a5; --ok-bg:#12301f; --bad:#f19a7f; --bad-bg:#3a1a12; --warn:#e8c55c; --warn-bg:#33290b;
  --mark:#4a3f12; --mark-strong:#7a6413;
  --bar:#c9c9c5;
  --o-TEV:#1b7cb5; --o-LOG:#fa903b; --o-FIN:#5feac1; --o-PER:#c5a5fb; --o-OPS:#896f2d;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:300 16px/1.62 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
a{color:var(--link);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px}
a:hover{text-decoration-color:currentColor}
strong,b{font-weight:600;color:var(--ink)}
code,kbd,.mono{font-family:var(--mono);font-size:.86em}
:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:2px}
::selection{background:var(--mark-strong);color:var(--ink)}
.page{max-width:var(--wide);margin:0 auto;padding-inline:clamp(16px,4vw,48px)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--surface);color:var(--ink);padding:8px 12px;z-index:10}
.skip:focus{left:8px}

/* ---------------------------------------------------------------- cover */
.cover{background:var(--cover);color:var(--cover-text)}
.cover a{color:inherit}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;padding-block:22px 0}
.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none}
.brand img{height:26px;width:auto;display:block}
.brand span{font:400 11px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--cover-muted)}
.topnav{display:flex;gap:6px 22px;flex-wrap:wrap;font:400 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.topnav a{color:var(--cover-soft);text-decoration:none;padding-block:6px}
.topnav a:hover,.topnav a[aria-current]{color:var(--cover-text)}
.cover-body{padding-block:clamp(48px,8vw,92px) clamp(30px,4vw,44px)}
.kicker{font:400 11px/1.5 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cover-muted);margin:0 0 18px}
.kicker a{text-decoration:none}
.kicker a:hover{color:var(--cover-text)}
.cover h1{font:800 clamp(42px,7vw,76px)/1.02 var(--sans);letter-spacing:-.025em;margin:0 0 20px;color:var(--cover-text);text-wrap:balance;max-width:20ch}
.cover h1.h1-long{font-size:clamp(32px,4.6vw,52px);line-height:1.08;max-width:24ch}
.cover .lead{color:var(--cover-soft);font-size:clamp(16px,1.7vw,18.5px);max-width:62ch;margin:0}
.cover-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:26px;font:400 11px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cover-muted)}
.cover-meta .sep{opacity:.5}
.tabs{display:flex;gap:2px 26px;flex-wrap:wrap;border-top:1px solid var(--cover-rule);font:400 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.tabs a{color:var(--cover-muted);text-decoration:none;padding:16px 0 14px;border-bottom:2px solid transparent}
.tabs a:hover{color:var(--cover-text)}
.tabs a[aria-current="page"]{color:var(--cover-text);border-bottom-color:var(--cover-text)}
.tabs .soon{opacity:.55}

/* ---------------------------------------------------------------- chips */
.chip{display:inline-flex;align-items:center;gap:7px;font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px 5px;border:1px solid currentColor;border-radius:999px;white-space:nowrap}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.chip.plain::before{display:none}
.chip-draft{color:var(--warn)}
.cover .chip-draft{color:#e8c55c}
.chip-ok{color:var(--ok)}
.chip-bad{color:var(--bad)}
.chip-muted{color:var(--faint)}

/* ---------------------------------------------------------------- layout */
main{display:block}
.section{padding-block:clamp(40px,6vw,64px) 0}
.section + .section{border-top:1px solid var(--rule);margin-top:clamp(40px,6vw,64px)}
.section:last-child{padding-bottom:clamp(48px,7vw,80px)}
.eyebrow{font:400 11px/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:0 0 10px}
h2{font:800 clamp(26px,3.6vw,38px)/1.1 var(--sans);letter-spacing:-.018em;color:var(--ink);margin:0 0 18px;text-wrap:balance}
h3{font:600 19px/1.35 var(--sans);color:var(--ink);margin:30px 0 10px;text-wrap:balance}
h4{font:500 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:26px 0 10px}
p{margin:0 0 14px}
.lede{font-size:clamp(17px,1.8vw,19px);color:var(--text);max-width:62ch}
.muted{color:var(--muted)}
.small{font-size:14px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:28px 48px}

/* ---------------------------------------------------------------- home */
.projects{display:grid;gap:0;border-top:1px solid var(--rule)}
.project{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 32px;padding-block:28px;border-bottom:1px solid var(--rule)}
.project h3{font:800 clamp(24px,3vw,32px)/1.1 var(--sans);letter-spacing:-.015em;margin:0 0 8px}
.project h3 a{color:var(--ink);text-decoration:none}
.project h3 a:hover{text-decoration:underline;text-decoration-thickness:2px}
.project .tagline{color:var(--muted);margin:0 0 12px}
.project p.summary{max-width:var(--measure)}
.project .meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font:400 11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);text-align:right}
.links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:6px;font:400 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.links a{text-decoration:none;color:var(--ink);border-bottom:1px solid var(--rule-strong);padding-bottom:4px}
.links a:hover{border-bottom-color:var(--ink)}
.links span{color:var(--faint);padding-bottom:4px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.tags li{font:400 10.5px/1 var(--mono);letter-spacing:.06em;color:var(--tag-text);background:var(--tag-bg);padding:5px 8px;border-radius:3px}
.note-slot{color:var(--faint);font:400 11px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding-block:22px}
@media (max-width:640px){.project{grid-template-columns:1fr}.project .meta{align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap}}

/* ---------------------------------------------------------------- callout and status */
.callout{background:var(--block);color:var(--block-text);padding:22px 26px 8px;margin:0 0 28px}
.callout h4{color:var(--block-muted);margin:0 0 10px}
.callout p{color:var(--block-text);max-width:var(--measure)}
.callout strong{color:#fff}
:root[data-theme="dark"] .callout{border:1px solid var(--rule-strong)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .callout{border:1px solid var(--rule-strong)}}
.question-display{font:600 clamp(22px,2.8vw,30px)/1.28 var(--sans);letter-spacing:-.01em;color:var(--ink);max-width:34ch;margin:6px 0 20px;text-wrap:balance}

/* ---------------------------------------------------------------- cards that link to pages */
.entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}
@media (max-width:980px){.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.entry-grid{grid-template-columns:1fr}}
.entry{background:var(--surface);padding:20px 20px 18px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:8px;min-height:100%}
.entry:hover{background:var(--sunk)}
.entry .eyebrow{margin:0}
.entry b{font:600 18px/1.3 var(--sans);color:var(--ink)}
.entry span.d{font-size:14.5px;color:var(--muted)}
.entry .go{margin-top:auto;font:400 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.entry.disabled{cursor:default}
.entry.disabled .go{color:var(--faint)}

/* ---------------------------------------------------------------- facts list */
.facts{display:flex;flex-wrap:wrap;gap:1px;background:var(--rule);border:1px solid var(--rule);margin:0 0 8px}
.facts div{flex:1 1 250px;background:var(--surface);padding:14px 16px}
.facts dt{font:400 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 6px}
.facts dd{margin:0;color:var(--ink);font-weight:400;font-variant-numeric:tabular-nums}
.facts dd small{display:block;color:var(--muted);font-size:13.5px;font-weight:300;margin-top:2px}

/* ---------------------------------------------------------------- article */
.article{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:56px;align-items:start}
.article .toc{position:sticky;top:20px;font-size:13.5px;border-left:1px solid var(--rule);padding-left:16px}
.article .toc h4{margin-top:4px}
.article .toc ol{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.article .toc a{color:var(--muted);text-decoration:none}
.article .toc a:hover{color:var(--ink)}
@media (max-width:980px){.article{grid-template-columns:minmax(0,1fr)}.article .toc{display:none}}
.prose{max-width:var(--measure);font-size:17px;line-height:1.68}
.prose h2{margin-top:52px;scroll-margin-top:16px}
.prose h2:first-child{margin-top:0}
.prose h3{scroll-margin-top:16px}
.prose ul,.prose ol{padding-left:22px;margin:0 0 16px}
.prose li{margin:5px 0}
.prose li > ul{margin:6px 0 0}
.prose blockquote{margin:0 0 16px;padding-left:18px;border-left:2px solid var(--rule-strong);color:var(--muted)}
.prose hr{border:0;border-top:1px solid var(--rule);margin:36px 0}
.prose .dek{font-size:19px;line-height:1.55;color:var(--muted);margin-bottom:28px}
.prose code{background:var(--sunk);padding:1px 5px;border-radius:3px;color:var(--ink)}
.prose pre{background:var(--sunk);border:1px solid var(--rule);padding:14px 16px;overflow-x:auto;font-size:14px;line-height:1.55;margin:0 0 18px}
.prose pre code{background:none;padding:0;font-size:inherit}
.wide{max-width:none}
figure{margin:28px 0 30px}
figcaption{font-size:14px;color:var(--muted);margin-top:12px;max-width:var(--measure);line-height:1.55}
figcaption b{font-weight:500}

/* tables */
.table-wrap{overflow-x:auto;margin:0 0 20px;border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong)}
table{border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.45}
th,td{text-align:left;padding:9px 12px 9px 0;vertical-align:top;border-bottom:1px solid var(--rule)}
tr:last-child td{border-bottom:0}
th{font:500 10.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;padding-left:12px}
td b{font-weight:500}
.prose .table-wrap{max-width:none}

/* inline magnitude bars */
.barcell{display:flex;align-items:center;gap:10px;min-width:120px}
.barcell i{display:block;height:8px;background:var(--bar);border-radius:0 2px 2px 0;min-width:1px}
.barcell span{font-variant-numeric:tabular-nums;min-width:4.2ch;text-align:right;color:var(--ink)}

/* formula */
.formula{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:400 16px/1.4 var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--rule);padding:16px 18px;margin:0 0 18px}
.formula .frac{display:inline-flex;flex-direction:column;align-items:center;text-align:center}
.formula .frac span:first-child{border-bottom:1px solid var(--ink);padding:0 6px 4px}
.formula .frac span:last-child{padding:4px 6px 0}
.formula var{font-style:italic;font-weight:500;font-family:Georgia, "Times New Roman", serif;font-size:1.12em}

/* example figure: premise cards and the question pair */
.premises{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin:0 0 12px}
.premise{background:var(--surface);border:1px solid var(--rule);border-top:3px solid var(--office, var(--rule-strong));padding:12px 14px}
.premise .head{display:flex;justify-content:space-between;gap:8px;font:400 10.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.premise p{margin:0;color:var(--ink);font-size:15px;line-height:1.45}
.premise .cl{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.premise .cl.yes{color:var(--ok)}
.premise .cl.no{color:var(--bad)}
.pair{border:1px solid var(--rule-strong);background:var(--surface)}
.pair > div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;padding:14px 16px}
.pair > div + div{border-top:1px solid var(--rule)}
.pair .k{font:500 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);grid-column:1/-1}
.pair .q{color:var(--ink);font-size:15.5px;line-height:1.45}
.pair .a{font:500 14px/1.45 var(--mono);color:var(--ink);white-space:nowrap}
.pair .n{grid-column:1/-1;font-size:13.5px;color:var(--muted);font-style:italic}
@media (max-width:560px){.pair > div{grid-template-columns:1fr}.pair .a{white-space:normal}}

/* a document, as the model sees it */
.doc{background:var(--surface);border:1px solid var(--rule);font:400 13px/1.6 var(--mono);color:var(--ink);padding:16px 18px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.doc .hl{background:var(--mark);border-radius:2px;box-shadow:0 0 0 1px var(--mark)}

/* office badge: a swatch and the office code */
.office{display:inline-flex;align-items:center;gap:6px;font:500 10.5px/1 var(--mono);letter-spacing:.08em;color:var(--ink);white-space:nowrap}
.office::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--office, var(--faint))}
[data-office="TEV"]{--office:var(--o-TEV)} [data-office="LOG"]{--office:var(--o-LOG)} [data-office="FIN"]{--office:var(--o-FIN)}
[data-office="PER"]{--office:var(--o-PER)} [data-office="OPS"]{--office:var(--o-OPS)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);padding:10px 14px;border-radius:3px;cursor:pointer;text-decoration:none}
.btn:hover{border-color:var(--ink)}
.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn.primary:hover{opacity:.88}
.btn[disabled]{opacity:.5;cursor:default}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}

/* citation */
.cite{position:relative}
.cite pre{background:var(--surface);border:1px solid var(--rule);padding:16px 18px;font:400 13px/1.55 var(--mono);color:var(--ink);overflow-x:auto;margin:0}
.cite .btn{position:absolute;top:10px;right:10px;padding:7px 10px}

/* paper page */
.paper-head{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
@media (max-width:900px){.paper-head{grid-template-columns:1fr}}
.abstract{font-size:17px;line-height:1.7;max-width:var(--measure)}
.placeholder{color:var(--faint)}
.side{border:1px solid var(--rule);background:var(--surface);padding:18px}
.side dl{margin:0;display:grid;gap:12px}
.side dt{font:400 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.side dd{margin:2px 0 0;color:var(--ink);font-size:14.5px}
.contents{columns:2 260px;column-gap:40px;padding-left:20px;margin:0}
.contents li{margin:0 0 6px;break-inside:avoid}
.hyp{display:grid;gap:12px;margin:0 0 18px}
.hyp > div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 14px;background:var(--surface);border:1px solid var(--rule);padding:14px 16px}
.hyp b{font:600 18px/1.3 var(--mono);color:var(--ink);grid-row:span 2}
.hyp p{margin:0;color:var(--ink)}
.hyp small{color:var(--muted);font-size:14px}
.history{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.history li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;font-size:15px}
.history time{font:400 12px/1.7 var(--mono);color:var(--faint);letter-spacing:.06em}
@media (max-width:520px){.history li{grid-template-columns:1fr;gap:0}}

/* ---------------------------------------------------------------- footer */
.site-foot{border-top:1px solid var(--rule);margin-top:0}
.site-foot .page{display:flex;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;padding-block:22px 30px;font:400 11px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.site-foot a{color:var(--muted);text-decoration:none}
.site-foot a:hover{color:var(--ink)}
.site-foot nav{display:flex;gap:18px;flex-wrap:wrap}

/* ---------------------------------------------------------------- sandbox */
.sbx-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:24px 48px;align-items:start;margin-bottom:26px}
@media (max-width:900px){.sbx-intro{grid-template-columns:1fr}}
.sbx-intro .note{font-size:14px;color:var(--muted);border-left:2px solid var(--rule-strong);padding-left:14px;margin:4px 0 0}
.sbx{background:var(--surface);border:1px solid var(--rule);margin-bottom:clamp(40px,6vw,72px)}
.sbx-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:14px 16px;border-bottom:1px solid var(--rule);background:var(--sunk)}
.sbx-bar .lbl{font:400 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.seg{display:flex;flex-wrap:wrap;gap:4px}
.seg button{font:500 11px/1 var(--mono);letter-spacing:.06em;color:var(--muted);background:transparent;border:1px solid var(--rule-strong);border-radius:3px;padding:8px 10px;cursor:pointer}
.seg button:hover{color:var(--ink);border-color:var(--ink)}
.seg button[aria-pressed="true"],.seg button[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sbx-clearance{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sbx-summary{display:flex;flex-wrap:wrap;gap:6px 22px;padding:12px 16px;border-bottom:1px solid var(--rule);font-size:14px;color:var(--muted)}
.sbx-summary b{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.sbx-summary .who{color:var(--ink)}
.sbx-tabs{display:flex;gap:0;border-bottom:1px solid var(--rule);padding-inline:8px;overflow-x:auto}
.sbx-tabs button{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;padding:14px 10px 12px;cursor:pointer;white-space:nowrap}
.sbx-tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.sbx-panel{padding:16px}
.split{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.filters{display:grid;gap:10px;margin-bottom:12px}
.filters .row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.filters input[type="search"]{width:100%;font:300 14px/1.4 var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--rule-strong);border-radius:3px;padding:9px 11px}
.count{font:400 11px/1.4 var(--mono);letter-spacing:.08em;color:var(--faint)}
.list{list-style:none;margin:0;padding:0;border:1px solid var(--rule);max-height:620px;overflow-y:auto;background:var(--paper)}
.list li + li{border-top:1px solid var(--rule)}
.list button{display:block;width:100%;text-align:left;background:none;border:0;padding:11px 12px;cursor:pointer;color:var(--text);font:300 14px/1.45 var(--sans)}
.list button:hover{background:var(--sunk)}
.list button[aria-current="true"]{background:var(--surface);box-shadow:inset 3px 0 0 var(--ink)}
.list .t{display:block;color:var(--ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.list .m{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;align-items:center}
.lab{display:inline-flex;align-items:center;gap:6px;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;border-radius:3px;white-space:nowrap}
.lab.permitted{color:var(--ok);background:var(--ok-bg)}
.lab.restricted{color:var(--bad);background:var(--bad-bg)}
.lab.aside{color:var(--warn);background:var(--warn-bg)}
.lab.channel{color:var(--paper);background:var(--ink)}
.lab.kind{color:var(--muted);background:transparent;border:1px solid var(--rule-strong)}
.detail{min-width:0}
.detail .qtext{font:500 clamp(18px,2vw,22px)/1.35 var(--sans);color:var(--ink);margin:10px 0 14px;text-wrap:pretty}
.detail .labs{display:flex;flex-wrap:wrap;gap:6px}
.kv{display:flex;flex-wrap:wrap;gap:1px;background:var(--rule);border:1px solid var(--rule);margin:0 0 16px}
.kv div{flex:1 1 130px;background:var(--paper);padding:10px 12px}
.kv dt{font:400 10px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.kv dd{margin:3px 0 0;color:var(--ink);font-size:14.5px;overflow-wrap:anywhere}
.kv dd.ans{font:500 14px/1.4 var(--mono)}
.why{font-size:15px;color:var(--text);border-left:2px solid var(--rule-strong);padding-left:14px;margin:0 0 18px}
.prem{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.prem li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--office, var(--rule-strong));padding:10px 12px}
.prem .s{color:var(--ink);font-size:14.5px}
.prem .d{grid-column:2;font:400 11px/1.4 var(--mono);color:var(--faint);letter-spacing:.04em}
.prem .d button{font:inherit;color:var(--link);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.prem .gate{font:500 10px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.prem .gate.yes{color:var(--ok)} .prem .gate.no{color:var(--bad)}
.docview .dh{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:12px}
.docview .dh b{font:600 18px/1 var(--mono)}
.banner{font-size:14px;padding:10px 12px;margin:0 0 12px;border-radius:3px}
.banner.no{background:var(--bad-bg);color:var(--bad)}
.banner.yes{background:var(--ok-bg);color:var(--ok)}
.ent{border-bottom:1.5px solid var(--office, var(--rule-strong));cursor:help}
.officefilter{display:flex;flex-wrap:wrap;gap:6px}
.officefilter label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule-strong);border-radius:3px;padding:6px 8px;cursor:pointer;font:500 10.5px/1 var(--mono)}
.officefilter input{margin:0}
.check{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text);cursor:pointer}
.steps{display:grid;gap:18px;min-width:0}
.split > *{min-width:0}
.step h4{margin:0 0 8px;color:var(--ink)}
.step h4 span{color:var(--faint);margin-right:8px}
.radio{display:grid;gap:6px}
.radio label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;border:1px solid var(--rule);background:var(--paper);padding:10px 12px;border-radius:3px;cursor:pointer;font-size:14.5px}
.radio label:has(input:checked){border-color:var(--ink)}
.radio small{grid-column:2;color:var(--muted);font-size:13px}
.prompt-meta{font-size:14px;color:var(--muted);margin:0 0 10px}
details.prompt summary{cursor:pointer;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);padding:8px 0}
details.prompt pre{max-height:340px;overflow:auto;background:var(--paper);border:1px solid var(--rule);font:400 12px/1.55 var(--mono);padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}
textarea.response{width:100%;min-height:170px;resize:vertical;font:400 13.5px/1.55 var(--mono);color:var(--ink);background:var(--paper);border:1px solid var(--rule-strong);border-radius:3px;padding:12px}
.examples{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}
.examples .lbl{margin-right:4px;font:400 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.examples .btn{padding:8px 10px}
.examples .btn[aria-pressed="true"]{border-color:var(--ink);background:var(--sunk)}
.result{border:1px solid var(--rule-strong);background:var(--paper)}
.result .verdict{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--rule)}
.result .verdict b{font:600 18px/1.3 var(--sans)}
.result .verdict.leak{background:var(--bad-bg)} .result .verdict.leak b{color:var(--bad)}
.result .verdict.safe{background:var(--ok-bg)} .result .verdict.safe b{color:var(--ok)}
.result .verdict.neutral{background:var(--sunk)}
.result .verdict p{margin:2px 0 0;font-size:14px;color:var(--text)}
.result .rows{display:grid;gap:0}
.result .rows > div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:4px 14px;padding:10px 16px;border-bottom:1px solid var(--rule);font-size:14.5px}
.result .rows dt{font:400 10.5px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.result .rows dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
@media (max-width:560px){.result .rows > div{grid-template-columns:1fr}}
.annot{white-space:pre-wrap;overflow-wrap:anywhere;font:400 13px/1.6 var(--mono);color:var(--text);padding:12px 16px;margin:0;max-height:300px;overflow-y:auto}
.annot mark{background:var(--mark);color:var(--ink);border-radius:2px}
.annot mark.target,.annot mark.leak{background:var(--bad-bg);color:var(--bad);box-shadow:inset 0 -2px 0 var(--bad)}
.annot mark.own{background:var(--ok-bg);color:var(--ok)}
.loading{padding:40px 16px;color:var(--muted);font-size:15px}
.ents{display:flex;flex-wrap:wrap;gap:6px}
.ents span{font:400 12px/1 var(--mono);border:1px solid var(--rule-strong);padding:5px 7px;border-radius:3px;color:var(--ink)}
.ents span.leak{border-color:var(--bad);color:var(--bad)}
.ents span.own{border-color:var(--ok);color:var(--ok)}
select.sel{display:block;width:100%;max-width:100%;font:400 13px/1.3 var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--rule-strong);border-radius:3px;padding:9px 10px;text-overflow:ellipsis}
.hidden-sm{display:inline}
@media (max-width:640px){.hidden-sm{display:none}}