:root { --bg:#0a0e1a; --ink:#eef1f8; --soft:#9aa4bf; --line:#232c45; --accent:#5fd0ff; --warn:#ffb454; --card:#10152a; color-scheme: dark }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.65 "Segoe UI", system-ui, -apple-system, sans-serif }
main { max-width:760px; margin:0 auto; padding:48px 16px 80px }
h1 { font-size:clamp(28px,6vw,38px); line-height:1.15; margin:0 0 12px; text-wrap:balance }
h2 { font-size:21px; line-height:1.3; margin:36px 0 8px }
p, li { color:var(--soft) } a { color:var(--accent) } strong { color:var(--ink) }
.top { display:flex; align-items:center; gap:10px; margin-bottom:36px; font-weight:700; text-decoration:none; color:var(--ink) }
.lede { font-size:19px; color:var(--ink) }
.jump { margin:0 0 28px }
.warn { border:1px solid var(--warn); border-radius:12px; padding:14px 18px; margin:24px 0 }
.warn p { color:var(--ink); margin:0 }
ol.steps { padding-left:22px } ol.steps li { margin:0 0 10px }
.tbl { overflow-x:auto; margin:16px 0; border:1px solid var(--line); border-radius:12px }
table { border-collapse:collapse; width:100%; font-size:15px; line-height:1.45; hyphens:auto; overflow-wrap:break-word }
th, td { text-align:left; vertical-align:top; padding:10px 12px; border-top:1px solid var(--line) }
thead th { border-top:0; background:var(--card); color:var(--ink) }
td { color:var(--soft) } td:first-child { color:var(--ink); font-weight:600 }
.cta { display:inline-block; margin-top:8px; padding:12px 20px; border-radius:12px; background:#5b8cff; color:#070a14; font-weight:700; text-decoration:none }
@media (max-width:520px) { table { font-size:13.5px } th, td { padding:8px 7px } td:first-child { width:30% } }
@media (max-width:360px) { table { font-size:12.5px } th, td { padding:7px 5px } }
.src { font-size:14px } .src li { margin-bottom:4px; overflow-wrap:anywhere }
hr { border:0; border-top:1px solid var(--line); margin:48px 0 }
.more { font-size:15px }