:root{--bar-h:65px}.dir-top{justify-content:space-between;align-items:end;gap:var(--space-5);padding:var(--space-5) var(--page-pad) 0;border-bottom:1px solid var(--line);display:flex}.dir-top h1{padding:var(--space-2) 0 var(--space-4)}.dir-tabs{gap:var(--space-5);display:flex}.dir-tabs a{padding:var(--space-3) 0;color:var(--fg-3);border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;font-weight:500;text-decoration:none;display:flex}.dir-tabs a:hover{color:var(--fg)}.dir-tabs a[aria-current]{color:var(--fg);border-color:var(--brand)}.dir-tabs span{border-radius:var(--radius-xs);background:var(--stone-100);color:var(--fg-3);padding:2px 6px;font-size:12px}.dir-tabs a[aria-current] span{background:var(--brand-soft);color:var(--brand-soft-fg)}.dir-bar{top:var(--nav-h);z-index:6;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--page-pad);background:var(--bg-raised);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex;position:sticky}.dir-bar .select,.dir-bar .dir-pop{flex:none;width:auto}.dir-search{flex:220px;max-width:340px;display:block;position:relative}.dir-search svg{fill:none;width:18px;height:18px;stroke:var(--fg-3);stroke-width:1.8px;stroke-linecap:round;position:absolute;top:11px;left:11px}.dir-search .input{padding-left:36px}.dir-pop{position:relative}.dir-pop>summary{align-items:center;gap:8px;line-height:40px;list-style:none;display:flex}.dir-pop>summary::-webkit-details-marker{display:none}.dir-pop>summary[data-n]:not([data-n=""]):after{content:attr(data-n);font:500 11px/18px var(--font-mono);text-align:center;border-radius:var(--radius-pill);background:var(--brand);min-width:18px;color:var(--brand-fg)}.dir-pop[open]>summary{box-shadow:0 0 0 1px var(--brand-500), 0 0 0 4px color-mix(in srgb, var(--brand-400) 30%, transparent)}.dir-pop-panel{z-index:8;min-width:250px;padding:var(--space-3) var(--space-4);background:var(--bg-raised);border-radius:var(--radius-lg);box-shadow:var(--depth-pop);position:absolute;top:calc(100% + 8px);left:0}.dir-split{background:var(--bg-sunken);grid-template-columns:minmax(0,1fr) 46vw;align-items:start;display:grid}.dir-list{padding:var(--space-5) var(--space-5) var(--space-8) var(--page-pad);min-height:calc(100vh - var(--nav-h) - var(--bar-h))}.dir-map{top:calc(var(--nav-h) + var(--bar-h));height:calc(100vh - var(--nav-h) - var(--bar-h));border-left:1px solid var(--line);background:var(--paper);position:sticky}.dir-map>div{width:100%;height:100%}.dir-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:40px;display:flex}.dir-sort{align-items:center;gap:var(--space-3);display:flex}.dir-sort .select{width:auto;min-width:190px}.dir-chips{gap:var(--space-2);margin-top:var(--space-3)}.dir-chips:empty{display:none}.dir-chips .filter{font-family:var(--font-text);border:0;text-decoration:none}.dir-chips .filter:after{content:"×";opacity:.7;margin-left:8px;font-size:15px}.dir-results{margin:var(--space-5) 0 0;gap:var(--space-4);padding:0;list-style:none;display:grid}.dir-results.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.dir-results>li{border-radius:var(--radius-lg);transition:box-shadow var(--dur) var(--ease)}.dir-results>li.is-active{box-shadow:0 0 0 2px var(--brand-500), 0 0 0 5px color-mix(in srgb, var(--brand-400) 30%, transparent)}.dir-empty{margin-top:var(--space-5);padding:var(--space-9) var(--space-5);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--depth-card);justify-items:center;gap:var(--space-2);text-align:center;display:grid;position:relative;overflow:hidden}.dir-empty>:not(.tx-layer){position:relative}.dir-empty .title{font-weight:600}.dir-empty .btn{margin-top:var(--space-2)}.dir-pager{justify-items:center;gap:var(--space-3);margin-top:var(--space-7);display:grid}.dir-pager:empty,.dir-note:empty{display:none}.dir-pager .row{justify-content:center}.dir-note{text-align:center;margin-top:var(--space-5)}.dir-toggle{z-index:9;box-shadow:var(--depth-pop);min-width:96px;display:none;position:fixed;bottom:20px;left:50%;translate:-50%}@media (width<=1100px){.dir-results.c2{grid-template-columns:1fr}}@media (width<=900px){.dir-top{flex-direction:column;align-items:start;gap:0}.dir-top h1{padding-bottom:var(--space-2)}.dir-split{grid-template-columns:1fr}.dir-list{padding-right:var(--page-pad)}.dir-map{border-left:0;display:none}.dir-split.show-map .dir-map{display:block}.dir-split.show-map .dir-list{display:none}.dir-toggle{display:inline-flex}.dir-search{flex-basis:100%;max-width:none}.dir-sort span{display:none}}