@layer components{.doc-catalog:has(#directory-q){max-width:1200px;margin:auto;padding:48px 32px 64px}.directory-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 8px 30px}.directory-hero>div{max-width:720px}.directory-eyebrow,.directory-kicker{font:12px/1.5 var(--sans);letter-spacing:2px;color:var(--vermilion)}.directory-hero h1{margin:18px 0;font-size:clamp(36px,4.5vw,58px)}.directory-intro{font-size:16px;color:var(--paper-2);max-width:650px}.directory-summary{font-size:13px;color:var(--paper-2);margin:20px 0 0}.directory-orbit{width:230px;flex:0 0 230px;color:var(--vermilion)}.directory-search-panel{background:var(--ink-2);border:1px solid var(--rule);border-radius:var(--r3);padding:24px}.directory-search-panel>label{font-size:15px;font-weight:600;display:block;margin-bottom:10px}.directory-search-row{display:flex;align-items:center;gap:12px;background:var(--ink);border:1px solid var(--rule-2);border-radius:12px;padding:6px 8px 6px 16px}.directory-search-row>span{font-size:25px;color:var(--vermilion)}.directory-search-row input{flex:1;min-width:0;border:0;background:transparent;color:var(--paper);font:15px/1.5 var(--sans);min-height:44px;padding:7px 0}.directory-search-row input:focus-visible{outline:none}.directory-search-row:focus-within{outline:3px solid var(--vermilion);outline-offset:2px}.directory-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:16px}.directory-segment{display:flex;gap:4px;background:var(--ink);padding:3px;border-radius:12px}.directory-search-panel button,.directory-empty button{min-width:44px;min-height:44px;font:13px/1.4 var(--sans);padding:8px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--paper);cursor:pointer}.directory-search-panel button:hover,.directory-empty button:hover{background:var(--vermilion-soft)}.directory-search-panel button[aria-pressed=true]{background:var(--vermilion-soft);color:var(--vermilion);font-weight:600;border-color:color-mix(in srgb,var(--site-accent) 30%,var(--rule))}.directory-search-panel button:disabled{opacity:.4;cursor:default}.directory-cost-label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--paper-2)}.directory-cost-label select{min-height:44px;border:1px solid var(--rule);background:var(--ink-2);border-radius:9px;padding:6px 10px;color:var(--paper);font:13px var(--sans)}.directory-count{margin-left:auto;font-size:13px;color:var(--paper-2);font-variant-numeric:tabular-nums}.directory-categories{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--rule)}.directory-categories button{font-size:12px;padding:8px 11px}.directory-jump{display:flex;gap:24px;margin:20px 6px 36px;font-size:13px;color:var(--paper-2)}.directory-jump a{min-height:44px;display:inline-flex;align-items:center}.directory-section{margin-top:40px}.directory-section-heading{margin:0 4px 25px}.directory-section-heading h2{font-size:30px;margin:10px 0}.directory-section-heading p{color:var(--paper-2);font-size:14px;margin:8px 0}.directory-group{margin:22px 0 30px;scroll-margin-top:110px}.directory-group-title{font:600 16px/1.4 var(--sans)!important;margin:0 4px 13px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.directory-card{display:flex;gap:14px;align-items:flex-start;text-decoration:none!important;border:1px solid var(--rule);border-radius:15px;padding:20px;background:var(--ink-2);min-width:0;transition:transform .16s ease,border-color .16s ease}.directory-card:hover{transform:translateY(-3px);border-color:var(--site-accent)}.directory-card>div{flex:1;min-width:0}.directory-monogram{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--card-accent) 13%,var(--ink-2));color:var(--paper);font:600 16px/1 var(--sans)}.directory-card h4{font:600 15px/1.4 var(--sans)!important;margin:1px 0 8px!important;overflow-wrap:anywhere}.directory-card p{font-size:12px;line-height:1.7;color:var(--paper-2);margin:0 0 12px}.directory-host{display:block;font-size:10px;line-height:1.5;color:var(--paper-2);overflow-wrap:anywhere}.directory-arrow{font-size:12px;color:var(--paper-2);float:right}.directory-badges{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px}.directory-badge{font-size:10px;line-height:1.4;padding:3px 6px;border:1px solid var(--rule);border-radius:5px;color:var(--paper-2)}.directory-internal{padding:19px}.directory-internal p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.directory-internal h4{font-size:14px!important}.directory-empty{text-align:center;padding:60px 20px;border:1px dashed var(--rule-2);border-radius:var(--r3);margin:30px 0}.directory-empty h2{font-size:28px}.directory-review{font-size:11px;color:var(--paper-2);margin:35px 5px}.doc-catalog [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.directory-card{transition:none}.directory-card:hover{transform:none}}@media(max-width:1000px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-orbit{width:180px;flex-basis:180px}}@media(max-width:650px){.doc-catalog:has(#directory-q){padding:28px 16px 40px}.directory-hero{padding:4px 4px 23px}.directory-hero h1{font-size:36px}.directory-orbit{display:none}.directory-intro{font-size:14px}.directory-search-panel{padding:17px}.directory-controls{gap:10px}.directory-count{width:100%;margin:2px 0 0}.directory-categories{gap:3px}.directory-categories button{padding:8px;font-size:12px}.directory-grid{grid-template-columns:1fr}.directory-card{padding:18px}.directory-card p{font-size:13px}.directory-section-heading h2{font-size:27px}.directory-group{scroll-margin-top:90px}.directory-jump{margin-bottom:20px}}.directory-group[id]>.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#start>.directory-grid{grid-template-columns:1fr}@media(max-width:650px){.directory-group[id]>.directory-grid{grid-template-columns:1fr}.directory-controls{display:grid;grid-template-columns:1fr auto}.directory-segment{grid-column:1;grid-row:1}.directory-count{grid-column:2;grid-row:1;width:auto;margin:0}.directory-cost-label{grid-column:1/-1;grid-row:2}}@media(max-width:360px){.directory-controls{grid-template-columns:minmax(0,1fr)}.directory-count{grid-column:1;grid-row:3}.directory-cost-label{flex-wrap:wrap}}}