.site-directory{--sd-blue:#173f7a;--sd-blue-strong:#123667;--sd-ink:#15283f;--sd-muted:#64768b;--sd-line:#dbe3ec;--sd-soft:#f3f7fb;max-width:1240px;margin:0 auto;padding:1.5rem 1.5rem 4rem;color:var(--sd-ink)}
.site-directory__hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:clamp(1.8rem,3.5vw,3rem);border-radius:1.35rem;background:linear-gradient(135deg,#102f5c,#24549a);color:#fff;box-shadow:0 1.2rem 3rem rgba(24,55,96,.14)}
.site-directory__hero:after{content:"";position:absolute;right:-4rem;top:-8rem;width:22rem;height:22rem;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 4rem rgba(255,255,255,.035),0 0 0 8rem rgba(255,255,255,.025);pointer-events:none}
.site-directory__hero-copy{position:relative;z-index:1;max-width:48rem}
.site-directory__eyebrow{margin:0 0 .55rem;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;font-weight:900;color:#c9dcfa}
.site-directory .site-directory__hero h1{margin:0;color:#fff!important;font-size:clamp(2.25rem,5vw,4.2rem);line-height:1;letter-spacing:-.04em;text-shadow:0 1px 1px rgba(0,0,0,.08)}
.site-directory__lead{margin:.9rem 0 0;font-size:clamp(.98rem,1.6vw,1.13rem);line-height:1.55;color:#e4eefc}
.site-directory__hero-count{position:relative;z-index:1;flex:0 0 auto;margin:0;padding:.75rem .9rem;border:1px solid rgba(255,255,255,.2);border-radius:.8rem;background:rgba(255,255,255,.08);color:#dbe8fb;font-size:.78rem;font-weight:800;text-align:center}
.site-directory__hero-count strong{display:block;color:#fff;font-size:1.55rem;line-height:1.05}
.site-directory__controls{display:grid;grid-template-columns:minmax(15rem,1.45fr) minmax(20rem,2fr) minmax(11rem,1fr) minmax(11rem,1fr);gap:.85rem 1rem;align-items:end;margin-top:1.1rem;padding:1rem;border:1px solid var(--sd-line);border-radius:1rem;background:#fff;box-shadow:0 .55rem 1.5rem rgba(21,49,83,.055)}
.site-directory__controls label,.site-directory__control-label{display:block;margin:0 0 .38rem;color:#5b6e85;font-size:.74rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.site-directory__controls input,.site-directory__controls select{width:100%;height:2.75rem;margin:0;padding:0 .78rem;border:1px solid #cbd6e2;border-radius:.72rem;background:#fff;color:var(--sd-ink);font:inherit;font-size:.92rem;box-shadow:none}
.site-directory__controls input:focus,.site-directory__controls select:focus{outline:2px solid rgba(37,84,154,.2);outline-offset:1px;border-color:#7e9dc4}
.site-directory__region-filters{display:flex;flex-wrap:wrap;gap:.4rem}
.site-directory__region-filters button{min-height:2.75rem;padding:.55rem .72rem;border:1px solid #cbd6e2;border-radius:.72rem;background:#f8fafc;color:#39516e;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}
.site-directory__region-filters button span{margin-left:.28rem;color:#778a9f;font-size:.74rem}
.site-directory__region-filters button.is-active{border-color:#8eadcf;background:#edf4fc;color:#173f7a}
.site-directory__control-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.05rem;color:var(--sd-muted);font-size:.82rem;font-weight:800}
.site-directory__control-meta button{padding:0;border:0;background:none;color:#1d4e92;font:inherit;font-weight:900;cursor:pointer}
.site-directory__section{margin-top:2rem}
.site-directory__section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem;padding:0 .1rem}
.site-directory__section-head h2{margin:0;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.025em}
.site-directory__section-head span{color:var(--sd-muted);font-size:.82rem;font-weight:800}
.site-directory__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.site-card{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:.9rem;align-items:center;min-width:0;padding:.9rem 1rem;border:1px solid var(--sd-line);border-radius:.9rem;background:#fff;box-shadow:0 .4rem 1.2rem rgba(21,49,83,.045);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.site-card:hover{transform:translateY(-1px);border-color:#bccbdb;box-shadow:0 .7rem 1.5rem rgba(21,49,83,.08)}
.site-card__mark{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.85rem;background:#edf4fc;color:#214d86;font-size:.82rem;font-weight:950;letter-spacing:.025em;text-transform:uppercase}
.site-card__mark--crest{padding:0;border:0;border-radius:0;background:transparent}
.site-card__mark--crest img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;object-fit:contain!important;object-position:center!important;filter:none!important}
.site-card__body{min-width:0}
.site-card__heading{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .55rem}
.site-card h3{margin:0;color:var(--sd-ink);font-size:1.06rem;line-height:1.2;letter-spacing:-.012em}
.site-card__site{margin:.3rem 0 0;color:#435b77;font-size:.86rem;font-weight:800;line-height:1.3}
.site-card__domain{margin:.12rem 0 0;color:var(--sd-muted);font-size:.76rem;line-height:1.25;overflow-wrap:anywhere}
.site-card__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.4rem;max-width:16rem}
.site-card__visit,.site-card__opponent{display:inline-flex;align-items:center;justify-content:center;min-height:2.15rem;padding:.42rem .6rem;border-radius:.62rem;text-decoration:none;font:inherit;font-size:.76rem;font-weight:900;white-space:nowrap}
.site-card__visit{border:1px solid #234f88;background:#234f88;color:#fff}
.site-card__visit:after{content:"↗";margin-left:.28rem}
.site-card__opponent{border:1px solid #c9d9ea;background:#edf4fc;color:#274f7f}
.site-directory__empty,.site-directory__no-results{margin-top:2rem;padding:2rem;border:1px dashed #b9c7d6;border-radius:1rem;background:#f8fafc;text-align:center;color:var(--sd-muted)}
.site-directory__no-results h2,.site-directory__empty h2{margin:0 0 .35rem;color:var(--sd-ink)}
.site-directory__no-results p,.site-directory__empty p{margin:0}
@media(max-width:68rem){.site-directory__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.site-directory__search-wrap,.site-directory__control-group{grid-column:auto}.site-card{grid-template-columns:3rem minmax(0,1fr)}.site-card__actions{grid-column:2;justify-content:flex-start;max-width:none}}
@media(max-width:54rem){.site-directory__grid{grid-template-columns:1fr}}
@media(max-width:38rem){.site-directory{padding:1rem 1rem 3rem}.site-directory__hero{align-items:flex-start;flex-direction:column;padding:1.55rem;border-radius:1rem}.site-directory__hero-count{display:flex;align-items:baseline;gap:.35rem;text-align:left}.site-directory__hero-count strong{display:inline;font-size:1.15rem}.site-directory__controls{grid-template-columns:1fr;padding:.85rem}.site-directory__control-group,.site-directory__search-wrap{grid-column:1}.site-directory__region-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin}.site-directory__region-filters button{flex:0 0 auto}.site-directory__section{margin-top:1.6rem}.site-directory__section-head{align-items:center}.site-card{grid-template-columns:2.65rem minmax(0,1fr);gap:.75rem;padding:.8rem}.site-card__mark{width:2.65rem;height:2.65rem;border-radius:.72rem}.site-card__actions{grid-column:1/-1;justify-content:flex-start;padding-top:.1rem}.site-card__visit,.site-card__opponent{min-height:2.25rem}}