/* Shared look with dhruvwalia.com for the public pages (about, guide, sheet guide,
   privacy, terms). Loaded after each page's own <style>, so it sets the type and
   colors and leaves page-specific pieces (pills, steps, tables) alone. The app
   itself keeps its own styles (src/styles.css). */
:root{color-scheme:dark;--bg:#0e0e10;--fg:#c6c5c1;--ink:#f1f0ee;--muted:#8b8a86;--gold:#cfa14e;--line:#2c2c30;--card:#191a1d}
body{background:#0e0e10 radial-gradient(1100px 420px at 20% 0%,#1d1e23 0%,#0c0c0e 70%) no-repeat;color:var(--fg);font:300 17px/1.65 'Lato',-apple-system,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
p,li{color:var(--fg)}
b,strong{color:#fff;font-weight:700}
h1{font-family:'Lato',sans-serif;font-weight:100;font-size:clamp(2rem,5vw,3rem);line-height:1.1;letter-spacing:0;text-transform:none;color:#fff;margin:24px 0 10px}
h2{font-family:'Raleway','Lato',sans-serif;font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
h3{font-family:'Raleway','Lato',sans-serif;font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
th{font-family:'Raleway','Lato',sans-serif;font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:3px}
a:hover{text-decoration-color:var(--ink)}
nav a,.back{font-family:'Raleway','Lato',sans-serif;font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none}
nav a:hover,.back:hover{color:var(--ink)}
.cta{border-radius:0;background:var(--ink);color:var(--bg);font-family:'Raleway','Lato',sans-serif;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:13px 26px;text-decoration:none}
.cta:hover{background:#fff}
.muted,.sub{color:var(--muted)}
.tip{border-radius:0;background:var(--card)}
.warn{border-radius:0}