:root{--accent:#0a7a5c;--accent-light:#e6f9f0;--text:#1a1a2e;--text-soft:#555;--bg:#f5f7fa}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.wrap,article{max-width:820px;margin:0 auto;padding:20px}
.topnav{background:#fff;border-bottom:1px solid #eee;padding:14px 24px;position:sticky;top:0;z-index:10}
.brand{font-weight:800;font-size:1.15rem;text-decoration:none;color:var(--text)}
.brand em{color:var(--accent);font-style:normal}
.nav-links{display:flex;gap:16px;margin-left:24px;align-items:center}
.nav-links a{color:var(--text-soft);text-decoration:none;font-size:.92rem}
.nav-links a:hover{color:var(--accent)}
.btn-nav{background:var(--accent);color:#fff!important;padding:6px 14px;border-radius:8px;font-weight:600}
article header{padding:24px 0 12px}
h1{font-size:1.7rem;line-height:1.3;margin-bottom:10px}
.subtitle{color:var(--text-soft);font-size:1.02rem;margin-bottom:14px}
.meta-row{display:flex;gap:18px;color:var(--text-soft);font-size:.85rem;margin-bottom:20px;flex-wrap:wrap}
article h2{font-size:1.3rem;margin:24px 0 10px;color:var(--text)}
article ul{padding-left:20px;margin:8px 0}
article li{margin-bottom:6px}
details{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;margin-bottom:8px}
details summary{cursor:pointer;font-weight:600}
details p{margin-top:8px;color:var(--text-soft)}
.aff-cta{background:var(--accent-light);border:1px solid var(--accent);border-radius:12px;padding:22px;margin:28px 0;text-align:center}
.aff-cta h2{margin-bottom:6px}
.aff-cta p{color:var(--text-soft);margin-bottom:14px}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 22px;border-radius:8px;text-decoration:none;font-weight:600}
footer{padding:24px 0;color:#999;font-size:.85rem;text-align:center;border-top:1px solid #eee;margin-top:24px}
footer a{color:var(--accent);text-decoration:none}