:root{--ink:#0d0e12;--paper:#f6f5f1;--line:#e4e2db;--text:#16171b;--muted:#6c6b66;--lime:#c8f65a}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:'Inter',system-ui,sans-serif;background:var(--paper);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}
.top{background:var(--ink);padding:18px clamp(16px,5vw,64px);display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;line-height:0}
.logo .lm{width:36px;height:36px}
.logo .wm{height:24px;width:auto;margin-top:2px}
.back{color:#c9cad0;text-decoration:none;font-size:14px;font-weight:500}
.back:hover{color:#fff}
main{max-width:780px;margin:0 auto;padding:56px 16px 90px}
h1{font-family:'Bricolage Grotesque','Inter',sans-serif;font-size:clamp(36px,6vw,54px);letter-spacing:-.03em;line-height:1;margin:0 0 10px}
.lead{color:var(--muted);margin:0 0 40px}
h2{font-family:'Bricolage Grotesque','Inter',sans-serif;font-size:22px;letter-spacing:-.01em;margin:38px 0 10px}
h3{font-size:16px;margin:24px 0 6px}
p,li{font-size:15.5px}
ul{padding-left:1.2em}
a{color:var(--text)}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin:18px 0}
.card p{margin:0 0 6px}
.card p:last-child{margin:0}
.todo{background:#fff3b0;border-radius:4px;padding:1px 5px;font-weight:600}
.box{background:#eef9d6;border:1px solid #d6efa0;border-radius:14px;padding:16px 20px;margin:24px 0}
.box p{margin:0}
footer{border-top:1px solid var(--line);padding:24px 16px;text-align:center;font-size:13px;color:var(--muted)}
footer a{margin:0 10px;color:var(--text);font-weight:600;text-decoration:none}