:root{--e950:#022c22;--e900:#064e3b;--e700:#047857;--e600:#059669;--e100:#d1fae5}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Manrope',system-ui,sans-serif;background:linear-gradient(160deg,#ecfdf5,#f0fdfa 40%,#fefce8);color:#1e293b;line-height:1.7}
header{max-width:760px;margin:0 auto;padding:20px 24px}
header a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--e950);font-weight:800;font-size:20px}
header img{width:36px;height:36px}
main{max-width:760px;margin:0 auto;padding:16px 24px 60px}
h1{color:var(--e950);font-size:clamp(28px,5vw,40px);line-height:1.2;letter-spacing:-.02em;margin:10px 0 6px}
.meta{font-size:13px;color:#64748b;margin-bottom:24px}
h2{color:var(--e900);font-size:22px;margin:32px 0 10px;letter-spacing:-.01em}
p{margin:12px 0;color:#334155}
ul,ol{margin:12px 0 12px 22px;color:#334155}
li{margin:6px 0}
.tip{background:#fff;border:1px solid #a7f3d0;border-radius:16px;padding:16px 18px;margin:18px 0}
.tip strong{color:var(--e700)}
.cta{background:var(--e950);color:#fff;border-radius:20px;padding:26px;text-align:center;margin:36px 0}
.cta h2{color:#fff;margin:0}
.cta p{color:#a7f3d0;margin:8px 0 14px}
.cta a{display:inline-block;background:#10b981;color:#fff;font-weight:700;padding:12px 26px;border-radius:999px;text-decoration:none}
.related{border-top:1px solid #a7f3d0;margin-top:40px;padding-top:20px}
.related a{display:inline-block;background:#fff;border:1px solid #a7f3d0;color:var(--e700);border-radius:999px;padding:8px 16px;margin:4px 6px 4px 0;font-size:13px;font-weight:600;text-decoration:none}
footer{max-width:760px;margin:0 auto;padding:20px 24px 40px;font-size:12px;color:#64748b;border-top:1px solid #d1fae5}
table{width:100%;border-collapse:collapse;margin:16px 0;background:#fff;border-radius:12px;overflow:hidden;font-size:14px}
th{background:var(--e100);color:var(--e950);text-align:left;padding:10px 12px}
td{padding:10px 12px;border-top:1px solid #ecfdf5}