:root{--bg:#fafafa;--card:#fff;--text:#1a1a1a;--muted:#5b5b5b;--link:#0b57d0;--line:#e6e6e6}
@media (prefers-color-scheme:dark){:root{--bg:#121212;--card:#1d1d1d;--text:#eaeaea;--muted:#a8a8a8;--link:#8ab4f8;--line:#2c2c2c}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:0 14px 40px;max-width:760px;margin-inline:auto}
h1{font-size:1.5rem;margin:20px 0 4px}
h2{font-size:1.15rem;margin:28px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--line)}
ol{list-style:none;padding:0;margin:0;counter-reset:n}
ol li{counter-increment:n;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 10px;color:var(--muted);font-size:.95rem;overflow-wrap:anywhere}
ol li::before{content:counter(n);display:inline-block;min-width:1.6em;font-size:.8rem;font-weight:600;color:var(--muted)}
ol li a{color:var(--link);font-weight:600;font-size:1.02rem;text-decoration:none;line-height:1.35}
ol li a:active,ol li a:hover{text-decoration:underline}
ol li br{display:block;content:"";margin-top:4px}
section>p{font-size:.85rem;color:var(--muted);margin:8px 2px 0}
ul{padding-left:1.1rem}ul li{margin:.6rem 0}ul a{color:var(--link)}
@media (min-width:700px){body{padding:0 24px 48px}h1{font-size:1.8rem;margin-top:32px}}