/* Shared styles for guide pages & secondary tools — leaf & sand identity */
:root {
  --bg:#f6f5ec; --card:#fffefa; --ink:#22301f; --muted:#6b7364; --line:#e0ddcd;
  --accent:#2e6b27; --navy:#24431f; --navy-ink:#f1f5e9; --navy-muted:#a8bf9c;
  --gold:#a3d977; --leaf:#4d9636; --leaf-bright:#77b74f;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Rubik",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
.stripe{height:6px;background:linear-gradient(90deg,#2e6b27,#77b74f,#a3d977,#77b74f,#2e6b27)}
nav.site{background:var(--navy);padding:13px 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:800;font-size:1.05rem;display:inline-flex;align-items:center;gap:8px}
nav.site a.brand svg{display:block}
header.page{background:var(--navy);background-image:radial-gradient(ellipse 100% 80% at 50% 120%,rgba(163,217,119,.18),transparent);color:var(--navy-ink);padding:40px 20px 46px;text-align:center}
header.page h1{margin:0 0 12px;font-weight:800;font-size:2.15rem;line-height:1.1;letter-spacing:-.01em}
header.page h1::after{content:"";display:block;width:80px;height:6px;border-radius:3px;margin:16px auto 0;background:var(--leaf-bright)}
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-weight:800;font-size:1.45rem;letter-spacing:-.01em;margin:38px 0 10px}
article h3{font-size:1.05rem;margin:22px 0 6px}
article p,article li{color:#35422f}
article a{color:var(--accent)}
article code{background:#ecebdc;padding:2px 6px;border-radius:6px;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-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.cta{background:var(--navy);color:var(--navy-ink);border-radius:14px;border-top:6px solid var(--leaf-bright);padding:22px;margin:30px 0}
.cta h3{margin:0 0 8px;color:var(--gold);font-size:1.2rem;font-weight:800}
.cta p{margin:0 0 14px;color:var(--navy-ink)}
.cta a.btn{display:inline-block;background:var(--leaf-bright);color:#16290f;font-weight:700;padding:11px 20px;border-radius:10px;text-decoration:none;margin:0 10px 8px 0}
.cta a.btn:hover{background:#8bc665}
.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:14px;padding:22px;box-shadow:0 1px 3px rgba(34,48,31,.06)}