/* Guide pages — mirrors the app's Counsel theme tokens (index.html `T`):
   forest #2E5A45 / brass #B08A3E on warm ivory, Spectral headings, Mulish body. */
:root{--forest:#2E5A45;--forest-d:#1F4030;--forest-lt:#E6EEE8;--brass:#B08A3E;--brass-d:#8A6A2C;--brass-lt:#F3EAD5;
  --ink:#23201A;--ink2:#4C463C;--muted:#857C6D;--hint:#ABA192;--bg:#F8F5EF;--bg2:#FCFAF5;--white:#fff;
  --border:#E8E1D3;--border-md:#D9CFBB;--r:14px;
  --sh:0 1px 2px rgba(35,32,26,.04),0 16px 38px -16px rgba(35,32,26,.14);
  --font:'Mulish',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:'Spectral',Georgia,serif}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 var(--font)}
.wrap{max-width:800px;margin:0 auto;padding:0 20px 72px}
header.site{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0 16px;border-bottom:1px solid var(--border)}
header.site a.brand{display:inline-flex;align-items:center;font-family:var(--serif);font-weight:700;font-size:20px;color:var(--forest);text-decoration:none;letter-spacing:.1px}
header.site a.brand svg{width:1.05em;height:1.05em;margin-right:.32em;flex-shrink:0}
header.site a.brand .b{color:var(--brass)}
header.site a.start{background:var(--forest);color:#fff;text-decoration:none;padding:10px 18px;border-radius:999px;font-weight:700;font-size:15px;white-space:nowrap;box-shadow:var(--sh)}
header.site a.start:hover{background:var(--forest-d)}
.kicker{display:inline-flex;align-items:center;gap:8px;margin-top:40px;padding:6px 12px;border-radius:999px;background:var(--forest-lt);color:var(--forest-d);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--forest)}
h1{font-family:var(--serif);font-weight:700;font-size:2.35rem;line-height:1.15;color:var(--ink);margin:14px 0 10px;letter-spacing:-.01em}
h1 em{font-style:normal;color:var(--forest)}
h2{font-family:var(--serif);font-weight:700;font-size:1.5rem;line-height:1.25;color:var(--ink);margin:40px 0 12px}
h3{font-family:var(--font);font-weight:700;font-size:1.05rem;margin:24px 0 6px}
p{margin:0 0 14px}
p.lede{font-size:1.15rem;line-height:1.6;color:var(--ink2);margin:0 0 14px}
p.meta{font-size:.86rem;color:var(--muted);margin:0 0 8px;padding-bottom:18px;border-bottom:1px solid var(--border)}
a{color:var(--forest);text-decoration-color:var(--border-md);text-underline-offset:2px}
a:hover{color:var(--forest-d);text-decoration-color:var(--forest)}
table{border-collapse:separate;border-spacing:0;width:100%;margin:14px 0 22px;font-size:.95rem;background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
th,td{padding:11px 13px;text-align:left;vertical-align:top;border-top:1px solid var(--border)}
tr:first-child th,tr:first-child td{border-top:0}
th{background:var(--bg2);color:var(--ink2);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
td strong{color:var(--ink)}
.box{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;margin:22px 0;box-shadow:var(--sh)}
.box.cta{background:var(--forest-lt);border-color:#cfdcd3}
.box.cta strong{font-family:var(--serif);font-size:1.2rem;color:var(--forest-d);display:block;margin-bottom:6px}
.box.cta p{color:var(--ink2);margin-bottom:12px}
.box.cta a{display:inline-block;background:var(--forest);color:#fff;text-decoration:none;padding:11px 20px;border-radius:999px;font-weight:700;box-shadow:var(--sh)}
.box.cta a:hover{background:var(--forest-d)}
ol,ul{padding-left:1.3em}
ol li,ul li{margin:7px 0}
li::marker{color:var(--brass);font-weight:700}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--brass-lt);color:var(--brass-d);padding:1px 6px;border-radius:6px}
footer.site{margin-top:56px;padding-top:18px;border-top:1px solid var(--border);font-size:.88rem;color:var(--muted);line-height:1.55}
@media (max-width:600px){h1{font-size:1.75rem}h2{font-size:1.3rem}body{font-size:16px}header.site a.start{padding:9px 14px;font-size:14px}.wrap{padding:0 16px 56px}}