:root{--max:980px;--maxwide:1400px;--fg:#111;--muted:#555;--bg:#fff;--panel:#fafafa;--line:#e8e8e8;--accent:#1f3b5c;--accentsoft:rgba(31,59,92,.08);--link:#0b57d0;--linkhover:#063a9a;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe\ UI,Roboto,Arial,sans-serif;color:var(--fg);background:var(--bg);line-height:1.7;font-size:18px;text-rendering:optimizeLegibility}.wrap{max-width:var(--max);margin:0 auto;padding:18px}.wrap-wide{max-width:var(--maxWide);margin:0 auto;padding:18px 20px}header{border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:10;backdrop-filter:saturate(180%) blur(6px)}header::after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}nav{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}nav a{color:var(--fg);text-decoration:none;padding:6px 10px;border-radius:10px;transition:background .15s ease}nav a:hover{background:var(--accentSoft)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)}.brand img{display:block}.brand-text{font-weight:600;white-space:nowrap}h1{margin:10px 0 12px;font-size:36px;letter-spacing:-.02em;line-height:1.15}h2{margin:30px 0 12px;font-size:22px;letter-spacing:-.01em;line-height:1.25}h3{margin:24px 0 8px;font-size:18px;line-height:1.3}p{margin:12px 0}small,.muted{color:var(--muted)}a{color:var(--link)}a:hover{color:var(--linkHover)}a:focus{outline:3px solid rgba(11,87,208,.25);outline-offset:2px;border-radius:8px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:18px 0;background:#fff;position:relative}.card::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;border-radius:var(--radius) var(--radius) 0 0;background:var(--accentSoft)}ul{padding-left:20px;margin:12px 0}li{margin:6px 0}code{background:#f2f2f2;padding:2px 6px;border-radius:8px;font-size:.95em}pre{background:#f6f6f6;border:1px solid var(--line);border-radius:var(--radius);padding:16px;overflow:auto;font-size:.95em}.article-meta{margin-top:10px;color:var(--muted);font-size:.95em;display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}.note{border-left:4px solid var(--accent);padding:12px 16px;background:#fcfcfc;border-radius:10px;margin:18px 0}.toc{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:#fff;margin:20px 0}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}.ad-block{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafafa}.ad-slot{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafafa;margin:20px 0}.ad-label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.author-box{margin-top:30px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}footer{border-top:1px solid var(--line);background:var(--panel);margin-top:30px}@media (min-width:1200px){:root{--max:1040px}}@media (max-width:720px){.brand-text{display:none}}@media (max-width:520px){html,body{font-size:17px}h1{font-size:28px}.wrap,.wrap-wide{padding:14px 14px}}.content-narrow{width:100%;max-width:1040px;margin:0 auto;padding:0}.wrap-wide>h1,.wrap-wide>p,.wrap-wide>ul,.wrap-wide>.ad-block,.wrap-wide>.card{max-width:1400px;margin-left:auto;margin-right:auto}