/* Shared styles for guide pages & secondary tools */
:root {
  --bg:#f5f2ea; --card:#fffdf7; --ink:#20242a; --muted:#6b6f76; --line:#e3ddd0;
  --accent:#9c6a0b; --navy:#1c2127; --navy-ink:#f2efe6; --navy-muted:#9aa1ab;
  --gold:#f0b62a; --amber:#eaa906;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Barlow",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
.hazard{height:6px;background:repeating-linear-gradient(135deg,var(--amber) 0 14px,var(--navy) 14px 28px)}
nav.site{background:var(--navy);padding:12px 20px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
nav.site a{color:var(--navy-ink);text-decoration:none;font-size:.92rem;font-weight:600}
nav.site a:hover{color:var(--gold)}
nav.site a.brand{color:var(--gold);font-weight:700;font-family:"Barlow Condensed","Barlow",sans-serif;font-size:1.12rem;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:8px}
nav.site a.brand svg{display:block}
header.page{background:var(--navy);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 26px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 26px);color:var(--navy-ink);padding:38px 20px 44px;text-align:center}
header.page h1{margin:0 0 12px;font-family:"Barlow Condensed","Barlow",sans-serif;font-weight:800;font-size:2.4rem;line-height:1.08;text-transform:uppercase;letter-spacing:.015em}
header.page h1::after{content:"";display:block;width:74px;height:5px;margin:14px auto 0;background:var(--amber)}
header.page p{margin:0 auto;max-width:640px;color:var(--navy-muted)}
main{max-width:760px;margin:0 auto;padding:28px 16px 40px}
main.wide{max-width:1060px}
article h2{font-family:"Barlow Condensed","Barlow",sans-serif;font-weight:700;font-size:1.55rem;text-transform:uppercase;letter-spacing:.02em;margin:38px 0 10px}
article h3{font-size:1.05rem;margin:22px 0 6px}
article p,article li{color:#33383f}
article a{color:var(--accent)}
article code{background:#efeadd;padding:2px 6px;border-radius:3px;font-size:.9em}
article table{width:100%;border-collapse:collapse;font-size:.92rem;margin:14px 0}
article th,article td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
article th:first-child,article td:first-child{text-align:left}
article th{font-family:"Barlow Condensed","Barlow",sans-serif;font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.cta{background:var(--navy);color:var(--navy-ink);border-radius:5px;border-top:5px solid var(--amber);padding:22px;margin:30px 0}
.cta h3{margin:0 0 8px;color:var(--gold);font-family:"Barlow Condensed","Barlow",sans-serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.cta p{margin:0 0 14px;color:var(--navy-ink)}
.cta a.btn{display:inline-block;background:var(--amber);color:#161a1f;font-weight:700;padding:11px 20px;border-radius:4px;text-decoration:none;margin:0 10px 8px 0}
.cta a.btn:hover{background:var(--gold)}
.cta a.btn.alt{background:transparent;border:1.5px solid var(--gold);color:var(--gold)}
footer.site{text-align:center;color:var(--muted);font-size:.84rem;padding:30px 16px 40px}
footer.site a{color:var(--muted)}
footer.site .links{margin-bottom:10px}
footer.site .links a{margin:0 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:22px;box-shadow:0 1px 2px rgba(32,36,42,.06)}