.strata-landing { --directory-muted:#a7b1ba; }
.directory-section { border-bottom:1px solid var(--line); background:#0c1013; scroll-margin-top:30px; }
.directory-section > .shell.section { padding-top:64px; padding-bottom:72px; }
.directory-heading { display:grid; grid-template-columns:1.12fr 1fr; gap:4rem; align-items:end; margin-bottom:2.6rem; }
.directory-heading h2 { font-size:clamp(2rem,3.1vw,3rem); }
.directory-heading .eyebrow { margin-bottom:1.15rem; }
.directory-period { color:var(--orange); }
.directory-intro p { color:var(--directory-muted); font-size:1rem; line-height:1.8; max-width:490px; margin-bottom:.9rem; }
.directory-join-link { color:#e7ecef; font-size:.875rem; font-weight:650; display:inline-flex; align-items:center; gap:.55rem; }
.directory-join-link > span { color:var(--orange); font-size:1.15rem; }
.directory-filters { display:grid; grid-template-columns:minmax(190px,1.5fr) minmax(160px,.85fr) minmax(150px,.8fr) auto; gap:1rem; align-items:end; padding:1.25rem 1.4rem; border:1px solid #30383f; border-radius:9px; background:#151a1e; }
.directory-filters label { min-width:0; }
.directory-filters label > span:first-child { display:block; font-size:.75rem; font-weight:650; color:#b9c3cb; margin-bottom:.45rem; }
.directory-filters input[type="search"], .directory-filters select { width:100%; min-height:46px; color:#dfe6ec; background:#0d1216; border:1px solid #36424c; border-radius:5px; font:500 .85rem/1.5 var(--body); padding:.65rem .8rem; }
.directory-input-wrap { position:relative; }
.directory-input-wrap svg { position:absolute; top:14px; left:13px; width:18px; height:18px; fill:none; stroke:#8494a0; stroke-width:1.7; pointer-events:none; }
.directory-input-wrap input[type="search"] { padding-left:2.5rem; }
.directory-filters input::placeholder { color:#8c9aa6; opacity:1; }
.directory-filters :is(input,select):focus-visible { outline:2px solid var(--orange); outline-offset:2px; }
.directory-filters select { padding-right:1.6rem; }
.directory-filters .directory-remote-filter { display:flex; position:relative; align-items:center; gap:.55rem; min-height:46px; margin-left:.2rem; color:#d6dee4; cursor:pointer; font-size:.8rem; white-space:nowrap; }
.directory-remote-filter input { position:absolute; opacity:0; width:36px; height:22px; margin:0; }
.directory-switch { width:35px; height:21px; border-radius:12px; background:#46525d; position:relative; flex:none; transition:background .15s; }
.directory-switch::before { content:""; position:absolute; left:3px; top:3px; width:15px; height:15px; border-radius:50%; background:white; transition:transform .15s; }
.directory-remote-filter input:checked + .directory-switch { background:var(--orange); }
.directory-remote-filter input:checked + .directory-switch::before { transform:translateX(14px); }
.directory-remote-filter input:focus-visible + .directory-switch { outline:2px solid var(--orange); outline-offset:4px; }
.directory-results-bar { display:flex; justify-content:space-between; align-items:center; min-height:66px; gap:1rem; }
.directory-results-bar p { color:#94a2ad; font-size:.8125rem; margin:0; }
.directory-results-bar strong { color:#e7edf1; font-weight:600; }
.directory-results-bar button { color:var(--orange); border:0; background:none; padding:.4rem 0; cursor:pointer; font:600 .8rem var(--body); }
.directory-results-bar button span { margin-left:.4rem; font-size:1.15rem; }
.directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; align-items:stretch; }
.directory-network { display:flex; justify-content:space-between; align-items:center; gap:2rem; margin-top:2.4rem; padding-top:2.25rem; border-top:1px solid #2a353e; }
.directory-network > div { display:flex; align-items:center; gap:1.1rem; }
.directory-network-marker { display:grid; place-items:center; width:48px; height:48px; color:var(--orange); border:1px solid #593626; border-radius:9px; background:#251a14; font-size:1.4rem; flex:none; }
.directory-network h3 { margin:0 0 .3rem; font-size:1.05rem; font-weight:700; }
.directory-network p { margin:0; color:#a0aeba; font-size:.875rem; }
.directory-action { display:inline-flex; align-items:center; justify-content:center; gap:1.6rem; padding:.8rem 1.2rem; min-height:45px; border:1px solid #ff6428; border-radius:5px; background:var(--orange); color:#151719; font:750 .85rem/1.4 var(--body); cursor:pointer; white-space:nowrap; }
.directory-action > span { font-size:1.05rem; }
.directory-empty { text-align:center; padding:3.2rem 1.5rem; border:1px dashed #384751; border-radius:10px; background:#12191e; }
.directory-empty h3 { font-size:1.25rem; margin-bottom:.5rem; }
.directory-empty p { color:var(--directory-muted); font-size:.9375rem; }
.directory-empty-icon { display:block; font-size:2.2rem; color:var(--orange); margin-bottom:1rem; }
@media(hover:hover) and (pointer:fine) { .tuner-card:hover { border-color:#596771; transform:translateY(-2px); } .tuner-contact-button:hover { background:#ff642816; color:#ff986e; } .directory-action:hover { background:#ff7e4d; } }
@media(max-width:1150px) { .directory-filters { grid-template-columns:minmax(190px,1.3fr) minmax(140px,.85fr) minmax(140px,.8fr); } .directory-filters .directory-remote-filter { grid-column:1/-1; min-height:23px; margin:.25rem 0 0; } .tuner-card { padding:1.2rem; } .tuner-card-head { align-items:flex-start; gap:.75rem; } .tuner-avatar { width:47px; height:47px; font-size:1rem; } .directory-heading { gap:2rem; } }
@media(max-width:900px) { .directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .directory-heading { grid-template-columns:1fr; gap:1.25rem; } .directory-intro p { max-width:620px; } .directory-heading h2 { font-size:2.3rem; } .directory-heading .eyebrow { margin-bottom:.8rem; } .tuner-card { padding:1.5rem; } }
@media(max-width:760px) {  .directory-section { scroll-margin-top:48px; } .directory-filters { grid-template-columns:1fr 1fr; padding:1rem; } .directory-filters .directory-search { grid-column:1/-1; } .directory-network { gap:1.5rem; align-items:flex-start; flex-direction:column; } .directory-heading { margin-bottom:1.75rem; } .directory-grid { gap:1rem; } .tuner-card { padding:1.2rem; } .directory-heading h2 { font-size:clamp(1.75rem,6.8vw,2.3rem); } }
@media(max-width:540px) { .directory-grid { grid-template-columns:1fr; } .tuner-card { padding:1.5rem; } .tuner-card-head { align-items:center; gap:1rem; } .tuner-avatar { width:55px; height:55px; font-size:1.15rem; } .tuner-card h3 { font-size:1.1rem; } .directory-network > div { align-items:flex-start; } .directory-network .directory-action { width:100%; } .directory-network h3 { font-size:1rem; } .directory-filters { gap:.85rem; } .directory-filters select { font-size:.77rem; padding-left:.55rem; } .directory-filters .directory-remote-filter { margin-top:.35rem; } .directory-section .section { padding-block:3rem; } }

.directory-pager{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px;color:var(--directory-muted);font-size:13px}
.directory-section [hidden]{display:none!important}
.directory-section button:disabled{opacity:.45;cursor:default}