@media(max-width:800px){
 .page::before{display:none!important;}
 .page .sidebar.left :is(.mobile-explorer,.kb-home-link,.search-button,.kb-graph-button,.darkmode,.readermode)[class]{border:0!important;box-shadow:none!important;background:color-mix(in srgb,var(--lightgray) 45%,transparent)!important;transition:opacity .22s,transform .22s;}
 .kb-controls-hidden .sidebar.left :is(.mobile-explorer,.kb-home-link,.search-button,.kb-graph-button,.darkmode,.readermode){opacity:0!important;visibility:hidden;pointer-events:none;}
 .kb-controls-hidden .sidebar.left [aria-expanded="true"]{opacity:1!important;visibility:visible!important;pointer-events:auto;}
}
.kb-brand{display:flex;align-items:center;gap:8px;min-width:0;}.kb-brand .page-title{margin:0;min-width:0;}.kb-home-link{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 72px;width:72px;height:40px;color:var(--darkgray);border:0;background:transparent;box-sizing:border-box;font-size:13px;text-decoration:none;}.kb-home-link svg{width:20px;height:20px;fill:none;stroke:currentColor;}.kb-home-link:hover{background:var(--highlight);}
@media(max-width:800px){.kb-brand{display:contents!important;}.kb-brand .page-title{display:none!important;}.kb-home-link{position:fixed;top:12px;left:60px;z-index:1100;border:1px solid var(--lightgray);border-radius:12px;background:color-mix(in srgb,var(--light) 76%,transparent);backdrop-filter:blur(12px);}}
@media(max-width:800px){
 .sidebar.left>.flex-component>div:has(>.readermode){position:fixed!important;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:1190;}
 .page .sidebar.left .readermode{width:48px!important;height:48px!important;background:color-mix(in srgb,var(--light) 72%,transparent)!important;backdrop-filter:blur(12px);border:1px solid var(--lightgray)!important;box-shadow:0 3px 12px color-mix(in srgb,var(--dark) 12%,transparent);}
}
.readermode svg.kb-panel-icon,.readermode svg.kb-panel-icon *{fill:none!important;stroke:currentColor!important;stroke-width:2!important;}
.note-properties-tags{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:6px!important;min-width:0;}
.note-properties-tags .tag-link{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;font-size:12px;padding:3px 7px;line-height:1.5;}
.note-properties-tags .note-properties-separator{display:none!important;}
.note-properties-table{width:100%;table-layout:auto!important;}
.note-properties-key{width:64px!important;vertical-align:top;}
.note-properties-value{min-width:0;width:auto!important;}
@media(max-width:600px){.note-properties-table,.note-properties-table tbody,.note-properties-table tr,.note-properties-table td{display:block!important;width:100%!important;box-sizing:border-box;}.note-properties-key{padding-bottom:6px!important;}.note-properties-value{padding-left:0!important;}}
/* Unified TOC tree: one quiet continuous guide per sibling group. */
body :is(.sidebar.right,#kb-article-toc) :is(.toc-content,.kb-toc-list) li{margin:0!important;padding:0!important;list-style:none;}
body :is(.sidebar.right,#kb-article-toc) :is(.toc-content,.kb-toc-list) a{display:block;border:0!important;background:transparent!important;padding:6px 10px!important;font-size:13px!important;font-weight:400!important;line-height:1.5;white-space:normal!important;border-radius:0!important;}
body :is(.sidebar.right,#kb-article-toc) :is(.toc-content,.kb-toc-list)>li>a{font-weight:600!important;}
body :is(.sidebar.right,#kb-article-toc) .kb-toc-branch{margin:0 0 0 12px!important;padding:0!important;border-left:1px solid color-mix(in srgb,var(--darkgray) 22%,var(--light));list-style:none;}
body :is(.sidebar.right,#kb-article-toc) :is(.toc-content,.kb-toc-list) a:hover,body :is(.sidebar.right,#kb-article-toc) :is(.toc-content,.kb-toc-list) a.in-view{background:var(--highlight)!important;border-radius:5px;color:var(--secondary);}
.page :is(.toc-content,.kb-toc-list) a{border-left-style:solid!important;}
.page :is(.toc-content,.kb-toc-list) .depth-0 a{border-left-width:4px!important;border-left-color:var(--darkgray)!important;}
.page :is(.toc-content,.kb-toc-list) .depth-1 a{border-left-width:3px!important;border-left-color:color-mix(in srgb,var(--darkgray) 70%,var(--light))!important;}
.page :is(.toc-content,.kb-toc-list) .depth-2 a{border-left-width:2px!important;border-left-color:color-mix(in srgb,var(--darkgray) 45%,var(--light))!important;}
.page :is(.toc-content,.kb-toc-list) .depth-3 a{border-left-width:1px!important;border-left-color:color-mix(in srgb,var(--darkgray) 25%,var(--light))!important;}
@media(min-width:801px){
 .sidebar.left>.flex-component{justify-content:flex-start!important;gap:8px!important;}
 .sidebar.left>.flex-component>div:has(.search){flex:0 0 40px!important;}
 .sidebar.left .search{flex:none!important;width:40px!important;min-width:0;}
 .sidebar.left .search-button p{display:none!important;}
 .sidebar.left :is(.search-button,.kb-graph-button,.darkmode,.readermode){display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:10px!important;margin:0!important;box-sizing:border-box;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:var(--darkgray);cursor:pointer;}
 .sidebar.left :is(.search-button,.kb-graph-button,.darkmode,.readermode) svg{width:20px!important;height:20px!important;flex:0 0 20px;}
 .sidebar.left :is(.search-button,.kb-graph-button,.darkmode,.readermode):hover{background:var(--highlight)!important;}
 .sidebar.left :is(.search-button,.kb-graph-button,.darkmode,.readermode):focus-visible{outline:2px solid var(--secondary);outline-offset:2px;}
}
/* File-tree rhythm adapted from shadcn/ui sidebar-11; keep Quartz tokens. */
.page .section-li>.section{grid-template-columns:128px minmax(0,1fr)!important;column-gap:16px;align-items:start;}
.page .section-li>.section>.meta{width:128px;margin:0;font-variant-numeric:tabular-nums;white-space:nowrap;}
.page .section-li>.section>.desc{min-width:0;}
@media(max-width:600px){.page .section-li>.section{grid-template-columns:minmax(0,1fr)!important;row-gap:6px;}.page .section-li>.section>.meta{width:auto;font-size:12px;}.page .section-li>.section>.desc h3{margin:0;}}
.page ul.tags{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center;gap:6px 8px;list-style:none;padding:0!important;}
.page ul.tags>li{display:inline-flex!important;width:auto!important;margin:0!important;padding:0!important;}
.page ul.tags .tag-link{white-space:nowrap;}
.page .section-li>.section>ul.tags{grid-column:2 / -1!important;width:100%!important;justify-content:flex-start!important;gap:6px 8px!important;}
@media(max-width:600px){.page .section-li>.section>ul.tags{grid-column:1 / -1!important;}}
.kb-graph-button,.kb-graph-close{display:none;}
@media(min-width:801px){
 .sidebar.right .toc-content{padding:0!important;list-style:none;max-height:48dvh;overflow-y:auto;mask-image:none!important;}
 .sidebar.right .toc-content li{margin:2px 0!important;padding:0!important;}
 .sidebar.right .toc-content a{display:block;padding:7px 10px;border-left:2px solid var(--lightgray);font-size:13px;line-height:1.5;white-space:normal!important;overflow-wrap:anywhere;opacity:1!important;color:var(--darkgray);text-decoration:none;}
 .sidebar.right .toc-content .depth-0{margin-top:12px!important;}
 .sidebar.right .toc-content .depth-0 a{font-weight:700;color:var(--dark);border-left:3px solid var(--secondary);background:var(--highlight);}
 .sidebar.right .toc-content .depth-1{margin-left:14px!important;margin-top:10px!important;}
 .sidebar.right .toc-content .depth-1 a{padding-left:10px;font-weight:600;border-left-width:2px;}
 .sidebar.right .toc-content .depth-2{margin-left:32px!important;}
 .sidebar.right .toc-content .depth-2 a{padding-left:10px;font-size:12px;font-weight:400;border-left-style:solid;}
 .sidebar.right .toc-content .depth-3{margin-left:50px!important;}
 .sidebar.right .toc-content .depth-3 a{padding-left:10px;font-size:12px;font-weight:400;border-left-style:dotted;}
 .sidebar.right .toc-content a:hover,.sidebar.right .toc-content a.in-view{background:var(--highlight);border-left-color:var(--secondary);color:var(--secondary);}
}
@media(max-width:1200px){
 .kb-graph-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;padding:10px;box-sizing:border-box;border:1px solid var(--lightgray);border-radius:12px;background:color-mix(in srgb,var(--light) 76%,transparent);backdrop-filter:blur(12px);color:var(--darkgray);cursor:pointer;}
 .kb-graph-button svg{width:20px;height:20px;}
 .sidebar.right{display:block!important;position:static!important;width:0!important;height:0!important;padding:0!important;pointer-events:none;}
 .sidebar.right>*{display:none!important;}
 .sidebar.right>.graph{display:block!important;pointer-events:auto;}
 .sidebar.right .graph>h3,.sidebar.right .graph>.graph-outer{display:none!important;}
 .kb-graph-open .sidebar.right .graph>.graph-outer{display:block!important;position:fixed;inset:72px 16px auto;z-index:1250;height:min(65dvh,540px);border:1px solid var(--lightgray);border-radius:12px;background:var(--light);box-shadow:0 8px 32px color-mix(in srgb,var(--dark) 16%,transparent);}
 .kb-graph-open .sidebar.right .graph-container{height:100%!important;width:100%!important;}
 .kb-graph-open .kb-graph-close{display:block;position:fixed;right:24px;top:78px;z-index:1251;border:0;border-radius:8px;background:var(--light);color:var(--darkgray);font-size:26px;cursor:pointer;}
}
@media(min-width:801px) and (max-width:1200px){.page #quartz-body{grid-template-columns:var(--kb-sidebar-width,280px) minmax(0,1fr)!important;column-gap:24px!important;}.page .sidebar.left{width:var(--kb-sidebar-width,280px)!important;}.sidebar.left>.flex-component{gap:8px!important;}.sidebar.left .search{min-width:0;flex:1;}.sidebar.left .search-button p{display:none!important;}}
article table th,article table td{vertical-align:top;}
@media(max-width:600px){
 article table{max-width:100%;overflow-x:auto;}
 article table.kb-mobile-records,article table.kb-mobile-records tbody{display:block;width:100%;box-sizing:border-box;}
 article table.kb-mobile-records thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 article table.kb-mobile-records tr{display:block;margin:0 0 12px;padding:12px 14px;border:1px solid var(--lightgray);border-radius:10px;background:color-mix(in srgb,var(--lightgray) 15%,var(--light));}
 article table.kb-mobile-records td{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:6px 0!important;border:0!important;font-size:14px;line-height:1.6;word-break:normal;overflow-wrap:anywhere;text-align:left;}
 article table.kb-mobile-records td::before{content:attr(data-label);font-size:12px;font-weight:600;color:var(--darkgray);}
 article table.kb-mobile-records td:first-child{font-weight:600;}
 article table.kb-mobile-records td p{margin:0;}
}
@media(max-width:800px){.page::before{content:'';position:fixed;top:0;left:0;right:0;height:64px;background:var(--light);z-index:900;pointer-events:none;}}
.kb-sidebar-resizer{display:none;}
#kb-library-backdrop{display:none;}
@media(min-width:801px){
 #quartz-body{grid-template-columns:var(--kb-sidebar-width,320px) minmax(0,1fr) 320px!important;column-gap:32px!important;}
 .sidebar.left .desktop-explorer,.sidebar.left .kb-type-legend{display:none!important;}
 .sidebar.left{width:var(--kb-sidebar-width,320px)!important;min-width:0;box-sizing:border-box;padding-top:16px!important;}
 .kb-sidebar-resizer{display:block;position:absolute;right:-4px;top:0;bottom:0;width:8px;cursor:col-resize;touch-action:none;z-index:20;}
 .kb-sidebar-resizer::after{content:'';position:absolute;left:3px;top:12px;bottom:12px;width:2px;background:var(--lightgray);border-radius:2px;}
 .kb-sidebar-resizer:hover::after,.kb-sidebar-resizer:focus-visible::after,.kb-resizing .kb-sidebar-resizer::after{background:var(--secondary);}
 .kb-resizing,.kb-resizing *{cursor:col-resize!important;user-select:none!important;}
}
.explorer .explorer-ul li { margin:1px 0!important; }
@media(min-width:801px){
 .sidebar.left .explorer .explorer-ul li>a.nav-file-title{min-height:28px!important;padding:4px 9px!important;}
 .sidebar.left .explorer .folder-container{min-height:28px!important;padding:2px 7px!important;}
 .sidebar.left .explorer .folder-button{min-height:24px!important;}
 .sidebar.left .explorer .explorer-ul>li{margin-bottom:2px!important;}
}
.explorer .explorer-ul li>a.nav-file-title { display:flex!important;align-items:center;gap:9px;min-height:36px;padding:7px 9px!important;margin:0!important;line-height:20px;font-size:13px;font-weight:400!important;box-sizing:border-box;border-radius:6px;min-width:0;max-width:100%;color:var(--darkgray);text-decoration:none; }
.explorer .kb-nav-text {display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;}
.explorer .kb-nav-icon {width:16px;height:16px;flex:0 0 16px;opacity:.72;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.explorer .explorer-ul li>a.nav-file-title:hover,.explorer .folder-container:hover {background:var(--lightgray);color:var(--dark);}
.explorer .explorer-ul li>a.kb-current {background:var(--highlight)!important;color:var(--secondary)!important;font-weight:600!important;box-shadow:inset 2px 0 0 var(--secondary);}
.explorer .explorer-ul li>a:focus-visible,.explorer .folder-button:focus-visible {outline:2px solid var(--secondary);outline-offset:2px;}
.explorer .folder-container {min-height:36px;gap:6px!important;padding:4px 7px!important;border-radius:6px;box-sizing:border-box;}
.explorer .folder-container>div {min-width:0;flex:1;}
.explorer .folder-button {display:flex;align-items:center;gap:8px;min-width:0;min-height:28px;font-size:13px;font-weight:600;}
.explorer .folder-title {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;}
.explorer .folder-icon {flex:0 0 12px;opacity:.6;}
.explorer .folder-outer>ul {margin-left:7px!important;padding-left:12px!important;border-left:1px solid var(--lightgray);}
.explorer .explorer-ul>li {margin-bottom:5px!important;}
.explorer .explorer-content {padding-right:4px;scrollbar-width:thin;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;}
.explorer .explorer-ul{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;flex:0 0 auto!important;}
.explorer .kb-type-legend {display:flex;flex-wrap:wrap;gap:7px 12px;margin:4px 0 12px;padding:10px 4px;border-bottom:1px solid var(--lightgray);font-size:11px;line-height:16px;color:var(--gray);}
.explorer .kb-type-legend span {display:inline-flex;gap:5px;align-items:center;white-space:nowrap;}
.explorer .kb-type-legend .kb-nav-icon {width:13px;height:13px;flex-basis:13px;}
/* The book button opens the current article outline, not the library tree. */
.kb-article-toc[hidden]{display:none!important;}
.kb-article-toc{position:fixed;z-index:1200;top:64px;right:16px;width:min(340px,calc(100vw - 32px));max-height:70dvh;overflow:auto;box-sizing:border-box;border:1px solid var(--lightgray);border-radius:12px;padding:14px;background:var(--light);background:color-mix(in srgb,var(--light) 94%,transparent);backdrop-filter:blur(14px);box-shadow:0 8px 32px color-mix(in srgb,var(--dark) 14%,transparent);color:var(--darkgray);}
.kb-toc-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:8px;}
.kb-toc-heading button{border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer;width:32px;height:32px;}
.kb-toc-list{margin:0;padding:0;list-style:none;}.kb-toc-list li{margin:3px 0;}.kb-toc-list li.depth-1{padding-left:12px}.kb-toc-list li.depth-2{padding-left:24px}.kb-toc-list li.depth-3{padding-left:36px}.kb-toc-list a{display:block;padding:8px;border-radius:6px;color:var(--darkgray);font-size:13px;line-height:1.5;overflow-wrap:anywhere;text-decoration:none}.kb-toc-list a:hover{background:var(--lightgray);color:var(--secondary)}
@media(max-width:800px){
 .sidebar.left{display:contents!important;}
 .sidebar.left>.page-title,.sidebar.left>.mobile-only,.sidebar.left .kb-type-legend{display:none!important;}
 .sidebar.right{display:block!important;}
 .sidebar.left .explorer{display:block!important;position:fixed!important;left:12px!important;top:12px!important;right:auto!important;bottom:auto!important;width:40px!important;height:40px!important;padding:0!important;margin:0!important;overflow:visible!important;z-index:1100;}
 .sidebar.left .mobile-explorer{display:flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;padding:10px!important;margin:0!important;box-sizing:border-box;border:1px solid var(--lightgray);border-radius:12px;background:var(--light);background:color-mix(in srgb,var(--light) 76%,transparent);backdrop-filter:blur(12px);color:var(--darkgray);}
 .sidebar.left .mobile-explorer svg{width:20px;height:20px;stroke:currentColor;fill:none;}
 .sidebar.left .explorer .explorer-content{display:none!important;position:fixed!important;left:12px!important;top:62px!important;width:min(340px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:min(70dvh,560px)!important;height:auto!important;padding:12px!important;overflow:auto!important;box-sizing:border-box;border:1px solid var(--lightgray);border-radius:12px;background:color-mix(in srgb,var(--light) 94%,transparent);backdrop-filter:blur(14px);box-shadow:0 8px 32px color-mix(in srgb,var(--dark) 14%,transparent);transform:none!important;}
 .sidebar.left .explorer:not(.collapsed) .explorer-content{display:block!important;opacity:1!important;visibility:visible!important;}
 .kb-library-open #kb-library-backdrop{display:block;position:fixed;inset:0;z-index:1000;background:transparent;}
 .sidebar.left>.flex-component{position:fixed!important;top:12px;right:12px;z-index:1100;display:flex!important;gap:8px!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;background:transparent!important;}
 .sidebar.left>.flex-component>div{flex:0 0 auto!important;}
 .sidebar.left .search{width:40px!important;}
 .sidebar.left .search-button,.sidebar.left .darkmode,.sidebar.left .readermode{display:flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;box-sizing:border-box;padding:10px!important;margin:0!important;border:1px solid var(--lightgray);border-radius:12px;background:var(--light);background:color-mix(in srgb,var(--light) 76%,transparent);backdrop-filter:blur(12px);color:var(--darkgray);}
 .sidebar.left .search-button p{display:none!important;}
 .sidebar.left .search-button svg,.sidebar.left .readermode svg{width:20px!important;height:20px!important;flex:0 0 20px;}
 #quartz-body{padding-top:12px!important;}
 .center{margin-top:0!important;padding-top:0!important;}
 .kb-article-toc{top:62px;right:12px;width:calc(100vw - 24px);}
}
.kb-toc-list li.depth-0{margin-top:12px;}.kb-toc-list li.depth-0 a{font-weight:700;background:var(--highlight);border-left:3px solid var(--secondary);}.kb-toc-list li.depth-1{padding-left:14px;margin-top:10px;}.kb-toc-list li.depth-1 a{font-weight:600;border-left:2px solid var(--lightgray);}.kb-toc-list li.depth-2{padding-left:32px;}.kb-toc-list li.depth-2 a{font-size:12px;border-left:2px dashed var(--lightgray);}.kb-toc-list li.depth-3{padding-left:50px;}.kb-toc-list li.depth-3 a{font-size:12px;border-left:2px dotted var(--lightgray);}
@media(max-width:800px){.explorer .explorer-ul li>a.nav-file-title{min-height:40px;padding:9px!important;}.explorer .folder-container{min-height:40px}.explorer .explorer-content{max-width:calc(100vw - 32px)!important;width:100%!important;box-sizing:border-box;}.explorer .explorer-content .explorer-ul{max-width:100%;box-sizing:border-box;}}
/* Codex's introduction and explicit routes between the independently deployed sites. */
.kb-eyebrow{letter-spacing:.16em;font:12px var(--codeFont);color:var(--secondary);margin-bottom:12px;}
.kb-codex-home h2{line-height:1.35;scroll-margin-top:76px;}.kb-codex-home h2:first-of-type{font-size:clamp(1.7rem,3vw,2.4rem);margin-top:0;}
.kb-codex-home .kb-intro{font-size:1.08rem;line-height:1.85;}
.kb-cross-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 36px;}.kb-cross-links a{padding:9px 13px;border:1px solid var(--lightgray);border-radius:10px;text-decoration:none;font-size:.9rem;}
.kb-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 36px;}
.kb-topic{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--lightgray);border-radius:12px;text-decoration:none;background:color-mix(in srgb,var(--lightgray) 12%,transparent);}
.kb-topic:hover,.kb-cross-links a:hover{background:var(--highlight);border-color:var(--secondary);}.kb-topic span{font-size:.85rem;font-weight:400;color:var(--darkgray);line-height:1.6;}.kb-topic small{font-size:.75rem;font-weight:400;color:var(--secondary);}
.kb-codex-footer{margin-top:40px;border-top:1px solid var(--lightgray);padding-top:20px;}.kb-codex-footer nav{display:flex;gap:10px 18px;flex-wrap:wrap;margin:12px 0;}.kb-codex-footer small{font-size:11px;}
.kb-home-link:focus-visible,.kb-topic:focus-visible,.kb-cross-links a:focus-visible{outline:2px solid var(--secondary);outline-offset:3px;}
@media(max-width:800px){.page #quartz-body{padding-top:72px!important;}.kb-topic-grid{grid-template-columns:1fr;}.kb-codex-home .kb-intro{font-size:1rem;}.kb-home-link{border-radius:12px;}}
