/* Shared styles for guide pages & secondary tools */
:root {
  --bg:#f4f5f7; --card:#fff; --ink:#1a2230; --muted:#5b6472; --line:#dde1e7;
  --accent:#1f5fa8; --navy:#14213a; --navy-ink:#eef2f8; --navy-muted:#9fb0c9; --gold:#ffd166;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
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}
header.page{background:var(--navy);color:var(--navy-ink);padding:34px 20px 40px;text-align:center}
header.page h1{margin:0 0 10px;font-size:1.75rem;letter-spacing:.2px}
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-size:1.35rem;margin:34px 0 10px}
article h3{font-size:1.05rem;margin:22px 0 6px}
article p,article li{color:#303845}
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}
article th:first-child,article td:first-child{text-align:left}
article th{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.cta{background:linear-gradient(135deg,#14213a,#1f3a63);color:var(--navy-ink);border-radius:10px;padding:22px;margin:30px 0}
.cta h3{margin:0 0 8px;color:var(--gold)}
.cta p{margin:0 0 14px;color:var(--navy-ink)}
.cta a.btn{display:inline-block;background:var(--gold);color:var(--navy);font-weight:700;padding:11px 20px;border-radius:7px;text-decoration:none;margin-right:10px}
.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:10px;padding:22px}