.directory-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:9px 18px;margin:24px 0}
.directory-controls label{font-weight:850;font-size:11px;letter-spacing:.08em;color:#b4ead9}
.directory-controls input,.directory-controls select{padding:12px 14px;border:1px solid #477480;background:#0c2035;color:#f0f8ff;border-radius:9px;font:inherit;min-width:0}
.directory-controls :focus-visible{outline:3px solid #8af9dc;outline-offset:3px}
.dir-metrics{display:flex;flex-wrap:wrap;gap:13px;margin:26px 0}
.dir-metrics strong{background:#122d3e;border:1px solid #326e77;border-radius:10px;padding:12px 19px;color:#9cffe7;font-size:27px}
.dir-metrics small{display:block;font-size:9px;letter-spacing:.12em;color:#bfd7db}
.dir-card h3{font-size:19px}.dir-url{overflow-wrap:anywhere;word-break:break-word;font:11px/1.5 ui-monospace,monospace;color:#95b9ca}
.dir-card a.secondary{font-size:12px;margin-left:12px}
.dir-summary{font-size:13px;color:#b0dacd}
.dir-card[hidden]{display:none!important}
@media(max-width:650px){.directory-controls{grid-template-columns:1fr}}