@font-face{font-family:"Figtree";src:url(/site-assets/fonts/figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{--lime:#d5f45b;--sun:#ffd45c;--coral:#f47860;--paper:#f7f8f2;--mist:#e8efe3;--green:#146344;--ink:#172b24;--muted:#3d5248;--sans:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--b:3px solid var(--ink)}
*{box-sizing:border-box}
html{background:var(--lime);color:var(--ink);font:500 18px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
body{margin:0;min-height:100vh}
a{color:var(--green);text-underline-offset:3px}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:8px}
.bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:1000px;margin:0 auto;padding:16px 24px}
.bar .brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.3rem;text-decoration:none;color:var(--ink);margin-right:auto}
.bar .brand img{width:38px;height:38px;border-radius:10px}
.bar a.nav{font-weight:700;color:var(--ink);text-decoration:none;padding:6px 14px;border:var(--b);border-radius:999px;background:var(--paper)}
.bar a.nav:hover{background:var(--sun)}
.sheet{background:var(--paper);border:var(--b);border-radius:36px;max-width:1000px;margin:8px auto 40px;padding:clamp(24px,5vw,56px) clamp(20px,5vw,56px);width:calc(100% - 32px)}
.read{max-width:700px;margin:0 auto}
h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.04;font-weight:900;letter-spacing:-.02em;margin:.2em 0 .4em;text-wrap:balance}
h2{font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.15;font-weight:900;margin:1.8em 0 .5em;text-wrap:balance}
h3{font-size:1.15rem;margin:1.2em 0 .3em}
p,li{max-width:68ch}
.crumbs{font-size:.9rem;color:var(--muted);font-weight:700}
.crumbs a{color:var(--muted)}
.meta{color:var(--muted);font-size:.95rem;font-weight:700}
.answer{font-size:1.2rem;background:var(--mist);border-left:6px solid var(--green);border-radius:0 16px 16px 0;padding:16px 20px;margin:20px 0 8px;font-weight:600}
.cover{border:var(--b);border-radius:24px;overflow:hidden;margin:22px 0}
.tag{display:inline-block;font-size:.8rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:3px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--lime);color:var(--ink);text-decoration:none}
.tag.sun{background:var(--sun)}.tag.coral{background:var(--coral)}.tag.green{background:var(--green);color:var(--paper)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}
.chips a{font-weight:800;text-decoration:none;color:var(--ink);padding:6px 14px;border:var(--b);border-radius:999px;background:var(--paper)}
.chips a.on,.chips a:hover{background:var(--ink);color:var(--paper)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:22px}
.card{display:grid;gap:8px;align-content:start;border:var(--b);border-radius:24px;padding:20px;background:var(--paper);text-decoration:none;color:var(--ink);box-shadow:5px 6px 0 var(--ink);transition:transform .15s}
.card:hover{transform:translate(-2px,-2px)}
.card b{font-size:1.2rem;line-height:1.2}
.card span{color:var(--muted);font-size:.95rem}
.faq details{border-top:2px solid var(--ink);padding:12px 0}
.faq summary{font-weight:800;cursor:pointer}
.faq p{margin:.5em 0 0}
.cta{margin-top:40px;background:var(--green);color:var(--paper);border:var(--b);border-radius:28px;padding:24px 28px}
.cta p{color:#e3eee6;margin:.3em 0 1em}
.cta a.btn{display:inline-block;background:var(--lime);color:var(--ink);font-weight:900;text-decoration:none;border:var(--b);border-radius:999px;padding:10px 22px}
.foot{max-width:1000px;margin:0 auto;padding:0 24px 40px;display:flex;gap:18px;flex-wrap:wrap;font-weight:700}
.foot a{color:var(--ink)}
ul{padding-left:1.2em}
@media (prefers-reduced-motion:reduce){.card{transition:none}}