:root{--bg:#fafafa;--surface:#ffffff;--text:#1a1a1a;--text-secondary:#6b6b6b;--border:#e8e8e8;--accent:#7c3aed;--accent-soft:#ede9fe;--accent-muted:#a78bfa;--link:#2563eb;--link-hover:#1d4ed8;--shadow:0 1px 3px rgba(0,0,0,0.06);--radius:8px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",system-ui,sans-serif;--max-width:1320px;--content-width:1080px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-body{min-height:100vh;display:flex;flex-direction:column}.site-shell{flex:1 1;display:flex;flex-direction:column}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4{line-height:1.3;font-weight:600}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.page-header{background:var(--surface);border-bottom:1px solid var(--border);padding:20px 0}.page-header__side{display:flex;align-items:center;min-width:0}.page-header__side--start{justify-content:flex-start}.page-header__side--end{justify-content:flex-end}.page-header__social{justify-self:center}.logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600}.logo,.logo:hover{color:var(--text);text-decoration:none}.logo__img{display:block;width:auto;max-width:min(420px,72vw);height:auto;max-height:64px;min-height:44px;object-fit:contain;object-position:left center}.logo__fallback{width:40px;height:40px;border-radius:6px;background:var(--accent-soft);display:grid;place-items:center;font-size:18px;flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-form{display:flex;gap:8px;flex:1 1;max-width:360px}.card{border:1px solid var(--border);box-shadow:var(--shadow)}.btn,.card{background:var(--surface);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--border);transition:background .15s}.btn,.btn:hover{color:var(--text);text-decoration:none}.btn:hover{background:var(--bg)}.btn--primary{border-color:var(--accent)}.btn--primary,.btn--primary:hover{background:var(--accent);color:white}.btn--primary:hover{opacity:.9}.btn--danger{background:#dc2626;color:white;border-color:#dc2626}.wiki-link{color:var(--link)}.article-content p{margin:0 0 1em}.article-content ol,.article-content ul{margin:0 0 1em;padding-left:1.5em}.article-content b,.article-content strong{font-weight:600}.article-content img{border-radius:var(--radius)}.article-content h2{font-size:22px;margin:1.4em 0 .6em;padding-bottom:8px;border-bottom:1px solid var(--border);scroll-margin-top:80px}.article-content h3{font-size:18px;margin:1.2em 0 .5em;scroll-margin-top:80px}@media (max-width:768px){.container{padding:0 16px}}@media (max-width:480px){body{font-size:15px}}*{scrollbar-width:thin;scrollbar-color:#d4d4d4 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#b8b8b8;background-clip:content-box}