:root{--sand:#fcf9f2;--white:#fff;--ink:#294f45;--muted:#5c766c;--green:#225d48;--teal:#2f9488;--teal-d:#237c72;--sage:#9aa678;--sage-deep:#7f8a58;--aqua:#e6f2ec;--aqua-2:#d5ebe6;--sand2:#f5eede;--gold:#e0a866;--line:#e4e6da;}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Nunito Sans',system-ui,sans-serif;color:var(--ink);background:var(--sand);line-height:1.7;font-size:17px}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.2;color:var(--green)}
a{color:var(--teal-d);text-decoration:none}
.wrap{max-width:820px;margin:0 auto;padding:0 26px}
.btn{display:inline-block;background:var(--teal);color:#fff;padding:.8rem 1.6rem;border-radius:999px;font-weight:700;border:2px solid var(--teal)}
.btn:hover{background:var(--teal-d);border-color:var(--teal-d)}
.crisisbar{background:#f6edd6;color:#4a3d18;text-align:center;font-size:.86rem;padding:.5rem 1rem}
.crisisbar a{color:var(--teal-d);font-weight:700;text-decoration:underline}
nav{position:sticky;top:0;z-index:20;background:rgba(252,249,242,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
nav .wrap{max-width:1060px;display:flex;align-items:center;justify-content:space-between;height:66px;gap:1rem}
nav .navmark{height:42px;width:auto}
nav .links{display:flex;gap:1.4rem;align-items:center}
nav .links a{color:var(--ink);font-weight:600;font-size:.94rem}
nav .links a.btn{color:#fff}nav .links a:not(.btn):hover{color:var(--teal-d)}
@media(max-width:820px){nav .links a:not(.btn){display:none}}
.bloghero{background:linear-gradient(180deg,var(--aqua),var(--sand) 80%);padding:52px 0 30px;text-align:center}
.bloghero h1{font-size:clamp(2rem,5vw,2.8rem)}
.bloghero p{color:var(--muted);max-width:60ch;margin:.6rem auto 0}
.postlist{padding:44px 0 60px}
.postcard{display:block;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:26px 28px;margin-bottom:22px;box-shadow:0 12px 34px -26px rgba(47,148,136,.4);transition:transform .15s}
.postcard:hover{transform:translateY(-2px)}
.postcard .date{font-size:.8rem;color:var(--sage-deep);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.postcard h2{font-size:1.5rem;margin:.3rem 0 .4rem;color:var(--green)}
.postcard p{color:var(--muted)}
.postcard .more{color:var(--teal-d);font-weight:700;margin-top:.6rem;display:inline-block}
article{padding:46px 0 30px}
article .date{font-size:.82rem;color:var(--sage-deep);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
article h1{font-size:clamp(1.9rem,4.4vw,2.5rem);margin:.4rem 0 .3rem}
article .byline{color:var(--muted);font-size:.92rem;margin-bottom:1.6rem;border-bottom:1px solid var(--line);padding-bottom:1.2rem}
article h2{font-size:1.4rem;margin:1.8rem 0 .5rem;color:var(--teal-d)}
article p{margin-bottom:1.1rem}
article ul{margin:0 0 1.1rem 1.3rem}article li{margin-bottom:.4rem}
.postcta{background:var(--aqua);border:1px solid var(--aqua-2);border-radius:18px;padding:28px;text-align:center;margin:34px 0 10px}
.postcta h3{color:var(--green);margin-bottom:.5rem}
.postcta p{color:var(--muted);max-width:52ch;margin:0 auto .9rem}
.backlink{display:inline-block;margin:26px 0;color:var(--teal-d);font-weight:700}
.disc{font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1.2rem;margin-top:24px}
footer{padding:38px 0 60px;text-align:center;color:var(--muted);font-size:.88rem;border-top:1px solid var(--line);margin-top:20px}
footer .slogan{font-family:'Fraunces',serif;font-style:italic;color:var(--sage-deep);font-size:1.05rem;margin-bottom:.5rem}
