/* base.css — reset + global typography */
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);font-size:var(--fs-body);line-height:1.7;-webkit-font-smoothing:antialiased}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.eyebrow{font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 var(--s3)}
h1{font-family:var(--display);font-size:var(--fs-h1);font-weight:600;letter-spacing:-.015em;line-height:1.12;margin:0 0 var(--s4)}
h2{font-family:var(--display);font-size:var(--fs-h2);font-weight:600;letter-spacing:-.01em;margin:0 0 var(--s3)}
.lede{color:var(--text2);font-size:var(--fs-lead);line-height:1.6;margin:0 0 var(--s7);max-width:var(--measure)}
.lede b{color:var(--text);font-weight:600}
.section-label{font-size:var(--fs-micro);font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--faint);margin:0 0 var(--s5)}
.section-label.spaced{margin-top:var(--section-gap)}
code{font-family:var(--mono);font-size:var(--fs-caption);background:var(--accent-bg);color:var(--accent);border:1px solid var(--line2);border-radius:6px;padding:1px 6px}

/* secondary intro paragraph (under a section label) */
.note{font-size:var(--fs-body);color:var(--muted);line-height:1.65;margin:0 0 var(--s5);max-width:var(--measure)}

/* frequency / context chip */
.freq{display:inline-block;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--accent);background:var(--accent-bg);border:1px solid var(--line2);border-radius:999px;padding:4px 12px;margin:0 0 var(--s4)}