/* Public docs page (/docs, src/public_docs.rs). Status colours reuse the site tokens in style.css. */
.docs-page{display:grid;gap:28px;padding-top:56px}
.docs-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;padding:16px 18px}
.docs-legend>div{display:grid;gap:8px;align-content:start}
.docs-legend p{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.docs-status{justify-self:start;display:inline-flex;align-items:center;gap:6px;border:1px solid currentColor;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.docs-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.docs-status.live{color:var(--good)}
.docs-status.measured{color:var(--cyan)}
.docs-status.progress{color:var(--warn)}
.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:start}
.docs-toc{position:sticky;top:96px;display:grid;gap:4px}
.docs-toc .section-kicker{margin-bottom:6px}
.docs-toc a{display:grid;grid-template-columns:20px 1fr;gap:6px;padding:7px 8px;border-radius:7px;color:#aeb8c4;text-decoration:none;font-size:13px;line-height:1.4}
.docs-toc a:hover{background:#0d1319;color:#fff}
.docs-toc a span{color:var(--muted)}
.docs-main{display:grid;gap:56px;min-width:0}
.docs-section{display:grid;gap:16px;scroll-margin-top:96px;min-width:0}
.docs-section-head{display:grid;gap:8px;max-width:820px}
.docs-section-head h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.03em;line-height:1.15}
.docs-section-head p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.docs-claims{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:12px}
.docs-claim,.docs-step{scroll-margin-top:96px}
.docs-claim{padding:16px 18px;display:grid;gap:8px;align-content:start;min-width:0}
.docs-claim-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.docs-claim-head h3{margin:0;font-size:16px;line-height:1.3;color:var(--text)}
.docs-claim p,.docs-step p{margin:0;font-size:14px;line-height:1.6;color:var(--text);overflow-wrap:anywhere}
.docs-table{padding:12px 16px 16px;display:grid;gap:12px;overflow-x:auto}
.docs-table table{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}
.docs-table th,.docs-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border-soft)}
.docs-table thead th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.docs-table tbody th{font-weight:700;color:var(--text)}
.docs-table td{color:#c9d2dc;font-variant-numeric:tabular-nums}
.docs-table a,.docs-more{justify-self:start}
.docs-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.docs-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:14px 18px;align-items:start}
.docs-step>div{display:grid;gap:6px;min-width:0}
.docs-step-number{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);color:var(--cyan);font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}
.docs-help-actions{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:900px){
  .docs-layout{grid-template-columns:1fr;gap:24px}
  .docs-toc{position:static;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
  .docs-toc .section-kicker{grid-column:1/-1}
}
@media(max-width:650px){
  .docs-page{padding-left:16px;padding-right:16px;padding-top:40px}
  .docs-claim,.docs-step{padding:14px}
  .docs-step{grid-template-columns:28px minmax(0,1fr);gap:10px}
  .docs-step-number{width:28px;height:28px}
}