/* ---------------------------------------------------------------
   Data pages: results, monologues, misaligned, asked-directly, onset.
   Generated by tools/build-discovery.py; loads after site.css and
   only uses its tokens (--bg, --ink, --gold, --serif, --sans ...).
   --------------------------------------------------------------- */
.dp{padding:clamp(44px,7vw,96px) 0 clamp(56px,8vw,104px);--dp-row:#0D1122;--dp-head:#0A0D1B;--dp-hover:#1B1D28}

/* ---------- page head ---------- */
.dp .eyebrow a{color:var(--ink-3);text-decoration:none}
.dp .eyebrow a::before{content:"←";margin-right:9px;color:var(--gold)}
.dp .eyebrow a:hover{color:var(--ink)}
.dp h1{font:400 clamp(40px,5.6vw,76px)/1.04 var(--serif);letter-spacing:-.01em;margin:18px 0 22px;max-width:20ch}
.dp .dek{max-width:44rem;font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.62;color:var(--ink-2)}
.dp .dek b{color:var(--ink);font-weight:500}

/* ---------- download / jump pills ---------- */
.dp-pills{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}
.dp-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid var(--line-2);border-radius:999px;
  font:500 13.5px/1.2 var(--sans);color:var(--ink);text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.dp-pill:hover{border-color:var(--gold);background:rgba(232,198,106,.08);color:var(--gold-hi)}
.dp-pill--dl::before{content:"↓";color:var(--gold);font-weight:500}
.dp-pill--jump::after{content:"↓";color:var(--gold)}
.dp-pills+p,.dp-pills+.dp-note{margin-top:18px}

/* ---------- prose ---------- */
.dp h2{font:400 clamp(28px,3.2vw,40px)/1.1 var(--serif);letter-spacing:-.005em;margin:clamp(40px,5.5vw,68px) 0 16px;
  padding-top:clamp(26px,3.6vw,40px);border-top:1px solid var(--line)}
.dp #datasets>h2{margin-top:clamp(36px,5vw,56px)}
.dp h3{font:400 clamp(22px,2.2vw,28px)/1.2 var(--serif);margin:34px 0 10px}
.dp p{font-size:16px;line-height:1.66;color:var(--ink-2);max-width:44rem;overflow-wrap:break-word}
.dp p+p{margin-top:12px}
.dp p b{color:var(--ink);font-weight:500}
.dp .dp-note{font-size:14.5px;line-height:1.6;color:var(--ink-3);max-width:50rem}
.dp .dp-note a{color:var(--ink-2)}
.dp p a,.dp .dp-note a{text-decoration:underline;text-decoration-color:rgba(232,198,106,.5);text-underline-offset:3px}
.dp p a{color:var(--gold)}
.dp p a:hover{color:var(--gold-hi);text-decoration-color:var(--gold)}
.dp .dp-lbl{margin-top:20px;font:500 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.dp q{display:block;quotes:none;max-width:52rem;margin:8px 0 6px;padding:12px 18px;border-left:2px solid var(--gold-lo);border-radius:0 6px 6px 0;
  background:rgba(21,27,52,.45);font:400 15.5px/1.66 var(--sans);color:var(--ink);white-space:pre-line;overflow-wrap:break-word}
.dp .dp-lbl+q+p,.dp q+p{margin-top:18px}
.dp .dp-cite{max-width:44rem;margin-top:6px;padding:16px 20px;border:1px solid var(--line-2);border-radius:6px;background:rgba(21,27,52,.45);color:var(--ink)}
.dp #license{margin-top:8px}

/* ---------- measure definitions ---------- */
.dp-defs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:18px 0 22px;max-width:none}
.dp-defs>div{border:1px solid var(--line);border-radius:6px;padding:16px 18px 18px;background:linear-gradient(180deg,rgba(21,27,52,.55),rgba(12,16,32,.6))}
.dp-defs dt{margin:0 0 8px;font:500 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.dp-defs dd{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}

/* ---------- tables ---------- */
.dp .dp-cap{margin:30px 0 12px;max-width:62rem;font-size:14.5px;line-height:1.55;color:var(--ink-3)}
.dp .dp-cap b{color:var(--ink);font-weight:500;margin-right:.3em}
.dp-tw{position:relative;width:fit-content;min-width:min(100%,880px);max-width:100%;overflow:auto;overscroll-behavior-x:contain;background:var(--dp-row);
  border:1px solid var(--line-2);border-radius:8px;scrollbar-color:var(--line-2) transparent;scrollbar-width:thin}
.dp-tw--long{max-height:min(78vh,760px)}
.dp-tw--narrow{min-width:0;max-width:min(100%,680px)}
/* tables with many columns may be wider than the text column, centred on it (equal to the column on phones and narrow screens) */
.dp-tw--wide{width:min(1600px,calc(100vw - 2*var(--gut)));max-width:none;margin-left:calc((100% - min(1600px,calc(100vw - 2*var(--gut))))/2)}
.dp-tw:focus-visible{outline-offset:3px}
.dp-tw table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;line-height:1.35;color:var(--ink-2)}
.dp-tw caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dp-tw th,.dp-tw td{padding:9px 13px;border-bottom:1px solid var(--line);vertical-align:middle;text-align:left}
.dp-tw tbody tr:last-child td{border-bottom:0}

/* header row: sticky inside the scroll box */
.dp-tw thead th{position:sticky;top:0;z-index:3;background:var(--dp-head);border-bottom:1px solid var(--line-2);vertical-align:bottom;padding-block:12px 11px;
  font:500 10.5px/1.25 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);white-space:normal;min-width:5.5rem}
.dp-tw thead th.dp-name{z-index:5}
.dp-tw thead th.dp-main{color:var(--gold-hi)}
.dp-tw thead th.dp-main::after{content:"";display:inline-block;margin-left:7px;border:4px solid transparent;border-top-color:var(--gold);border-bottom:0;vertical-align:2px}

/* body rows */
.dp-tw tbody tr{background:var(--dp-row)}
.dp-tw tbody tr:hover{background:var(--dp-hover)}
.dp-tw tbody tr:hover td.dp-name{box-shadow:inset 3px 0 0 var(--gold),1px 0 0 var(--line)}

/* first column stays put while the table scrolls sideways */
.dp-tw .dp-name{position:sticky;left:0;z-index:2;background:inherit;box-shadow:1px 0 0 var(--line)}
.dp-tw td.dp-name{min-width:9.5rem;max-width:15rem;font-size:15px;font-weight:500;color:var(--ink)}
.dp-tw thead .dp-name{background:var(--dp-head)}
.dp-tw td.dp-name a{color:var(--ink);text-decoration:none}
.dp-tw td.dp-name a:hover{color:var(--gold-hi);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}

.dp-lab{color:var(--ink-3);min-width:5.5rem}
.dp-cfg{color:var(--ink-2);font-size:13.5px;min-width:7rem}
.dp-txt{color:var(--ink-2)}
.dp-nw{color:var(--ink-3);white-space:nowrap;font-size:13.5px}
.dp-date,.dp-pos{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink-3)}
.dp-pos{color:var(--ink);padding-left:18px!important}
.dp-num,.dp-s{text-align:right!important;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}
.dp-num{color:var(--ink-2)}

/* a score: bar + figure on one line, count / interval beneath */
.dp-sc{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.dp-sc__row{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px}
.dp-sc__row b{min-width:5.4ch;text-align:right;font:500 15px/1.1 var(--sans);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--ink)}
.dp-sc small{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0 .45em;font:400 11.5px/1.3 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-3);white-space:normal}
.dp-sc small>span{white-space:nowrap}
.dp-tw--wide .dp-sc small{flex-direction:column;align-items:flex-end}
.dp-tw--wide .dp-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dp-bar{display:inline-block;flex:none;width:80px;height:4px;border-radius:2px;background:rgba(233,236,245,.1);overflow:hidden}
.dp-bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--gold-lo),var(--gold))}
.dp-main .dp-sc__row b{color:var(--gold-hi)}

/* a model's other configurations (or further answers) sit beneath it, indented and quieter */
.dp-tw tr.sub td{border-bottom-color:rgba(233,236,245,.07)}
.dp-tw tr.sub td.dp-name{font-weight:400;color:var(--ink-3);padding-left:34px}
.dp-tw tr.sub td.dp-name a{color:var(--ink-3)}
.dp-tw tr.sub td.dp-name::before{content:"↳";position:absolute;left:15px;top:50%;transform:translateY(-52%);color:var(--ink-3);opacity:.75}
.dp-tw tr.sub td.dp-lab{color:rgba(152,160,188,.7)}
.dp-tw tr.sub .dp-sc__row b{color:var(--ink-2);font-weight:400}
.dp-tw tr.sub .dp-bar i{opacity:.6}
.dp-tw tr:not(.sub):not(:first-child) td{border-top:0}
.dp-tw tbody tr:not(.sub):not(:first-child) td{box-shadow:inset 0 1px 0 rgba(233,236,245,.045)}
.dp-tw tbody tr:not(.sub):not(:first-child) td.dp-name{box-shadow:inset 0 1px 0 rgba(233,236,245,.045),1px 0 0 var(--line)}
.dp-tw tbody tr:hover td.dp-name{box-shadow:inset 3px 0 0 var(--gold),1px 0 0 var(--line)!important}

/* shown on phones only: tells the reader the table scrolls sideways */
.dp-swipe{display:none;color:var(--gold-hi)}

/* ---------- phones ---------- */
@media (max-width:700px){
  .dp{padding-top:36px}
  .dp h1{font-size:clamp(36px,10.5vw,48px)}
  .dp p{font-size:16px}
  .dp .dek{font-size:16.5px}
  .dp-pills{gap:8px}
  .dp-pill{padding:8px 13px;font-size:13px}
  .dp q{padding:10px 14px;font-size:15px}
  .dp-tw td.dp-name{min-width:6.6rem;max-width:8rem;font-size:13.5px;padding-inline:11px}
  .dp-tw tr.sub td.dp-name{padding-left:28px}
  .dp-tw tr.sub td.dp-name::before{left:11px}
  .dp-tw td.dp-lab{min-width:0;max-width:5.4rem;font-size:12.5px;line-height:1.3}
  .dp-swipe{display:inline}
  .dp-tw th,.dp-tw td{padding:9px 11px}
  .dp-bar{width:64px}
  .dp-sc__row{gap:8px}
  .dp-tw--long{max-height:min(74vh,640px)}
}
@media (prefers-reduced-motion:reduce){.dp-pill{transition:none}}
@media (forced-colors:active){.dp-bar{border:1px solid CanvasText}.dp-bar i{background:Highlight}}

/* Design B: the table pages are plain numbers, like a spreadsheet; the charts live on the home page */
.dp-bar{display:none}
