
:root{--bg:#F6F1E9;--panel:#FFFFFF;--panel-2:#FBF6EE;--edge:#E4D7C4;--text:#241C14;--muted:#6B5E4E;--accent:#B5642E;--accent-2:#8A4A22;--code-bg:#F1E8DA;--code-text:#3A2E1E;--danger:#A83A24;--danger-bg:#FBEAE4;--good:#2E6B41;--good-bg:#EAF3EC;--shadow:0 1px 0 rgba(36,28,20,.05);--radius:10px;--sans:'Segoe UI',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;--mono:'Cascadia Code',Consolas,'SF Mono',Menlo,'Courier New',monospace}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#14100C;--panel:#1D1712;--panel-2:#251D16;--edge:#3C2F22;--text:#EEE6D9;--muted:#AA9C89;--accent:#E0985C;--accent-2:#F3C793;--code-bg:#17120D;--code-text:#EAD9BE;--danger:#E37A5E;--danger-bg:#2E1A14;--good:#8BC79A;--good-bg:#16261A;--shadow:0 1px 0 rgba(0,0,0,.3)}}
:root[data-theme="dark"]{--bg:#14100C;--panel:#1D1712;--panel-2:#251D16;--edge:#3C2F22;--text:#EEE6D9;--muted:#AA9C89;--accent:#E0985C;--accent-2:#F3C793;--code-bg:#17120D;--code-text:#EAD9BE;--danger:#E37A5E;--danger-bg:#2E1A14;--good:#8BC79A;--good-bg:#16261A;--shadow:0 1px 0 rgba(0,0,0,.3)}
:root[data-theme="light"]{--bg:#F6F1E9;--panel:#FFFFFF;--panel-2:#FBF6EE;--edge:#E4D7C4;--text:#241C14;--muted:#6B5E4E;--accent:#B5642E;--accent-2:#8A4A22;--code-bg:#F1E8DA;--code-text:#3A2E1E;--danger:#A83A24;--danger-bg:#FBEAE4;--good:#2E6B41;--good-bg:#EAF3EC;--shadow:0 1px 0 rgba(36,28,20,.05)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.58 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{font-family:var(--mono);font-size:.92em;background:var(--code-bg);color:var(--code-text);padding:.12em .4em;border-radius:4px}pre{background:var(--code-bg);color:var(--code-text);border:1px solid var(--edge);border-radius:var(--radius);padding:14px 16px;overflow:auto;font:13.5px/1.5 var(--mono);tab-size:4}pre code{background:none;padding:0;color:inherit}h1,h2,h3,h4{line-height:1.25;font-weight:600}p,ul,ol{max-width:82ch}
.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--edge)}.topbar-inner{max-width:1440px;margin:auto;padding:10px 22px;display:flex;align-items:center;gap:16px}.brand{font-weight:700;color:var(--text);white-space:nowrap}.brand span{color:var(--accent)}.manual-switch{display:flex;gap:8px;flex:1}.pill{border:1px solid var(--edge);background:var(--panel);padding:6px 11px;border-radius:999px;color:var(--muted);font-size:13px}.pill.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 42%,var(--edge));font-weight:600}.theme-btn{border:1px solid var(--edge);background:var(--panel);color:var(--text);border-radius:999px;padding:6px 11px;cursor:pointer}
.hero{padding:58px 24px 38px;border-bottom:1px solid var(--edge);background:radial-gradient(1100px 400px at 15% -10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent),var(--bg)}.hero-inner{max-width:1180px;margin:auto}.kicker{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:16px}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero h1{font-size:clamp(32px,5vw,52px);margin:0 0 13px;letter-spacing:-.01em;max-width:20ch}.hero .lede{font-size:18px;color:var(--muted);max-width:70ch;margin:0 0 22px}.meta-row{display:flex;flex-wrap:wrap;gap:10px}.chip{font-size:13px;padding:6px 12px;border:1px solid var(--edge);border-radius:999px;color:var(--muted);background:var(--panel)}.chip strong{color:var(--text)}
.portal{max-width:1180px;margin:auto;padding:42px 24px 90px}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:20px 0}.portal-card{border:1px solid var(--edge);background:var(--panel);border-radius:16px;padding:22px;box-shadow:var(--shadow);overflow:hidden}.portal-card h2,.portal-card h3{margin:0 0 8px}.portal-card p{color:var(--muted);margin:0 0 15px}.portal-card .cover{width:145px;max-height:205px;object-fit:cover;float:right;margin:0 0 12px 20px;border-radius:8px;border:1px solid var(--edge)}.button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--edge);background:var(--panel-2);color:var(--text);padding:9px 14px;border-radius:8px;font-weight:600}.button.primary{background:var(--accent);border-color:var(--accent);color:white}.button:hover{text-decoration:none;filter:brightness(1.03)}
.docs{max-width:1440px;margin:auto;padding:28px 22px 100px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:42px}.sidebar{position:sticky;top:73px;max-height:calc(100vh - 92px);overflow:auto;padding-right:8px}.search{width:100%;border:1px solid var(--edge);background:var(--panel);color:var(--text);border-radius:8px;padding:9px 11px;margin-bottom:12px}.nav-chapter{border-bottom:1px solid color-mix(in srgb,var(--edge) 70%,transparent);padding:4px 0 8px}.nav-chapter summary{cursor:pointer;color:var(--text);font-weight:600;font-size:14px;padding:7px 8px}.nav-chapter a{display:block;color:var(--muted);font-size:13.5px;padding:5px 9px 5px 16px;border-left:2px solid transparent}.nav-chapter a.sub{padding-left:28px;font-size:13px}.nav-chapter a.deep{padding-left:39px;font-size:12.8px}.nav-chapter a:hover{color:var(--text);text-decoration:none}.nav-chapter a.active{color:var(--accent);border-left-color:var(--accent);font-weight:600;background:color-mix(in srgb,var(--accent) 5%,transparent)}
.article{min-width:0}.article-header{border-bottom:1px solid var(--edge);padding-bottom:18px;margin-bottom:22px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:10px}.breadcrumb a{color:var(--muted)}.article h1{font-size:34px;margin:0 0 8px}.article h2{font-size:21px;margin:30px 0 9px;padding-bottom:7px;border-bottom:1px solid var(--edge)}.article h3{font-size:18px;margin:25px 0 8px}.article p,.article li{max-width:86ch}.article li{margin:5px 0}.source-tag{font-size:12px;color:var(--muted)}.chapter-art{max-width:500px;width:100%;border:1px solid var(--edge);border-radius:12px;margin:8px 0 24px;background:white}.figure{margin:20px 0;max-width:900px}.figure img{max-width:100%;height:auto;border:1px solid var(--edge);border-radius:10px;background:white}.caption{font-size:13px;color:var(--muted);margin-top:6px}.callout{border:1px solid var(--edge);border-left:3px solid var(--accent);background:var(--panel);border-radius:0 var(--radius) var(--radius) 0;padding:14px 18px;margin:18px 0;max-width:86ch}.callout .label{font-weight:600;font-size:13px;color:var(--accent)}.table-wrap{overflow:auto;margin:18px 0;max-width:100%}table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--edge);vertical-align:top}th{color:var(--muted);font-size:13px}.nextprev{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--edge);margin-top:46px;padding-top:18px}.nextprev a{border:1px solid var(--edge);background:var(--panel);border-radius:8px;padding:10px 12px;max-width:48%}.topic-children{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:22px 0}.topic-child{border:1px solid var(--edge);background:var(--panel);border-radius:10px;padding:12px 14px;color:var(--text)}.topic-child small{display:block;color:var(--muted);margin-top:4px}.topic-child:hover{text-decoration:none;border-color:color-mix(in srgb,var(--accent) 40%,var(--edge))}
.search-page{max-width:1050px;margin:0 auto;padding:35px 24px 90px}.search-page input{width:100%;font-size:17px;border:1px solid var(--edge);background:var(--panel);color:var(--text);border-radius:10px;padding:12px 14px}.result{border-bottom:1px solid var(--edge);padding:14px 0}.result a{font-weight:600}.result p{color:var(--muted);font-size:14px;margin:5px 0}
footer{border-top:1px solid var(--edge);padding:28px 24px 50px}.footer-inner{max-width:1180px;margin:auto;color:var(--muted);font-size:13px}@media(max-width:900px){.docs{grid-template-columns:1fr}.sidebar{position:static;max-height:420px;border-bottom:1px solid var(--edge);padding-bottom:18px}.portal-grid{grid-template-columns:1fr}.topbar-inner{flex-wrap:wrap}.manual-switch{order:3;width:100%}}@media(max-width:600px){.hero{padding-top:36px}.docs,.portal{padding-left:16px;padding-right:16px}.portal-card .cover{float:none;width:110px}.manual-switch{overflow:auto}}
