*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65;color:#1f2937;background:#f9fafb}
a{color:#0b6e4f;text-decoration:none}a:hover{text-decoration:underline}
header.site{background:#0b6e4f;color:#fff;padding:1.2rem 1rem}
header.site .row{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
header.site a{color:#fff}
header.site .logo{font-weight:800;font-size:1.3rem}
.btn{display:inline-block;background:#ffb02e;color:#1f2937;padding:.6rem 1.1rem;border-radius:8px;font-weight:700}
.btn:hover{background:#ffc14d;text-decoration:none}
nav.main{background:#0a5c42}
nav.main ul{max-width:1100px;margin:0 auto;padding:.6rem 1rem;list-style:none;display:flex;flex-wrap:wrap;gap:.3rem .9rem}
nav.main li{font-size:.82rem}
nav.main a{color:#e6fff5}
nav.main li.active a{text-decoration:underline;font-weight:600}
main.article{max-width:900px;margin:2rem auto;padding:0 1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
main.article .inner{padding:2rem 1.6rem}
h1.page{margin-top:0;font-size:2rem;color:#0b3d2e}
h2{color:#0b3d2e;margin-top:2rem}
.cta{display:inline-block;margin-top:1rem;background:#ffb02e;color:#1f2937;padding:.8rem 1.4rem;border-radius:8px;font-weight:700}
.related{background:#f0fdf4;border-left:4px solid #0b6e4f;padding:1rem 1.2rem;margin-top:2rem;border-radius:6px}
.related ul{margin:.4rem 0 0;padding-left:1.2rem}
footer.site{text-align:center;padding:1.6rem 1rem;color:#6b7280;font-size:.9rem}
footer.site a{color:#0b6e4f}
@media(max-width:640px){main.article .inner{padding:1.4rem 1rem}h1.page{font-size:1.5rem}}