.fctv-directory{position:relative;isolation:isolate;background:#050d13;min-height:65vh;padding:0 0 64px;scroll-margin-top:90px}
.fctv-directory::before{content:"";position:absolute;inset:0 0 auto;height:370px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 40%,#050d13),linear-gradient(90deg,#050d13 5%,transparent 75%),url('../images/leagues-stadium.svg') right top/auto 360px no-repeat;opacity:.85}
.fctv-directory-hero{padding:26px 0 34px}
.fctv-directory-crumbs{display:flex;align-items:center;gap:12px;color:#c3ced8;font-size:14px;margin-bottom:22px}
.fctv-directory-crumbs .fctv-icon{width:13px;height:13px}
.fctv-directory-hero>p{font-size:16px;line-height:1.6;color:#b7c4d1;max-width:820px;margin:0 0 20px}
.fctv-directory-filters{display:flex;flex-wrap:wrap;gap:10px}
.fctv-directory-filters button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;border:1px solid #24313d;border-radius:30px;padding:9px 18px;background:linear-gradient(150deg,#111c24,#0a1219);color:#edf2f7;font:inherit;font-size:13px;cursor:pointer}
.fctv-directory-filters svg{width:18px;height:18px;flex-shrink:0}
.fctv-directory-filters button.is-active{background:linear-gradient(125deg,var(--fctv-accent,#f4c44e),#ffdb79);color:#10100d;border-color:transparent;font-weight:700}
.fctv-directory button:focus-visible,.fctv-directory a:focus-visible{outline:2px solid var(--fctv-accent);outline-offset:4px}
.fctv-directory-section{margin-bottom:34px;scroll-margin-top:100px}
.fctv-directory-section[hidden]{display:none!important}
.fctv-directory-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.fctv-directory-section-head h2{display:flex;align-items:center;gap:12px;font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:0;color:#f4f6fa}
.fctv-directory-section-head h2 svg{width:26px;height:26px;color:#86bff7;flex-shrink:0}
.fctv-directory-section-head>div{display:flex;align-items:center;gap:24px;font-size:13px;color:#b6c2ce;flex-shrink:0}
.fctv-directory-section-head button{display:none;align-items:center;gap:9px;border:0;background:none;color:var(--fctv-accent);font:inherit;padding:8px 0;cursor:pointer;min-height:40px}
.fctv-directory.is-enhanced .fctv-directory-section-head button{display:flex}
.fctv-directory.is-enhanced .is-expanded .fctv-directory-section-head button{display:none}
.fctv-directory-section-head button span{font-size:22px}
.fctv-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fctv-directory-card{display:flex;align-items:center;gap:18px;min-width:0;min-height:82px;padding:13px 18px;border:1px solid #22303a;border-radius:10px;background:linear-gradient(120deg,#111c24,#0c151c);transition:border-color .18s,background .18s}
.fctv-directory-card:hover{border-color:#8a743d;background:linear-gradient(120deg,#1c2831,#111c24)}
.fctv-directory-logo{--directory-logo-size:54px;--directory-logo-inset:7px;box-sizing:border-box;width:var(--directory-logo-size);height:var(--directory-logo-size);flex:0 0 var(--directory-logo-size);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f4f6f8;border:1px solid #fff;border-radius:9px;box-shadow:0 1px 4px rgba(0,0,0,.16)}
.fctv-directory-logo>img{display:block;flex:none;min-width:0;min-height:0;width:calc(var(--directory-logo-size) - 2 * var(--directory-logo-inset));height:calc(var(--directory-logo-size) - 2 * var(--directory-logo-inset));max-width:100%;max-height:100%;object-fit:contain;object-position:center;margin:0;padding:0;border:0}
.fctv-directory-logo>.fctv-icon{width:32px;height:32px;color:#364452}
.fctv-directory-card-copy{min-width:0;flex:1}
.fctv-directory-card strong{display:block;font-size:14px;font-weight:600;line-height:1.4;color:#f6f8fb;overflow-wrap:anywhere}
.fctv-directory-card small{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.4;color:#bbc7d3;margin-top:6px}
.fctv-directory-card small img{object-fit:contain;flex-shrink:0}
.fctv-directory-card small svg{width:17px;height:17px;color:#8ebcff;flex-shrink:0}
.fctv-directory-card>.fctv-icon{width:15px;height:18px;color:#d6e0ea;flex-shrink:0}
.fctv-directory.is-enhanced .fctv-directory-section:not(.is-expanded) .fctv-directory-card:nth-child(n+13){display:none}
@media(min-width:761px) and (max-width:1200px){.fctv-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fctv-directory-card{padding:12px;gap:12px}}
@media(max-width:760px){.fctv-directory{padding-bottom:32px}.fctv-directory-hero{padding:22px 0 26px}.fctv-directory::before{opacity:.4;background-position:right top}.fctv-directory-hero>p{font-size:14px}.fctv-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fctv-directory-card{padding:12px;gap:10px}.fctv-directory-logo{--directory-logo-size:44px;--directory-logo-inset:5px}.fctv-directory-card strong{font-size:13px}.fctv-directory-section-head h2{font-size:21px}.fctv-directory-section-head>div{gap:12px}.fctv-directory-filters{gap:8px}.fctv-directory-filters button{font-size:12px;padding:10px 13px;min-height:44px}.fctv-directory-section{margin-bottom:28px}}
@media(max-width:480px){.fctv-directory-grid{grid-template-columns:minmax(0,1fr)}.fctv-directory-card{min-height:78px;padding:12px 16px;gap:16px}.fctv-directory-card strong{font-size:14px}.fctv-directory-section-head{gap:8px;align-items:flex-start}.fctv-directory-section-head h2{font-size:20px}.fctv-directory-section-head>div{gap:6px;flex-direction:column;align-items:flex-end;font-size:12px}.fctv-directory-section-head button{min-height:26px;padding:0}.fctv-directory-hero>p{max-width:34em}}
@media(prefers-reduced-motion:reduce){.fctv-directory-card{transition:none}}
/* The complete directory stays available when JavaScript is disabled. */
.fctv-directory:not(.is-enhanced) .fctv-directory-filters{display:none}

.fctv-directory-card small img{display:block;width:19px;height:14px;object-fit:contain;border-radius:2px;background:#e9eef3;box-shadow:0 0 0 1px rgba(255,255,255,.12)}

