*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#0d0f12;color:#e8ebef;font:16px/1.65 "Rubik",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;background:rgba(13,15,18,.94);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
header a.back{color:#e8c46a;text-decoration:none;font-weight:700;padding:8px 4px}
header .sp{flex:1}
header button{font:inherit;font-weight:800;color:#e8ebef;background:rgba(255,255,255,.07);border:1px solid rgba(232,196,106,.5);border-radius:999px;padding:6px 14px;cursor:pointer}
main{max-width:720px;margin:0 auto;padding:18px 18px calc(env(safe-area-inset-bottom) + 40px)}
h1{font-size:28px;line-height:1.2;margin:8px 0 4px;color:#fff}
.meta{color:#9aa3ad;font-size:14px;margin:0 0 18px}
h2{font-size:18px;margin:26px 0 6px;color:#e8c46a}
p,li{color:#d5dae0}ul{padding-inline-start:22px}li{margin:4px 0}
a{color:#e8c46a}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.box{background:#171a1f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 16px;margin:14px 0}
code{background:#1d2127;border-radius:6px;padding:1px 6px;font-size:14px}
footer{max-width:720px;margin:0 auto;padding:0 18px 40px;color:#7f8892;font-size:13px}
footer a{color:#9aa3ad}
[hidden]{display:none!important}