:root{--mint:#dff0e1;--mint-soft:#eaf6ec;--forest:#0f2417;--ink:#122a1c;--orange:#f24e26;--line:rgba(15,36,23,.14)}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:"Space Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--mint-soft);line-height:1.6}
.bar{background:var(--mint);border-bottom:1px solid var(--line)}
.bar .in{max-width:820px;margin:0 auto;padding:18px 22px;display:flex;align-items:center;gap:12px}
.brand{font-weight:700;font-size:22px;letter-spacing:.04em;color:var(--forest);text-decoration:none}
.brand sup{font-size:.5em;vertical-align:super}
.grow{flex:1}
.back{color:var(--forest);text-decoration:none;font-weight:700;font-size:14px;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px}
main{max-width:820px;margin:0 auto;padding:34px 22px 80px}
h1{color:var(--forest);font-size:clamp(28px,5vw,40px);margin:0 0 6px}
.eff{color:#4b6b57;font-size:14px;margin:0 0 26px}
h2{color:var(--forest);font-size:20px;margin:30px 0 8px}
p,li{font-size:15.5px;color:#1c3527}
a{color:var(--orange)}
.note{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:13.5px;color:#4b6b57;margin:24px 0}
footer{border-top:1px solid var(--line);text-align:center;padding:26px;color:#6b8a76;font-size:12px}
footer a{color:#4b6b57;text-decoration:none;margin:0 8px}