/* research/studies.css (site-v76, 28 Oct 2026): the parts the five older studies carry that the page-one template does not —
   an opening paragraph, status notes, stat rows, quotes, numbered steps, chips, the detector gauge and wrapping table text.
   Same tokens and type as journal.css; sentence-case labels, no mono caps. */

.art h3{margin-top:40px;font-size:var(--fs-h3);line-height:1.35;font-weight:600;color:var(--ink)}
.art h3+p,.art h3+ul,.art h3+ol{margin-top:12px}
.art .lede{font-size:var(--fs-lead);line-height:1.55;color:var(--ink)}
.art code{font-family:var(--mono);font-size:.9em;padding:1px 5px;border-radius:5px;background:var(--panel);color:var(--ink)}
.art a:not(.btn):not(.tlink){color:var(--teal);text-decoration:underline;text-decoration-color:rgba(33,173,143,.4);text-underline-offset:3px}
.art a:not(.btn):not(.tlink):hover{color:var(--teal-hover)}
.art ul.todo,.art ol.steps{margin-top:var(--sp-lead)}
.art p+ul,.art p+ol,.art ul+p,.art ol+p,.art figure+p,.art .stats+p,.art .status+p,.art .q+p,.art .q+.q{margin-top:var(--sp-p)}
.part-intro .lede+p{margin-top:var(--sp-p)}

/* status and side notes: a quiet panel, the heading in sentence case */
.status{margin-block:32px;padding:20px 24px;background:var(--panel);border:1px solid var(--edge);border-radius:12px}
.status-h{font-size:16px!important;font-weight:600;color:var(--ink)!important}
.status p{font-size:16px;line-height:1.6}
.status p+p,.status-h+p{margin-top:10px}
.status-line{margin-block:20px;padding:12px 16px;border-left:2px solid var(--accent,#e94f29);background:var(--panel);border-radius:0 8px 8px 0;font-size:15.5px!important}

/* numbered steps: number in a ring, the step in ink, its explanation under it */
.steps{display:grid;gap:22px;counter-reset:s}
.steps li{position:relative;padding-left:40px;font-size:var(--fs-body);line-height:1.6;color:var(--sub);counter-increment:s}
.steps li::before{content:counter(s);position:absolute;left:0;top:1px;display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--edge);border-radius:50%;font-size:12.5px;font-weight:600;color:var(--ink)}
.steps li b{display:block;color:var(--ink);font-weight:600}
.steps li span{display:block;margin-top:4px}

/* stat rows: the number large, its meaning under it */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;margin-block:32px;padding-block:20px;border-block:1px solid var(--hair)}
.stat-v{font-size:clamp(26px,2.4vw,34px)!important;line-height:1.05!important;font-weight:600;letter-spacing:-.02em;color:var(--ink)!important;font-variant-numeric:tabular-nums}
.stat-v.pass{color:var(--teal)!important}
.stat-v.flag{color:var(--accent,#e94f29)!important}
.stat-l{margin-top:8px!important;font-size:14.5px!important;line-height:1.45!important}

/* quotes: who said it, then the words */
.q{margin-block:20px;padding:16px 20px;border-left:2px solid var(--edge);background:var(--panel);border-radius:0 10px 10px 0}
.q .who{font-size:14px!important;font-weight:600;color:var(--ink)!important}
.q p+p{margin-top:6px}
.q p{font-size:16px}

/* chips inside tables */
.chip{display:inline-block;padding:2px 8px;border-radius:6px;font-size:13.5px;font-weight:600;white-space:nowrap}
.chip.pass{color:var(--teal-hi,#3cc9a8);background:rgba(33,173,143,.14)}
.chip.fail{color:#f07a5c;background:rgba(233,79,41,.14)}
.tbl td{white-space:normal;min-width:6ch}
.tbl td.dim{color:var(--sub)}
.tbl td.rowlab{color:var(--sub)}
.tbl .sub{display:block;font-size:13px;color:var(--sub)}
.tbl th{min-width:8ch}

/* the detector gauge: one 0–1 track, three zones, the needle in the AI zone */
.gauge{margin-block:36px}
.gauge-label{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:var(--sub)}
.track{position:relative;display:flex;height:26px;border:1px solid var(--edge);border-radius:6px;overflow:visible}
.zone{height:100%}
.zone.h{flex:0 0 32%;background:rgba(33,173,143,.22);border-radius:5px 0 0 5px}
.zone.g{flex:0 0 36%;background:rgba(255,255,255,.05)}
.zone.a{flex:0 0 32%;background:rgba(233,79,41,.22);border-radius:0 5px 5px 0}
.needle{position:absolute;top:-6px;bottom:-6px;left:88%;width:2px;background:var(--ink)}
.needle::after{content:"";position:absolute;top:-5px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent,#e94f29)}
.scale{display:flex;justify-content:space-between;margin-top:8px;font-size:12.5px;color:var(--sub);font-variant-numeric:tabular-nums}
.gauge .legend{margin-top:12px}
.dot-h{background:rgba(33,173,143,.8)}
.dot-g{background:#5c5c5c}
.dot-a{background:rgba(233,79,41,.85)}

@media (max-width:640px){
  .status{padding:16px 18px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .tbl{font-size:14px}
  .tbl th,.tbl td{padding:10px 10px}
}
.tbl td:first-child{padding-left:0}