:root{--bg:#f4f3ef;--ink:#1c1b19;--muted:#6f6b63;--brand:#5b4be6;--line:#dedbd3}
body{margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
main{max-width:38rem;margin:0 auto;padding:12vh 24px 10vh}
.eyebrow{font-size:12px;letter-spacing:.22em;color:var(--muted);margin:0}
h1{font-size:clamp(28px,5.5vw,42px);line-height:1.15;letter-spacing:-.02em;margin:14px 0 16px}
h2{font-size:20px;margin:0 0 6px}
.lede{color:var(--muted);font-size:19px}
.muted{color:var(--muted)}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin:30px 0}
code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:15px}
.card code{background:#f4f3ef}
form{display:flex;gap:8px;margin:16px 0 12px}
input{flex:1;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font:inherit}
button{padding:11px 18px;border:0;border-radius:10px;background:var(--brand);color:#fff;font:inherit;font-weight:600;cursor:pointer}
#list{list-style:none;padding:0;margin:0}
#list li{padding:9px 0;border-top:1px solid var(--line)}
.points{padding-left:20px}.points li{margin:6px 0}
.fine{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:15px}