@import url("styles.css");
body{background:radial-gradient(circle at 75% 0,#0b4d34,#030805 45%);color:#edf7f1}
.site-head{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1rem,calc((100vw - 1100px)/2));background:#020705eF;border-bottom:1px solid #206a47;backdrop-filter:blur(12px)}
.brand{font-family:Georgia,serif;color:#e9be4b;font-size:1.15rem;font-weight:800;text-decoration:none}.back{color:#bce7cc;text-decoration:none;font-weight:700}
.article{max-width:840px;margin:auto;padding:clamp(3rem,8vw,6rem) 1.25rem}
.article .kicker{color:#64ef9b;text-transform:uppercase;font-weight:900;letter-spacing:.12em}
.article h1{font-size:clamp(2.3rem,7vw,4.8rem);line-height:1.02;margin:.7rem 0 1.2rem}
.lead{font-size:1.2rem;line-height:1.65;color:#cee2d6;border-left:4px solid #39d978;padding-left:1rem}
.article h2{font-size:clamp(1.5rem,4vw,2.2rem);margin:2.6rem 0 .7rem;color:#fff}
.article p,.article li{font-size:1.06rem;line-height:1.75;color:#d7e4dc}
.article ul{padding-left:1.25rem}.article li+li{margin-top:.45rem}
.callout{margin:2.4rem 0;padding:1.25rem;border:1px solid #31905e;border-radius:16px;background:#0d3f2a}
.cta{display:inline-block;margin-top:1.5rem;padding:1rem 1.25rem;border-radius:999px;background:#25d366;color:#03180a;text-decoration:none;font-weight:900}
.related{margin-top:4rem;padding-top:2rem;border-top:1px solid #2d6447}.related a{color:#72e8a0}