@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--ink:#16191f;--ink-2:#1c2129;--ink-3:#262c36;--canvas:#f3f5f8;--surface:#fff;--line:#e4e8ee;--line-2:#edeff3;--text:#1e2530;--muted:#6a7484;--faint:#98a1af;--accent:#0e7490;--accent-2:#0b6275;--accent-soft:#e0f1f4;--accent-line:#bfe2e8;--green:#15803d;--green-soft:#e5f4ea;--slate:#5b6675;--slate-soft:#ebeef2;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;font-size:14px}.kb-root{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}svg{vertical-align:middle}.shell{flex:1;min-height:0;display:flex}.sidebar{background:var(--ink);color:#cbd3de;flex-direction:column;flex-shrink:0;width:256px;min-height:0;display:flex}.sb-brand{text-align:left;align-items:center;gap:10px;width:100%;padding:16px 18px 14px;display:flex}.sb-glyph{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.sb-name{font-family:var(--font-display);color:#fff;font-size:15px;font-weight:700;line-height:1.1}.sb-name small{font-family:var(--font-mono);color:#8893a3;letter-spacing:.02em;font-size:11px;font-weight:400;display:block}.sb-section{text-transform:uppercase;letter-spacing:.1em;color:#717c8c;margin-top:6px;padding:6px 14px;font-size:10.5px}.tree-wrap{flex:1;min-height:0;padding:4px 10px 16px;overflow-y:auto}.tree-wrap::-webkit-scrollbar{width:8px}.tree-wrap::-webkit-scrollbar-thumb{background:#2c333e;border-radius:4px}.folder-row{text-align:left;color:#b7c0cd;border-radius:7px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:13px;transition:background .12s;display:flex}.folder-row:hover{background:var(--ink-2)}.folder-row.active{background:var(--ink-3);color:#fff}.folder-row .flabel{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.folder-row .fcount{font-family:var(--font-mono);color:#76808f;margin-left:auto;font-size:11px}.folder-row.active .fcount{color:#9fb9c0}.sb-foot{border-top:1px solid #262c35;flex-direction:column;gap:4px;padding:12px;display:flex}.foot-link{color:#b7c0cd;text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:8px;font-size:12.5px;text-decoration:none;transition:background .12s;display:flex}.foot-link:hover{background:var(--ink-2);color:#fff}.foot-link small{font-family:var(--font-mono);color:#76808f;margin-left:auto;font-size:10.5px}.oss-pill{color:#5fc08a;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex}.main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:16px;height:56px;padding:0 22px;display:flex}.crumbs{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:7px;min-width:0;font-size:12.5px;display:flex}.crumbs a{color:var(--muted);transition:color .12s}.crumbs a:hover{color:var(--accent)}.crumbs .cur{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crumbs .sep{color:var(--faint);display:inline-flex}.topbar-r{align-items:center;gap:12px;margin-left:auto;display:flex}.gate-pill{color:var(--green);background:var(--green-soft);white-space:nowrap;border:1px solid #c8e6d2;border-radius:20px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:500;display:flex}.menu-btn{display:none}.content{flex:1;min-height:0;overflow-y:auto}.content-inner{max-width:1080px;margin:0 auto;padding:30px 32px 64px}.searchbar{align-items:center;gap:10px;margin-bottom:8px;display:flex}.search-field{background:var(--surface);border:1px solid var(--line);border-radius:11px;flex:1;align-items:center;gap:10px;padding:12px 15px;transition:border-color .12s,box-shadow .12s;display:flex}.search-field:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.search-field input{font-family:var(--font-body);color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14.5px}.search-field input::placeholder{color:var(--faint)}.search-hint{color:var(--faint);margin:0 0 10px;padding-left:3px;font-size:12px}.chips{flex-wrap:wrap;gap:8px;margin:2px 0 26px;display:flex}.chip{color:var(--accent-2);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:18px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;display:inline-flex}.sec-head{align-items:center;gap:9px;margin:30px 0 14px;display:flex}.sec-head h2{font-family:var(--font-display);color:var(--text);letter-spacing:.2px;margin:0;font-size:15px;font-weight:600}.sec-head .ic{color:var(--muted);display:inline-flex}.sec-head .badge{font-family:var(--font-mono);color:var(--muted);background:var(--slate-soft);border-radius:20px;margin-left:auto;padding:3px 10px;font-size:11.5px}.page-h{align-items:flex-start;gap:14px;margin-bottom:4px;display:flex}.page-h .ttl{flex:1}.page-h h1{font-family:var(--font-display);letter-spacing:-.2px;margin:0;font-size:24px;font-weight:700}.page-h p{color:var(--muted);margin:5px 0 0;font-size:13.5px;line-height:1.5}.btn-ghost{color:var(--muted);border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .12s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent-line);color:var(--accent)}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 4px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 16px}.stat .n{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1}.stat .l{color:var(--muted);margin-top:6px;font-size:12px}.folder-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.fcard{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:13px;flex-direction:column;gap:11px;width:100%;padding:17px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.fcard:hover{border-color:var(--accent-line);transform:translateY(-2px);box-shadow:0 10px 26px #0f283712}.fcard-ic{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.fcard b{font-family:var(--font-display);font-size:14.5px;font-weight:600}.fcard p{color:var(--muted);margin:3px 0 0;font-size:12.5px;line-height:1.45}.fcard .meta{font-family:var(--font-mono);color:var(--faint);margin-top:auto;font-size:11.5px}.cols{grid-template-columns:1fr 1fr;gap:30px;margin-top:8px;display:grid}.lst{flex-direction:column;gap:2px;display:flex}.lrow{text-align:left;border-radius:9px;align-items:center;gap:12px;width:100%;padding:11px 12px;transition:background .12s;display:flex}.lrow:hover{background:var(--surface)}.lrow .li-ic{color:var(--muted);flex-shrink:0;display:inline-flex}.lrow .li-body{flex:1;min-width:0}.lrow .li-body b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;display:block;overflow:hidden}.lrow .li-body span{color:var(--muted);font-size:11.5px}.alist{flex-direction:column;gap:10px;margin-top:6px;display:flex}.arow{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:16px;width:100%;padding:15px 17px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.arow:hover{border-color:var(--accent-line);transform:translateY(-1px);box-shadow:0 6px 18px #0f28370f}.arow .a-body{flex:1;min-width:0}.arow .a-body b{font-family:var(--font-display);margin-bottom:5px;font-size:15px;font-weight:600;display:block}.arow .a-body .a-sum{color:var(--muted);margin:0 0 4px;font-size:12.5px;line-height:1.45}.arow .a-tags{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.a-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:11.5px;display:flex}.a-meta span{align-items:center;gap:5px;display:inline-flex}.arow>.chev{color:var(--faint);flex-shrink:0;display:inline-flex}.tagx{font-family:var(--font-mono);color:var(--muted);background:var(--slate-soft);border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.article{grid-template-columns:1fr 252px;align-items:start;gap:32px;display:grid}.art-main{min-width:0}.art-head h1{font-family:var(--font-display);letter-spacing:-.3px;margin:14px 0 0;font-size:26px;font-weight:700;line-height:1.2}.art-byline{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 20px;padding-bottom:20px;font-size:12.5px;display:flex}.art-byline span{align-items:center;gap:6px;display:inline-flex}.art-body{color:#2b3340;font-size:15px;line-height:1.68}.art-body h2{font-family:var(--font-display);color:var(--text);margin:30px 0 12px;font-size:18px;font-weight:600}.art-body h3{font-family:var(--font-display);color:var(--text);margin:24px 0 10px;font-size:15.5px;font-weight:600}.art-body>h1:first-child{display:none}.art-body h1{font-family:var(--font-display);color:var(--text);margin:30px 0 12px;font-size:20px;font-weight:600}.art-body p{margin:0 0 15px}.art-body a{color:var(--accent);text-decoration:underline}.art-body ol,.art-body ul{margin:0 0 16px;padding-left:4px;list-style:none}.art-body ol li{margin-bottom:4px;padding:4px 0 4px 38px;position:relative}.art-body ol li:before{content:attr(data-step);background:var(--accent-soft);width:24px;height:24px;color:var(--accent);font-family:var(--font-mono);border-radius:7px;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;top:3px;left:0}.art-body ul li{margin-bottom:3px;padding:3px 0 3px 22px;position:relative}.art-body ul li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:13px;left:6px}.art-body code{font-family:var(--font-mono);background:var(--slate-soft);color:#0a5566;border-radius:5px;padding:2px 6px;font-size:13px}.art-body pre{border-radius:10px;margin:0 0 16px;padding:14px 16px;font-size:13px;line-height:1.55;overflow-x:auto}.art-body pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.art-body blockquote{background:var(--accent-soft);border:1px solid var(--accent-line);color:#0a5566;border-radius:10px;margin:0 0 16px;padding:13px 15px;font-size:13.5px;line-height:1.55}.art-body blockquote p{margin:0 0 8px}.art-body blockquote p:last-child{margin:0}.art-body blockquote code{color:inherit;background:#ffffffb3}.art-body blockquote.callout-warning{color:#7d5a11;background:#fcf4e2;border-color:#efdcae}.art-body blockquote.callout-danger{color:#8e2525;background:#fbebeb;border-color:#efc3c3}.art-body blockquote.callout-success{background:var(--green-soft);color:var(--green);border-color:#c8e6d2}.art-body img{border-radius:10px;max-width:100%}.art-body hr{border:none;border-top:1px solid var(--line);margin:28px 0}.art-body table{border-collapse:collapse;margin:0 0 16px;font-size:13.5px}.art-body th,.art-body td{border:1px solid var(--line);text-align:left;padding:7px 12px}.art-body th{background:var(--slate-soft);font-weight:600}.art-side{flex-direction:column;gap:18px;display:flex;position:sticky;top:0}.side-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}.side-card h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 13px;font-size:11px;font-weight:600}.side-row{color:var(--text);align-items:center;gap:9px;margin-bottom:11px;font-size:12.5px;display:flex}.side-row:last-child{margin-bottom:0}.side-row .sr-ic{color:var(--faint);flex-shrink:0;display:inline-flex}.side-row .sr-l{color:var(--muted)}.side-row .sr-v{text-align:right;overflow-wrap:anywhere;margin-left:auto;font-weight:500}.related a{color:var(--text);text-align:left;align-items:center;gap:8px;width:100%;padding:8px 0;font-size:12.5px;transition:color .12s;display:flex}.related a:hover{color:var(--accent)}.a-tags{flex-wrap:wrap;gap:6px;display:flex}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty .ei{background:var(--slate-soft);width:52px;height:52px;color:var(--faint);border-radius:14px;place-items:center;margin:0 auto 14px;display:grid}@media (width<=920px){.sidebar{z-index:40;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:0 0 40px #0006}.menu-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--text);border-radius:9px;place-items:center;display:inline-grid}.stats,.folder-grid{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr;gap:8px}.article{grid-template-columns:1fr}.gate-pill{display:none}}@media (width<=560px){.folder-grid{grid-template-columns:1fr}.content-inner{padding:22px 18px 50px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.scrim{display:none}@media (width<=920px){.scrim.show{z-index:35;background:#00000059;display:block;position:fixed;inset:0}}