:root{--forest:#0C4A45;--forest-d:#083733;--aurora-d:#1E9E6E;--ink:#0E1C1A;--body:#3D4C49;--mute:#6B7A77;--cream:#F6F5EF;--card:#fff;--line:#E2E7E4}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65;-webkit-font-smoothing:antialiased}
.ln{background:rgba(246,245,239,.9);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.ln .c{max-width:820px;margin:0 auto;padding:0 20px;height:62px;display:flex;align-items:center;justify-content:space-between}
.logo{display:inline-flex;align-items:center;gap:9px;font-family:'Sora',sans-serif;font-weight:800;font-size:18px;color:var(--forest);text-decoration:none;letter-spacing:-.02em}
.logo .mk{width:28px;height:28px;border-radius:8px;background:linear-gradient(150deg,var(--forest),var(--aurora-d));display:grid;place-items:center;color:#fff;font-size:13px}
.back{font-size:14px;color:var(--forest);text-decoration:none;font-weight:600}
main{max-width:820px;margin:0 auto;padding:48px 20px 80px}
.ey{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--aurora-d)}
h1{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,4vw,2.1rem);margin:8px 0 6px;color:var(--ink);letter-spacing:-.02em}
.meta{font-size:13px;color:var(--mute);margin-bottom:24px}
h2{font-family:'Sora',sans-serif;font-size:1.12rem;margin:28px 0 8px;color:var(--forest)}
p,li{color:var(--body);font-size:15px;margin-bottom:10px}
ul{padding-left:22px;margin-bottom:10px}
a{color:var(--aurora-d);font-weight:600}
.callout{background:#fff;border:1px solid var(--line);border-left:3px solid var(--aurora-d);border-radius:10px;padding:16px 18px;margin:18px 0;font-size:14.5px;color:var(--body)}
.callout strong{color:var(--forest)}