*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f8;color:#171a20;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}.topbar{height:70px;display:flex;align-items:center;gap:30px;padding:0 max(24px,calc((100vw - 1240px)/2));background:rgba(245,246,248,.9);backdrop-filter:blur(14px);border-bottom:1px solid #dddfe4;position:sticky;top:0;z-index:50}.brand{font-weight:800;font-size:21px;letter-spacing:-.8px;margin-right:auto}.sun{display:inline-block;margin-right:7px;color:#ef9d26;font-size:26px}.dot{color:#ef9d26}nav{display:flex;gap:24px;font-size:14px;font-weight:650;color:#555c68}nav a{text-decoration:none}nav a:hover{color:#111}.actions{display:flex;gap:8px}.actions button,.secondary,.search-modal button{border:1px solid #d6d9df;background:white;border-radius:8px;padding:8px 12px;font:inherit;cursor:pointer}.hero{max-width:1240px;margin:0 auto;padding:100px 24px 72px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#d48417;margin-bottom:14px}.hero h1{font-size:clamp(54px,7vw,90px);line-height:.95;letter-spacing:-5px;margin:0 0 28px}.hero h1 span{color:#e79b28}.lede{font-size:19px;max-width:650px;color:#59616d}.hero-actions{display:flex;gap:10px;margin:30px 0}.primary{background:#15191f;color:white;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:750}.secondary{font-weight:700}.hero-meta{font-size:12px;color:#737a85;display:flex;gap:10px}.terminal,.codebox{background:#11151a;color:#d9e0e7;border:1px solid #2b3038;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.13);overflow:auto}.terminal{transform:rotate(1deg)}.term-head{height:38px;padding:0 13px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #2a3036;color:#89929d;font-size:12px}.term-head span{width:9px;height:9px;border-radius:50%;background:#565d65}.term-head b{margin-left:auto;margin-right:auto;font-weight:500}.terminal pre,.codebox pre{margin:0;padding:20px;font:13px/1.7 "SFMono-Regular",Consolas,monospace}.terminal i{color:#ef9d28;font-style:normal}.stats{border-top:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);background:white}.stats div{padding:25px max(24px,calc((100vw - 1240px)/2));padding-right:0;border-right:1px solid #e1e3e7}.stats div:last-child{border-right:0}.stats strong{display:block;font-size:25px}.stats span{font-size:12px;color:#737a85}.section{max-width:1240px;margin:0 auto;padding:90px 24px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section-head h2{font-size:42px;letter-spacing:-2px;line-height:1.05;margin:0}.section-head p{max-width:440px;color:#68707b;margin:0}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.card{background:white;border:1px solid #dedfe3;border-radius:10px;padding:22px;min-height:220px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.07)}.card .icon{font-size:25px;color:#e39a29;margin-bottom:14px}.card h3{margin:0 0 8px}.card p{font-size:13px;color:#666e79;min-height:76px}.card a{font-size:12px;font-weight:800;text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.split h3{margin-top:0}.codebox{position:relative}.codebox .copy,.command-table .copy{position:absolute;right:9px;top:9px;background:#252b32;color:#cbd2da;border:1px solid #3c444d;border-radius:5px;padding:4px 7px;font-size:11px;cursor:pointer}.callout{margin-top:20px;border-left:3px solid #e19a29;background:#fff8eb;padding:14px 16px;border-radius:0 8px 8px 0;font-size:13px}.callout.warning{margin-top:30px}.mini-grid,.perf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.mini-grid>div,.perf-grid>div{background:white;border:1px solid #dedfe3;border-radius:10px;padding:20px}.mini-grid code,.perf-grid code,.command-grid code{display:block;background:#f0f1f4;padding:5px 7px;border-radius:5px;font:12px monospace;margin-top:7px}.dark-section{max-width:none;background:#171b20;color:#edf1f4;padding-left:max(24px,calc((100vw - 1192px)/2));padding-right:max(24px,calc((100vw - 1192px)/2))}.dark-section .section-head p{color:#aeb6bf}.dark-section .checklist{color:#cbd2d9}.checklist{padding-left:20px}.checklist li{margin:12px 0}.command-table{border:1px solid #dedfe3;border-radius:10px;overflow:hidden;background:white}.command-table div{position:relative;display:grid;grid-template-columns:130px 1fr 70px;align-items:center;padding:13px 14px;border-bottom:1px solid #e6e7ea;font-size:13px}.command-table div:last-child{border-bottom:0}.command-table span{color:#737a85}.command-table code{font-family:monospace}.command-table .copy{position:static;justify-self:end}.steps{padding-left:25px}.steps li{margin:10px 0}.large pre{min-height:250px}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.command-grid>div{background:white;border:1px solid #dedfe3;border-radius:10px;padding:20px}.troubleshoot{display:flex;gap:8px;flex-wrap:wrap}.troubleshoot button{border:1px solid #d5d8de;background:white;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer}.troubleshoot button.active{background:#181c21;color:white}.trouble-pane{display:none;margin-top:15px;background:white;border:1px solid #dedfe3;border-radius:10px;padding:24px}.trouble-pane.active{display:block}.trouble-pane pre{background:#11151a;color:#d9e0e7;border-radius:8px;padding:15px;overflow:auto}.filter{width:100%;padding:14px;border:1px solid #d4d7dc;border-radius:8px;font:inherit;margin-bottom:15px}.ref-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ref-item{background:white;border:1px solid #dedfe3;border-radius:8px;padding:13px 15px;display:grid;grid-template-columns:125px 1fr auto;gap:10px;align-items:center}.ref-item b{font-size:12px}.ref-item code{font-size:12px}.ref-item button{border:0;background:#eef0f3;border-radius:5px;padding:4px 7px;cursor:pointer}.sources{display:flex;gap:10px;flex-wrap:wrap}.sources a{background:white;border:1px solid #dddfe3;padding:10px 13px;border-radius:7px;font-size:12px;text-decoration:none}.fineprint{font-size:11px;color:#858b94;margin-top:35px}.about{padding-bottom:110px}.search-modal{display:none;position:fixed;inset:0;background:rgba(10,12,15,.65);z-index:100;padding:10vh 20px}.search-modal.open{display:block}.search-panel{max-width:720px;margin:auto;background:#f7f8fa;border-radius:12px;padding:25px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.3)}.close{position:absolute;right:15px;top:15px;font-size:22px;border:0!important;background:transparent!important}.search-panel input{width:100%;padding:15px;border:1px solid #d2d5db;border-radius:8px;font-size:18px;margin:5px 0 15px}.search-result{padding:12px;border-top:1px solid #ddd}.search-result a{font-weight:800;text-decoration:none}.search-result p{margin:3px 0;font-size:12px;color:#69717b}footer{background:#15191f;color:#9ba4ae;display:flex;justify-content:space-between;padding:25px max(24px,calc((100vw - 1240px)/2));font-size:11px}body.light2{background:#fff}.dark body{}@media(max-width:950px){nav{display:none}.hero{grid-template-columns:1fr}.terminal{transform:none}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.mini-grid,.perf-grid,.command-grid{grid-template-columns:1fr 1fr}.ref-list{grid-template-columns:1fr}}@media(max-width:620px){.hero{padding-top:65px}.hero h1{letter-spacing:-3px}.stats{grid-template-columns:1fr 1fr}.stats div{padding:18px}.cards,.mini-grid,.perf-grid,.command-grid{grid-template-columns:1fr}.section{padding:65px 18px}.section-head{display:block}.section-head h2{font-size:34px;margin-bottom:12px}.ref-item{grid-template-columns:1fr auto}.ref-item b{display:none}footer{display:block}footer span{display:block;margin:5px 0}.hero-meta{flex-wrap:wrap}}
body.darkmode{background:#0e1115;color:#e9edf1}body.darkmode .topbar{background:rgba(14,17,21,.9);border-color:#292e35}body.darkmode nav{color:#aeb6c0}body.darkmode .card,body.darkmode .stats,body.darkmode .mini-grid>div,body.darkmode .perf-grid>div,body.darkmode .command-grid>div,body.darkmode .command-table,body.darkmode .trouble-pane,body.darkmode .sources a,body.darkmode .troubleshoot button,body.darkmode .secondary,body.darkmode .search-panel{background:#171b20;color:#e9edf1;border-color:#2d333b}body.darkmode .stats{border-color:#292e35}body.darkmode .stats div{border-color:#292e35}body.darkmode .card p,body.darkmode .section-head p,body.darkmode .stats span{color:#9ca5af}body.darkmode .mini-grid code,body.darkmode .perf-grid code{background:#242a31}body.darkmode .filter,body.darkmode .search-panel input{background:#11151a;color:white;border-color:#333a43}body.darkmode .ref-item{background:#171b20;border-color:#2d333b}

/* Expanded reference */
:root{--ldom:#7c3aed;--ok:#0d9f6e;--warn:#c56a00}
.ticker{display:flex;gap:1.4rem;overflow:hidden;white-space:nowrap;padding:13px 5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.ticker span{opacity:.72}
.chapter{scroll-margin-top:86px}.chapter-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.chapter-nav a{border:1px solid var(--line);border-radius:999px;padding:7px 11px;text-decoration:none;color:inherit;font-size:13px}.chapter-nav a:hover{border-color:var(--accent)}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--panel)}.guide-card h3{margin:.4rem 0}.guide-card .num{font:700 11px ui-monospace,monospace;color:var(--accent);letter-spacing:.1em}.guide-card ul{padding-left:18px;color:var(--muted);line-height:1.65}
.arch{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:stretch;margin-top:25px}.arch .layer{padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:14px}.arch b{display:block;margin-bottom:7px}.arch small{opacity:.7}.dark-section .arch code{display:block;margin-top:8px}
.usecase{border-left:4px solid var(--accent);padding:14px 16px;background:var(--soft);border-radius:0 12px 12px 0;margin:16px 0}.usecase b{display:block;margin-bottom:5px}.warning{border-left-color:var(--warn)}.success{border-left-color:var(--ok)}
.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.role{border:1px solid var(--line);border-radius:14px;padding:16px}.role strong{display:block;color:var(--ldom);margin-bottom:6px}.role p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0}.flow span{border:1px solid var(--line);border-radius:12px;padding:12px 15px;background:var(--panel);font-weight:700}.flow i{font-style:normal;color:var(--accent);font-size:20px}
.recipe{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:18px 0}.recipe-head{padding:14px 18px;background:var(--soft);display:flex;justify-content:space-between;gap:12px}.recipe-body{padding:18px}.recipe h4{margin:0}.recipe p{color:var(--muted)}
.checklist{columns:2;column-gap:28px;padding-left:20px}.checklist li{break-inside:avoid;margin:0 0 9px}
.ref-table{width:100%;border-collapse:collapse;font-size:14px}.ref-table th,.ref-table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.ref-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ref-table code{white-space:nowrap}
.command-toolbar{display:flex;gap:10px;align-items:center;margin:16px 0}.command-toolbar input,.search-modal input{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:inherit;font:inherit}
.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.source-grid a{display:block;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:inherit}.source-grid a:hover{border-color:var(--accent)}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--soft);font:700 10px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.ldom-badge{color:var(--ldom)}
@media(max-width:900px){.guide-grid{grid-template-columns:1fr 1fr}.arch{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr 1fr}.source-grid{grid-template-columns:1fr}}
@media(max-width:600px){.guide-grid,.role-grid{grid-template-columns:1fr}.checklist{columns:1}.ref-table{font-size:12px}.ref-table th:nth-child(3),.ref-table td:nth-child(3){display:none}}

/* Featured field-manual directory */
.deep-index{padding-top:64px;padding-bottom:78px}
.deep-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:20px 0 22px;flex-wrap:wrap}
.deep-toolbar input{flex:1;min-width:230px;padding:16px 18px;border:1px solid #9bacc266;border-radius:12px;background:transparent;color:inherit;font:inherit}
.deep-all{font-weight:750;text-decoration:none;color:#f28b37}
.deep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.deep-card{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid #9bacc23d;border-radius:15px;background:rgba(115,146,181,.065);text-decoration:none;color:inherit;transition:transform .18s,border-color .18s}
.deep-card:hover{transform:translateY(-3px);border-color:#f28b37}
.deep-category{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#d37d2f;font-weight:800}
.deep-card strong{font-size:18px;line-height:1.3}
.deep-card small{font-size:13px;line-height:1.6;opacity:.76;flex:1}
.deep-arrow{font-size:13px;font-weight:800;color:#d37d2f;margin-top:5px}
.deep-count{font-size:13px;opacity:.65}
@media(max-width:900px){.deep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.deep-grid{grid-template-columns:1fr}.deep-index{padding-top:42px}}

/* Manual index visibility and responsive layout */
.deep-card[hidden]{display:none!important}
.deep-index{scroll-margin-top:90px}
.deep-grid{align-items:stretch}