/* labs.css — SearchScore Labs (public experiment registry). Self-contained,
   theme-neutral, editorial. Loaded by src/labs/*.njk. */
.labs{--lab-ink:#1a1f2b;--lab-ink-2:#4a5261;--lab-ink-3:#79818f;--lab-line:#e4e7ec;--lab-line-2:#eef1f4;--lab-paper:#fff;--lab-bg:#f7f8fa;--lab-accent:#1f6feb;--lab-open:#a8610f;--lab-open-bg:#fbefdc;--lab-done:#1a7f52;--lab-done-bg:#e7f4ec;--lab-reject:#b23b36;--lab-reject-bg:#fbe9e8;--lab-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;max-width:1000px;margin:0 auto;padding:0 20px}
@media (prefers-color-scheme:dark){.labs{--lab-ink:#e8ecf2;--lab-ink-2:#a7b0be;--lab-ink-3:#79818f;--lab-line:#242b37;--lab-line-2:#1c222d;--lab-paper:#141922;--lab-bg:#0c0f16;--lab-accent:#5b9bff;--lab-open:#d69544;--lab-open-bg:#2a2012;--lab-done:#48b783;--lab-done-bg:#12261d;--lab-reject:#e26862;--lab-reject-bg:#2a1614}}
.labs *{box-sizing:border-box}
.labs-hero{padding:40px 0 10px;border-bottom:1px solid var(--lab-line)}
.labs-eyebrow{font-family:var(--lab-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--lab-accent)}
.labs-hero h1{font-size:34px;line-height:1.1;margin:8px 0 8px;color:var(--lab-ink);letter-spacing:-.01em}
.labs-hero p{font-size:16px;color:var(--lab-ink-2);max-width:66ch;margin:0}
.labs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:22px 0}
.labs-stat{background:var(--lab-paper);border:1px solid var(--lab-line);border-radius:10px;padding:13px 15px}
.labs-stat .n{font-size:27px;font-weight:700;color:var(--lab-ink);font-variant-numeric:tabular-nums}
.labs-stat .l{font-size:11.5px;color:var(--lab-ink-2);margin-top:2px}
.labs-section-h{font-family:var(--lab-mono);font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--lab-ink-3);margin:34px 0 4px;display:flex;align-items:center;gap:9px}
.labs-section-h .ico{font-size:15px}
.labs-section-sub{font-size:13.5px;color:var(--lab-ink-2);margin:0 0 12px}
.labs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.labs-card{display:block;background:var(--lab-paper);border:1px solid var(--lab-line);border-radius:11px;padding:15px 16px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.labs-card:hover{border-color:var(--lab-accent);transform:translateY(-1px)}
.labs-card-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.labs-id{font-family:var(--lab-mono);font-size:11px;color:var(--lab-ink-3)}
.labs-card h3{font-size:15.5px;line-height:1.35;margin:0 0 8px;color:var(--lab-ink)}
.labs-card p{font-size:13px;color:var(--lab-ink-2);margin:0;line-height:1.5}
.labs-badge{font-family:var(--lab-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:6px}
.labs-badge[data-tone="open"]{color:var(--lab-open);background:var(--lab-open-bg)}
.labs-badge[data-tone="done"]{color:var(--lab-done);background:var(--lab-done-bg)}
.labs-badge[data-tone="reject"]{color:var(--lab-reject);background:var(--lab-reject-bg)}
.labs-badge[data-tone="muted"]{color:var(--lab-ink-3);background:var(--lab-line-2)}
.labs-cat{font-family:var(--lab-mono);font-size:11px;color:var(--lab-ink-3);margin-left:auto}
/* hypothesis library */
.labs-hyp{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:8px}
.labs-hyp th,.labs-hyp td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--lab-line-2);vertical-align:top}
.labs-hyp th{font-family:var(--lab-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--lab-ink-3)}
.labs-hyp td .q{color:var(--lab-ink)}
.labs-hyp td .b{font-size:12px;color:var(--lab-ink-3)}
/* experiment detail */
.labs-exp{max-width:800px}
.labs-crumb{font-family:var(--lab-mono);font-size:12px;color:var(--lab-ink-3);padding:22px 0 0}
.labs-crumb a{color:var(--lab-accent);text-decoration:none}
.labs-exp h1{font-size:27px;line-height:1.2;margin:12px 0 12px;color:var(--lab-ink)}
.labs-exp-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.labs-note{font-size:12.5px;color:var(--lab-ink-2);font-style:italic;margin:6px 0 0}
.labs-field{border-top:1px solid var(--lab-line);padding:18px 0}
.labs-field h2{font-family:var(--lab-mono);font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--lab-accent);margin:0 0 8px}
.labs-field p{font-size:15px;color:var(--lab-ink);line-height:1.65;margin:0}
.labs-field ul{margin:4px 0 0;padding-left:20px}.labs-field li{font-size:14.5px;color:var(--lab-ink);margin:5px 0;line-height:1.55}
.labs-metrics{width:100%;border-collapse:collapse;font-size:14px}
.labs-metrics td{padding:6px 10px;border-bottom:1px solid var(--lab-line-2)}
.labs-metrics td:first-child{color:var(--lab-ink);font-weight:600}.labs-metrics td:last-child{color:var(--lab-ink-2);font-family:var(--lab-mono);font-size:12.5px}
.labs-result{background:var(--lab-bg);border:1px solid var(--lab-line);border-radius:10px;padding:14px 16px;font-family:var(--lab-mono);font-size:12.5px;line-height:1.7;color:var(--lab-ink-2);overflow-x:auto;white-space:pre-wrap}
.labs-pending{color:var(--lab-open);font-family:var(--lab-mono);font-size:13px}
.labs-evidence a,.labs-evidence span{font-family:var(--lab-mono);font-size:12.5px;color:var(--lab-ink-2);display:inline-block;margin-right:14px}
.labs-conf{font-family:var(--lab-mono);font-size:13px;color:var(--lab-ink)}
.labs-back{display:inline-block;margin-top:24px;font-family:var(--lab-mono);font-size:13px;color:var(--lab-accent);text-decoration:none}
