:root{--bg:#F6F8FB;--surface:#fff;--ink:#0D2238;--muted:#566A80;--line:#DCE3EC;--teal:#5B4FF0;--gold:#C98A1B;--gold-soft:#FBF1DE;color-scheme:only light}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 "Segoe UI",system-ui,sans-serif;padding:32px 20px 64px}
main{max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:36px}
a{color:var(--teal)}
h1{font:400 38px/1.1 "Segoe UI",system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;margin:0 0 24px}
h2{font-size:18px;margin:28px 0 8px}
p{margin:0 0 10px;color:var(--ink)}
.back{display:inline-block;margin-bottom:22px;font-weight:700;text-decoration:none}
.ph{background:var(--gold-soft);color:var(--gold);padding:0 5px;border-radius:4px;font-family:ui-monospace,monospace;font-size:.85em}
.muted{color:var(--muted);font-size:14px}
@media (max-width:520px){main{padding:24px}}
main{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}h1,h2{overflow-wrap:anywhere}html,body{overflow-x:clip}