.directory-hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:end;gap:clamp(48px,8vw,110px);padding-block:clamp(72px,9vw,120px);display:grid}.directory-hero h1{letter-spacing:-.055em;margin:0;font:900 clamp(3.8rem,7vw,6.8rem)/.88 Arial Narrow,Impact,sans-serif}.directory-hero h1 em{color:var(--seo-coral);font-family:Georgia,serif}.directory-hero>div>p:last-child{max-width:700px;color:var(--seo-muted);font-size:1.04rem;line-height:1.75}.directory-hero aside{border:1px solid var(--seo-ink);background:var(--seo-ink);box-shadow:8px 8px 0 var(--seo-coral);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.directory-hero aside div{background:var(--seo-light);min-height:112px;padding:20px}.directory-hero aside span{color:var(--seo-coral);letter-spacing:.07em;font:850 .62rem ui-monospace,monospace}.directory-hero aside b{margin-top:14px;font-size:1.5rem;display:block}.directory-controls{color:var(--seo-light);background:var(--seo-ink);padding-block:27px}.directory-controls form{grid-template-columns:minmax(260px,1.6fr) minmax(180px,1fr) auto;align-items:end;gap:10px;display:grid}.directory-controls label>span{color:var(--seo-signal);margin-bottom:7px;font:850 .62rem ui-monospace,monospace;display:block}.directory-controls input,.directory-controls select{width:100%;min-height:45px;color:var(--seo-light);background:#22252b;border:1px solid #5d6068;padding:0 11px}.directory-controls button{border:1px solid var(--seo-signal);min-height:45px;color:var(--seo-ink);background:var(--seo-signal);cursor:pointer;padding:0 18px;font-weight:850}.directory-results{padding-block:clamp(66px,8vw,106px)}.directory-results>header{justify-content:space-between;align-items:end;gap:28px;margin-bottom:32px;display:flex}.directory-results h2{margin:0;font:900 clamp(2.4rem,5vw,4rem)/.95 Arial Narrow,Impact,sans-serif}.directory-results>header>a,.directory-empty a{color:var(--seo-coral);font-size:.75rem;font-weight:850;text-decoration:none}.directory-grid{border:1px solid var(--seo-ink);background:var(--seo-ink);box-shadow:8px 8px 0 var(--seo-ink);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.directory-card{min-height:174px;color:var(--seo-ink);background:var(--seo-light);grid-template-rows:auto 1fr auto;gap:18px;padding:20px;text-decoration:none;display:grid}.directory-card:hover{background:#fff}.directory-card-head,.directory-card-foot{justify-content:space-between;align-items:start;gap:16px;display:flex}.directory-card-head>b{color:var(--seo-muted);text-transform:uppercase;white-space:nowrap;font:750 .6rem ui-monospace,monospace}.directory-card-head>span{max-width:68%;color:var(--seo-coral);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font:850 .58rem ui-monospace,monospace;overflow:hidden}.directory-tier{border:1px solid var(--seo-ink);text-transform:uppercase;padding:5px 7px;font:900 .48rem ui-monospace,monospace}.directory-tier.tier-deep{background:#d8f4c8}.directory-tier.tier-active{background:#ffe0a7}.directory-tier.tier-indexed{background:#dfddd6}.directory-card h3{margin:0 0 8px;font-size:1.35rem}.directory-card p{color:var(--seo-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.72rem;overflow:hidden}.directory-card-foot{border-top:1px solid var(--seo-line);padding-top:16px}.directory-card-foot span{max-width:62%;color:var(--seo-muted);text-transform:uppercase;font:700 .58rem/1.45 ui-monospace,monospace}.directory-card-foot b{color:var(--seo-coral);text-align:right;font-size:.66rem}.directory-empty{border:1px solid var(--seo-ink);background:var(--seo-light);padding:48px}.directory-empty h3{margin-top:0}.directory-empty p{color:var(--seo-muted)}.directory-pagination{grid-template-columns:1fr auto 1fr;align-items:center;margin-top:42px;display:grid}.directory-pagination a{color:var(--seo-coral);font-size:.72rem;font-weight:850;text-decoration:none}.directory-pagination a:last-child{justify-self:end}.directory-pagination b{font:850 .58rem ui-monospace,monospace}@media (width<=900px){.directory-hero{grid-template-columns:1fr}.directory-controls form,.directory-grid{grid-template-columns:repeat(2,1fr)}.directory-controls button,.directory-search{grid-column:1/-1}}@media (width<=600px){.directory-hero,.directory-results{width:min(100% - 28px,1180px)}.directory-controls form,.directory-grid{grid-template-columns:1fr}.directory-search,.directory-controls button{grid-column:auto}.directory-results>header{display:block}.directory-results>header>a{margin-top:18px;display:inline-block}.directory-card{min-height:154px}.directory-card-foot span{max-width:none}}
