:root{--bg:#f5eefb;--card:#fff;--ink:#221a38;--muted:#675d7d;--line:#e2d7ef;--coral:#ff5a4e}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 "DM Sans",system-ui,sans-serif;padding:40px max(20px,env(safe-area-inset-right)) 64px max(20px,env(safe-area-inset-left))}
main{max-width:760px;margin:0 auto;background:var(--card);border-radius:24px;padding:clamp(22px,5vw,44px);display:flex;flex-direction:column;gap:14px}
h1{font:800 clamp(1.8rem,5vw,2.4rem)/1.1 "Bricolage Grotesque",system-ui,sans-serif;margin:0 0 6px;letter-spacing:-.02em}
h2{font:800 1.15rem/1.3 "Bricolage Grotesque",system-ui,sans-serif;margin:18px 0 0}
p,ul,ol{margin:0}ul,ol{padding-left:1.3em;display:flex;flex-direction:column;gap:6px}
.muted{color:var(--muted);font-size:.92rem}
a{color:var(--coral)}
.back{font-weight:700;text-decoration:none}
.box{background:#faf7fd;border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.links{display:flex;gap:16px;flex-wrap:wrap;font-size:.92rem;border-top:1px solid var(--line);padding-top:16px;margin-top:10px}