/* FILE: assets/css/stl-hub.css
 MoFutbol STL Soccer Hub styles (companion to stl-hub.js)
 Inherits CSS variables from style.css
 */

/* PRO TIER cards */.stl-hub-tier-grid{
 display:grid;gap:1rem;
 grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}.stl-hub-tier-card{
 position:relative;padding:1.25rem 1.25rem 1rem;
 background:var(--surface);border:1px solid var(--border);
 border-radius:var(--r-md);
 border-top:3px solid var(--tier-color,var(--accent));
 display:flex;flex-direction:column;gap:.55rem;
 transition:transform.15s ease,border-color.15s ease;
}.stl-hub-tier-card:hover{transform:translateY(-2px);border-color:var(--tier-color,var(--accent));}.stl-hub-tier-head{display:flex;align-items:flex-start;gap:.75rem;}.stl-hub-tier-icon{font-size:1.6rem;line-height:1;}.stl-hub-tier-league{
 font-family:var(--f-mono);font-size:.62rem;letter-spacing:.08em;
 color:var(--tier-color,var(--accent));text-transform:uppercase;font-weight:700;
}.stl-hub-tier-club{
 font-family:var(--f-display),sans-serif;font-size:1.15rem;font-weight:900;
 color:var(--text);line-height:1.2;margin:0;
}.stl-hub-tier-blurb{font-size:.82rem;color:var(--muted);line-height:1.5;margin:0;}.stl-hub-tier-meta{
 display:flex;flex-wrap:wrap;gap:.6rem;
 font-family:var(--f-mono);font-size:.65rem;color:var(--muted);
}.stl-hub-tier-note{
 margin-top:.25rem;padding:.55rem.75rem;background:var(--surface-2);
 border-left:3px solid var(--tier-color,var(--accent));
 border-radius:var(--r-sm);font-size:.78rem;color:var(--text);
}.stl-hub-tier-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:.5rem;}.stl-hub-tier-link{
 font-family:var(--f-mono);font-size:.7rem;color:var(--tier-color,var(--accent));
 text-decoration:none;border-bottom:1px solid transparent;
 transition:border-color.15s ease;
}.stl-hub-tier-link:hover{border-color:var(--tier-color,var(--accent));}

/* LEAGUE blocks (NPSL/MWPL/MLS Next/ECNL/DA/College) */.stl-hub-league{
 margin-top:1.5rem;padding:1.25rem;
 background:var(--surface);border:1px solid var(--border);
 border-radius:var(--r-md);
 border-left:3px solid var(--lg-color,var(--accent));
}.stl-hub-league:first-child{margin-top:0;}.stl-hub-league-head{
 display:flex;justify-content:space-between;align-items:flex-start;
 gap:1rem;flex-wrap:wrap;margin-bottom:1rem;
}.stl-hub-league-title{
 display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;
 font-family:var(--f-display),sans-serif;font-size:1.05rem;font-weight:900;
 color:var(--text);letter-spacing:.02em;
}.stl-hub-league-icon{font-size:1.2rem;}.stl-hub-league-blurb{
 margin-top:.4rem;font-size:.85rem;color:var(--muted);line-height:1.55;
 max-width:70ch;
}.stl-hub-league-actions{display:flex;flex-wrap:wrap;gap:.5rem;}.stl-hub-status{
 font-family:var(--f-mono);font-size:.6rem;letter-spacing:.06em;
 padding:.25rem.55rem;border-radius:var(--r-full);
 background:var(--accent-bg);color:var(--accent);
}

.stl-hub-slysa{
 background:linear-gradient(180deg, rgba(15,45,66,.92), rgba(9,27,40,.98));
 box-shadow:0 18px 44px rgba(0,0,0,.18);
}
.stl-hub-slysa-hero{
 display:flex;justify-content:space-between;align-items:flex-start;
 gap:1rem;flex-wrap:wrap;margin-bottom:1rem;
}
.stl-hub-slysa-brand{
 display:flex;align-items:flex-start;gap:.9rem;
}
.stl-hub-slysa-logo{
 width:64px;height:64px;object-fit:contain;border-radius:.85rem;
 background:rgba(255,255,255,.08);padding:.4rem;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.stl-hub-slysa-titleblock{min-width:0;}
.stl-hub-slysa-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;
}
.stl-hub-slysa-card{
 padding:.95rem;border-radius:.9rem;background:rgba(255,255,255,.045);
 border:1px solid rgba(255,255,255,.08);
}
.stl-hub-slysa-stat{
 font-family:var(--f-display),sans-serif;font-size:1rem;font-weight:900;color:var(--text);
}
.stl-hub-slysa-label{
 margin-top:.18rem;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.06em;
 text-transform:uppercase;color:rgba(255,255,255,.72);
}
.stl-hub-slysa-meta,.stl-hub-slysa-structure,.stl-hub-slysa-note{
 margin-top:.45rem;font-size:.82rem;line-height:1.55;color:var(--muted);
}
.stl-hub-slysa-list{
 display:flex;flex-wrap:wrap;gap:.45rem;margin:.65rem 0 0;padding:0;list-style:none;
}
.stl-hub-slysa-chip{
 padding:.34rem .55rem;border-radius:999px;background:rgba(255,255,255,.08);
 border:1px solid rgba(255,255,255,.08);font-size:.73rem;line-height:1.2;color:var(--text);
}
.stl-hub-slysa-actions{
 display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.9rem;
}

@media (max-width: 820px){
 .stl-hub-slysa-grid{grid-template-columns:1fr;}
 .stl-hub-slysa-logo{width:56px;height:56px;}
}

/* STL hub refresh */
.stl-soccer-hub-page {
 background:
 radial-gradient(circle at 8% 12%, rgba(232,180,0,.08), transparent 20rem),
 radial-gradient(circle at 88% 18%, rgba(45,184,75,.08), transparent 22rem),
 #061008;
}

.stl-soccer-hub-page .stl-section,
.stl-soccer-hub-page .stl-section--alt {
 padding: 1.25rem 0;
}

.stl-local-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid rgba(232,180,0,.22);
  padding: clamp(2.2rem, 5vw, 4rem) 0 1.7rem;
  background:
  linear-gradient(90deg, rgba(6,16,8,.94), rgba(6,16,8,.58) 46%, rgba(6,16,8,.86)),
  linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
  url("./../img/stl-hero/energizer-park-stl.jpg") center 42%/cover no-repeat;
}

.stl-local-hero::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: -1;
 background:
 linear-gradient(90deg, #e8302a 0 18%, #e8b400 18% 46%, #2db84b 46% 72%, #1a3a6b 72% 100%) top left / 100% 4px no-repeat,
 linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
 linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background:
  linear-gradient(90deg, #e8302a 0 18%, #e8b400 18% 46%, #2db84b 46% 72%, #1a3a6b 72% 100%) top left / 100% 4px no-repeat,
  linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
  radial-gradient(circle at 22% 26%, rgba(232,180,0,.14), transparent 20rem),
  radial-gradient(circle at 78% 18%, rgba(232,48,42,.14), transparent 18rem);
  background-size: 100% 4px, 84px 84px, 84px 84px, auto, auto;
}

.stl-local-hero::after,
.stl-tryouts-feature::after {
 content: "";
 position: absolute;
 width: 86px;
 height: 86px;
 border-radius: 50%;
 border: 2px solid rgba(232,180,0,.28);
 background:
 radial-gradient(circle at 50% 50%, rgba(255,255,255,.12) 0 12%, transparent 13%),
 repeating-conic-gradient(from 18deg, rgba(255,255,255,.18) 0 10deg, transparent 10deg 36deg);
 opacity: .34;
 pointer-events: none;
}

.stl-local-hero::after {
  right: clamp(1rem, 8vw, 8rem);
  bottom: -24px;
}

.mf-stl-hub-hero .mf-hero-grid{
 display:grid;
 grid-template-columns:minmax(0,1.42fr) minmax(320px,.58fr);
 gap:clamp(1rem,2.5vw,2rem);
 align-items:stretch;
 justify-content:stretch;
 width:100%;
}

.mf-stl-hub-hero > .stl-container{
 display:grid;
 place-items:stretch;
}

.mf-stl-hub-hero .mf-hero-copy,
.mf-stl-hub-hero .mf-hero-side{
 backdrop-filter:blur(12px);
 border:1px solid rgba(255,255,255,.08);
 box-shadow:0 22px 60px rgba(0,0,0,.26);
}

.mf-stl-hub-hero .mf-hero-copy{
 padding:clamp(1rem,2.2vw,1.4rem);
 border-radius:1.1rem;
 background:
 linear-gradient(135deg, rgba(232,48,42,.16), rgba(232,180,0,.12) 34%, rgba(45,184,75,.12) 66%, rgba(26,58,107,.18)),
 linear-gradient(180deg, rgba(6,16,8,.58), rgba(6,16,8,.82));
 width:100%;
 max-width:min(100%, 1240px);
 margin-inline:auto;
 text-align:center;
 justify-items:center;
 align-content:center;
}

.mf-stl-hub-hero .mf-hero-side{
 display:grid;
 gap:.85rem;
 padding:clamp(1rem,2vw,1.2rem);
 border-radius:1.1rem;
 background:linear-gradient(180deg, rgba(10,18,13,.78), rgba(6,12,8,.88));
 transform:translateZ(0);
}

.mf-stl-hub-hero .mf-hero-copy .stl-muted{
 max-width:62ch;
}

.mf-stl-hub-hero .mf-hero-chip-row{
 justify-content:center;
 gap:.65rem;
}

.mf-stl-hub-hero .mf-hero-chip-row span{
 background:rgba(255,255,255,.08);
 border:1px solid rgba(255,255,255,.12);
 transition:transform .18s ease,border-color .18s ease,background-color .18s ease;
}

.mf-stl-hub-hero .mf-hero-chip-row span:hover{
 transform:translateY(-2px);
 border-color:rgba(232,180,0,.28);
 background:rgba(232,180,0,.12);
}

.mf-stl-hub-hero .stl-pill{
 transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}

.mf-stl-hub-hero .stl-pill:hover,
.mf-stl-hub-hero .stl-pill:focus-visible{
 transform:translateY(-2px);
 border-color:rgba(232,180,0,.34);
 background:rgba(232,180,0,.14);
 box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.mf-stl-hub-hero .mf-hero-list{
 display:grid;
 gap:.7rem;
}

.mf-stl-hub-hero .mf-hero-list article{
 display:grid;
 grid-template-columns:1fr auto;
 gap:.9rem;
 align-items:start;
 padding:.8rem .85rem;
 border-radius:.9rem;
 border:1px solid rgba(255,255,255,.08);
 background:rgba(255,255,255,.03);
 transition:transform .18s ease,border-color .18s ease,background-color .18s ease;
}

.mf-stl-hub-hero .mf-hero-list article:hover{
 transform:translateY(-2px);
 border-color:rgba(232,180,0,.28);
 background:rgba(255,255,255,.05);
}

.mf-stl-hub-hero .mf-hero-list em{
 align-self:center;
 padding:.28rem .55rem;
 border-radius:999px;
 border:1px solid rgba(232,180,0,.24);
 background:rgba(232,180,0,.08);
 color:var(--accent);
 font-style:normal;
 font-family:var(--f-mono);
 font-size:.62rem;
 font-weight:800;
 letter-spacing:.08em;
 text-transform:uppercase;
}

body.stl-soccer-hub-page .stl-local-hero .stl-heading {
 max-width: none !important;
 white-space: nowrap !important;
}

.stl-tryouts-feature {
 position: relative;
 isolation: isolate;
 overflow: hidden;
 background:
 linear-gradient(135deg, rgba(26,58,107,.2), rgba(232,180,0,.05)),
 radial-gradient(circle at 10% 0, rgba(232,48,42,.12), transparent 18rem),
 rgba(255,255,255,.015);
}

.stl-tryouts-feature::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: -1;
 background:
 linear-gradient(90deg, transparent 49.8%, rgba(255,255,255,.08) 50%, transparent 50.2%),
 radial-gradient(circle at 50% 50%, transparent 0 58px, rgba(255,255,255,.06) 59px 60px, transparent 61px);
 opacity: .32;
 pointer-events: none;
}

.stl-tryouts-feature::after {
 right: 5%;
 top: 1rem;
 transform: rotate(-12deg);
}

.stl-hub-tier-grid {
 gap: .75rem;
}

.stl-hub-tier-card,
.stl-hub-league,
.stl-hub-ladder-step {
 box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.stl-hub-logo{
 display:inline-flex;align-items:center;justify-content:center;
 width:52px;height:52px;border-radius:14px;
 background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
 overflow:hidden;flex:0 0 52px;
}
.stl-hub-logo img{width:100%;height:100%;object-fit:contain;padding:.35rem}
.stl-hub-tier-art{
 margin:-1.25rem -1.25rem .8rem;
 aspect-ratio:16/8;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);
 background:rgba(255,255,255,.03);
}
.stl-hub-tier-art img{width:100%;height:100%;object-fit:cover;display:block}
.stl-hub-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}
.stl-hub-chip{
 display:inline-flex;align-items:center;
 padding:.22rem .55rem;border-radius:999px;
 font-family:var(--f-mono);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;
 color:var(--text);background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);
}
.stl-hub-tier-story{
 display:grid;gap:.15rem;padding:.65rem .75rem;border-radius:var(--r-sm);
 background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
}
.stl-hub-tier-story strong{
 font-family:var(--f-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tier-color,var(--accent));
}
.stl-hub-tier-story span{font-size:.8rem;color:var(--text);line-height:1.45}
.stl-hub-club-grid{
 display:grid;gap:.75rem;margin-top:1rem;
 grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}
.stl-hub-club-card{
 display:grid;gap:.55rem;justify-items:start;
 padding:.85rem;border-radius:var(--r-md);text-decoration:none;
 color:var(--text);background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);
}
.stl-hub-club-card strong{font-size:.86rem}
.stl-hub-club-card span{font-size:.75rem;color:var(--muted)}
.stl-hub-senior-note{margin:.75rem 0 0;font-size:.74rem;color:var(--muted)}
.stl-hub-daily-grid{
 display:grid;gap:1rem;
 grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}

.mf-stl-pulse-section{
 position:relative;
 isolation:isolate;
 overflow:hidden;
 border-top:1px solid rgba(232,180,0,.16);
 border-bottom:1px solid rgba(45,184,75,.14);
 background:
 linear-gradient(90deg, rgba(232,48,42,.08), rgba(232,180,0,.07) 34%, rgba(45,184,75,.07) 68%, rgba(26,58,107,.08)),
 linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0));
}
.mf-stl-pulse-section::before{
 content:"";
 position:absolute;
 inset:0;
 z-index:-1;
 background:
 linear-gradient(90deg, #e8302a 0 20%, #e8b400 20% 48%, #2db84b 48% 76%, #1a3a6b 76% 100%) top left / 100% 3px no-repeat,
 repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 72px),
 repeating-linear-gradient(0deg, rgba(255,255,255,.026) 0 1px, transparent 1px 72px);
 opacity:.8;
}
.mf-stl-pulse-tabs{
 display:flex;
 flex-wrap:wrap;
 gap:.45rem;
 justify-content:flex-end;
}
.mf-stl-pulse-tabs button{
 min-height:38px;
 padding:.48rem .72rem;
 border-radius:999px;
 border:1px solid rgba(255,255,255,.12);
 background:rgba(255,255,255,.045);
 color:var(--text);
 font-family:var(--f-mono);
 font-size:.62rem;
 font-weight:800;
 letter-spacing:.07em;
 text-transform:uppercase;
 cursor:pointer;
 transition:transform .18s ease,border-color .18s ease,background-color .18s ease;
}
.mf-stl-pulse-tabs button:hover,
.mf-stl-pulse-tabs button:focus-visible{
 transform:translateY(-1px);
 border-color:rgba(232,180,0,.45);
}
.mf-stl-pulse-tabs button.is-active{
 color:#061008;
 background:linear-gradient(135deg,#ffd34a,#c8f230);
 border-color:transparent;
}
.mf-stl-pulse-grid{
 align-items:stretch;
 grid-template-columns:minmax(260px,.85fr) minmax(310px,1.2fr) minmax(260px,.95fr);
}
.mf-stl-pulse-card[hidden]{display:none!important}

/* Compact MWPL and elite youth sections */
.stl-soccer-hub-page #tier-senior {
 position:relative;
 isolation:isolate;
 padding:clamp(1rem,2.5vw,1.45rem) 0;
 overflow:hidden;
}

.stl-soccer-hub-page #tier-senior::before {
 content:"";
 position:absolute;
 right:clamp(1rem,8vw,7rem);
 top:clamp(.9rem,3vw,2rem);
 width:clamp(140px,22vw,280px);
 aspect-ratio:1;
 z-index:-1;
 background:url("../logo_MWPL.png") center / contain no-repeat;
 opacity:.11;
 filter:saturate(1.15) contrast(1.05);
}

.stl-soccer-hub-page #tier-senior .stl-section-header-row,
.stl-soccer-hub-page #tier-elite-youth .stl-section-header-row {
 align-items:center;
 margin-bottom:.75rem;
}

.stl-soccer-hub-page #tier-senior .stl-subheading,
.stl-soccer-hub-page #tier-elite-youth .stl-subheading {
 font-size:clamp(1.15rem,2vw,1.55rem);
 line-height:1.05;
}

.stl-soccer-hub-page #tier-senior .stl-hub-league {
 position:relative;
 display:grid;
 grid-template-columns:1fr;
 gap:.62rem;
 padding:.9rem;
 background:
  linear-gradient(135deg,rgba(16,46,35,.92),rgba(7,22,17,.96)),
  radial-gradient(circle at 90% 12%,rgba(245,200,66,.16),transparent 32%);
 overflow:hidden;
}

.stl-soccer-hub-page #tier-senior .stl-hub-league::before {
 content:"";
 position:absolute;
 right:clamp(.8rem,4vw,2.8rem);
 top:50%;
 width:clamp(150px,20vw,260px);
 aspect-ratio:1;
 transform:translateY(-50%) rotate(-6deg);
 background:url("../logo_MWPL.png") center / contain no-repeat;
 opacity:.12;
 pointer-events:none;
}

.stl-soccer-hub-page #tier-senior .stl-hub-league-head,
.stl-soccer-hub-page #tier-senior .stl-hub-senior-note {
 grid-column:1 / -1;
 margin-bottom:0;
}

.stl-soccer-hub-page #tier-senior .stl-hub-table-wrap {
 align-self:start;
}

.stl-soccer-hub-page #tier-senior .stl-hub-table th,
.stl-soccer-hub-page #tier-senior .stl-hub-table td {
 padding:.45rem .55rem;
}

.stl-soccer-hub-page #tier-senior .stl-hub-senior-note {
 order:3;
 margin:.1rem 0 0;
}

.stl-soccer-hub-page #tier-senior .stl-hub-club-grid {
 margin:0;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:.45rem;
 align-self:start;
}

.stl-soccer-hub-page #tier-senior .stl-hub-club-card {
 grid-template-columns:38px minmax(0,1fr);
 align-items:center;
 justify-items:start;
 gap:.48rem;
 min-height:58px;
 padding:.5rem;
}

.stl-soccer-hub-page #tier-senior .stl-hub-club-card .stl-hub-logo {
 width:38px;
 height:38px;
 flex-basis:38px;
 border-radius:.65rem;
}

.stl-soccer-hub-page #tier-senior .stl-hub-club-card strong {
 font-size:.78rem;
 line-height:1.1;
}

.stl-soccer-hub-page #tier-senior .stl-hub-club-card span {
 font-size:.66rem;
}

.stl-soccer-hub-page #tier-elite-youth {
 padding:clamp(1rem,2.5vw,1.45rem) 0;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league {
 padding:.85rem;
 margin-top:.7rem;
 background:linear-gradient(180deg,rgba(12,36,44,.92),rgba(7,21,28,.96));
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league-head {
 align-items:center;
 margin-bottom:.65rem;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league-blurb {
 max-width:56ch;
 margin-top:.25rem;
 font-size:.76rem;
 line-height:1.38;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league-logo {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:78px;
 height:34px;
 margin-right:.55rem;
 border-radius:.65rem;
 background:linear-gradient(135deg,rgba(0,132,255,.18),rgba(200,242,48,.16));
 border:1px solid rgba(200,242,48,.3);
 box-shadow:0 10px 24px rgba(0,132,255,.16);
 vertical-align:middle;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league-logo img {
 display:block;
 width:100%;
 height:100%;
 padding:.28rem .4rem;
 object-fit:contain;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next {
 position:relative;
 overflow:hidden;
 border-color:rgba(0,132,255,.42);
 background:
  radial-gradient(circle at 12% 12%, rgba(0,132,255,.38), transparent 34%),
  radial-gradient(circle at 88% 0%, rgba(200,242,48,.22), transparent 30%),
  linear-gradient(135deg, rgba(4,48,75,.98), rgba(2,26,44,.96) 54%, rgba(7,38,25,.94));
 box-shadow:
  0 22px 54px rgba(0,0,0,.28),
  inset 0 1px 0 rgba(255,255,255,.08),
  inset 0 0 0 1px rgba(200,242,48,.08);
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next::before {
 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;
 background:
  linear-gradient(90deg, #0084ff, #c8f230, #00a86b) top left / 100% 4px no-repeat,
  repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 1px, transparent 1px 14px);
 opacity:.8;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next > * {
 position:relative;
 z-index:1;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-table tr {
 border-color:rgba(0,132,255,.24);
 background:
  linear-gradient(145deg, rgba(0,132,255,.12), rgba(200,242,48,.045)),
  rgba(3,22,34,.72);
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-table tr:hover {
 border-color:rgba(200,242,48,.52);
 background:
  linear-gradient(145deg, rgba(0,132,255,.18), rgba(200,242,48,.08)),
  rgba(3,22,34,.84);
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-table-wrap {
 overflow:visible;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-table,
.stl-soccer-hub-page #tier-elite-youth .stl-hub-table tbody {
 display:block;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-table thead {
 display:none;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-table tbody {
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
 gap:.55rem;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-table tr {
 position:relative;
 display:grid;
 gap:.42rem;
 min-height:118px;
 padding:.68rem;
 border:1px solid rgba(255,255,255,.085);
 border-radius:.78rem;
 background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
 transition:transform .16s ease,border-color .16s ease,background .16s ease;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-table tr:hover {
 transform:translateY(-2px);
 border-color:rgba(245,200,66,.3);
 background:linear-gradient(180deg,rgba(245,200,66,.08),rgba(255,255,255,.03));
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-table td {
 display:block;
 padding:0;
 border:0;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-team-venue,
.stl-soccer-hub-page #tier-elite-youth .stl-hub-team-side,
.stl-soccer-hub-page #tier-elite-youth .stl-hub-team-links {
 font-size:.68rem;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-team-venue::before {
 content:"Venue";
 display:block;
 margin-bottom:.15rem;
 color:var(--lg-color,var(--accent));
 font-family:var(--f-mono);
 font-size:.52rem;
 letter-spacing:.08em;
 text-transform:uppercase;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-team-side::before {
 content:"Programs";
 margin-right:.35rem;
 color:var(--lg-color,var(--accent));
 font-family:var(--f-mono);
 font-size:.52rem;
 letter-spacing:.08em;
 text-transform:uppercase;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa {
 position:relative;
 display:grid;
 grid-template-columns:minmax(0,.78fr) minmax(320px,1.22fr);
 gap:.62rem;
 padding:.78rem;
 overflow:hidden;
 background:
  linear-gradient(135deg,rgba(13,55,82,.9),rgba(6,25,38,.96)),
  radial-gradient(circle at 86% 20%,rgba(60,166,255,.18),transparent 34%);
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa::before {
 content:"";
 position:absolute;
 right:clamp(.75rem,4vw,2.4rem);
 top:50%;
 width:clamp(145px,18vw,235px);
 aspect-ratio:1;
 transform:translateY(-50%) rotate(-8deg);
 background:url("https://digitalshift-assets.sfo2.cdn.digitaloceanspaces.com/pw/f75ea756-fc10-4079-b9c2-7a99d906af47/logo-1693598248406226648.png") center / contain no-repeat;
 opacity:.12;
 pointer-events:none;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa > * {
 position:relative;
 z-index:1;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-hero {
 grid-column:1 / -1;
 margin-bottom:0;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-grid {
 grid-template-columns:minmax(130px,.85fr) minmax(130px,.85fr) minmax(260px,1.55fr);
 gap:.46rem;
 align-items:start;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-card {
 min-height:82px;
 padding:.58rem;
 background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
 transition:transform .16s ease,border-color .16s ease,background .16s ease;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-card:hover {
 transform:translateY(-2px);
 border-color:rgba(74,174,255,.34);
 background:linear-gradient(180deg,rgba(74,174,255,.13),rgba(255,255,255,.035));
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-stat {
 font-size:.9rem;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-label {
 font-size:.58rem;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-meta,
.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-structure,
.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-note {
 margin-top:.25rem;
 font-size:.69rem;
 line-height:1.32;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-list {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:.28rem;
 margin-top:.45rem;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-chip {
 display:block;
 overflow:hidden;
 padding:.25rem .42rem;
 font-size:.62rem;
 text-overflow:ellipsis;
 white-space:nowrap;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-actions {
 align-self:end;
 margin-top:.1rem;
 gap:.45rem;
}

@media (max-width: 900px) {
 .stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa {
  grid-template-columns:1fr;
 }

 .stl-soccer-hub-page #tier-senior .stl-hub-club-grid,
 .stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}

@media (max-width: 620px) {
 .stl-soccer-hub-page #tier-senior .stl-hub-club-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
 }

 .stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-grid {
  grid-template-columns:1fr;
 }

 .stl-soccer-hub-page #tier-senior .stl-hub-league::before {
  width:150px;
  top:1rem;
  transform:none;
  opacity:.08;
 }

 .stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa::before {
  width:140px;
  top:1rem;
  transform:none;
  opacity:.08;
 }
}

.stl-soccer-hub-page #tier-daily .grid-2-stack{
 align-items:start;
}

.stl-soccer-hub-page #tier-daily .grid-2-stack > div,
.stl-soccer-hub-page #tier-daily .mf-schedule-feature{
 align-self:start;
 height:auto;
}

/* Compact professional tier */
.stl-soccer-hub-page #tier-pro {
 padding: clamp(1.1rem, 2.5vw, 1.55rem) 0;
}

.stl-soccer-hub-page #tier-pro .stl-section-header-row {
 align-items:center;
 margin-bottom:.75rem;
}

.stl-soccer-hub-page #tier-pro .stl-subheading {
 font-size:clamp(1.15rem, 2.2vw, 1.65rem);
 line-height:1.05;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-grid {
 grid-template-columns:1fr;
 gap:.58rem;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-card {
 display:grid;
 grid-template-columns:minmax(180px, .76fr) minmax(220px, 1fr) auto;
 align-items:center;
 gap:.72rem;
 min-height:0;
 padding:.68rem .78rem;
 border-top:0;
 border-left:3px solid var(--tier-color, var(--accent));
 border-radius:.85rem;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-art {
 align-self:stretch;
 margin:0;
 aspect-ratio:auto;
 min-height:82px;
 max-height:98px;
 border:0;
 border-radius:.68rem;
 opacity:.86;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-head {
 align-items:center;
 gap:.62rem;
 min-width:0;
}

.stl-soccer-hub-page #tier-pro .stl-hub-logo {
 width:38px;
 height:38px;
 flex-basis:38px;
 border-radius:.7rem;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-club {
 font-size:clamp(.92rem, 1.4vw, 1.08rem);
 line-height:1.05;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-blurb {
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden;
 font-size:.76rem;
 line-height:1.35;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-meta,
.stl-soccer-hub-page #tier-pro .stl-hub-chip-row,
.stl-soccer-hub-page #tier-pro .stl-hub-tier-note,
.stl-soccer-hub-page #tier-pro .stl-hub-tier-story,
.stl-soccer-hub-page #tier-pro .stl-hub-tier-actions {
 margin:0;
 padding:0;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-meta,
.stl-soccer-hub-page #tier-pro .stl-hub-chip-row,
.stl-soccer-hub-page #tier-pro .stl-hub-tier-actions {
 gap:.32rem;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-note,
.stl-soccer-hub-page #tier-pro .stl-hub-tier-story {
 padding:.42rem .52rem;
 border-radius:.58rem;
 font-size:.68rem;
 line-height:1.25;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-story span {
 font-size:.7rem;
 line-height:1.25;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-actions {
 align-self:center;
 justify-content:flex-end;
 min-width:86px;
}

@media (max-width: 900px) {
 .stl-soccer-hub-page #tier-pro .stl-hub-tier-card {
  grid-template-columns:92px minmax(0, 1fr);
 }

 .stl-soccer-hub-page #tier-pro .stl-hub-tier-actions {
  grid-column:1 / -1;
  justify-content:flex-start;
 }
}

@media (max-width: 620px) {
 .stl-soccer-hub-page #tier-pro .stl-hub-tier-card {
  grid-template-columns:1fr;
  padding:.62rem;
  gap:.5rem;
 }

 .stl-soccer-hub-page #tier-pro .stl-hub-tier-art {
  min-height:72px;
  max-height:82px;
 }

 .stl-soccer-hub-page #tier-pro .stl-hub-tier-blurb,
 .stl-soccer-hub-page #tier-pro .stl-hub-tier-meta,
 .stl-soccer-hub-page #tier-pro .stl-hub-chip-row,
 .stl-soccer-hub-page #tier-pro .stl-hub-tier-note {
  display:none;
 }

 .stl-soccer-hub-page #tier-pro .stl-hub-tier-story {
  padding:.38rem .48rem;
 }
}

/* Verified pro desk refresh */
.stl-soccer-hub-page #tier-pro {
 background:
  radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 32%),
  linear-gradient(180deg, rgba(4, 24, 32, .8), rgba(1, 7, 5, .96));
 border-top:1px solid rgba(255,255,255,.08);
 border-bottom:1px solid rgba(255,255,255,.08);
}

.stl-soccer-hub-page #tier-pro .stl-section-header-row {
 max-width: min(100%, 78rem);
 margin-inline:auto;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-grid {
 max-width:min(100%, 78rem);
 margin-inline:auto;
 display:grid;
 grid-template-columns:repeat(3, minmax(0, 1fr));
 gap:clamp(.85rem, 1.8vw, 1.25rem);
 align-items:stretch;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-card {
 position:relative;
 display:grid;
 grid-template-columns:1fr;
 gap:.85rem;
 min-height:0;
 height:auto;
 padding:1rem;
 overflow:hidden;
 background:
  linear-gradient(145deg, color-mix(in srgb, var(--tier-color) 12%, transparent), transparent 38%),
  rgba(6, 22, 22, .94);
 border:1px solid color-mix(in srgb, var(--tier-color) 48%, rgba(255,255,255,.08));
 border-top:4px solid var(--tier-color, var(--accent));
 border-radius:1rem;
 box-shadow:0 18px 48px rgba(0,0,0,.24);
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-card::after {
 content:"";
 position:absolute;
 inset:auto -18% -34% 42%;
 height:8rem;
 background:radial-gradient(circle, color-mix(in srgb, var(--tier-color) 18%, transparent), transparent 68%);
 pointer-events:none;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-card:hover,
.stl-soccer-hub-page #tier-pro .stl-hub-tier-card:focus-within {
 transform:translateY(-3px);
 border-color:color-mix(in srgb, var(--tier-color) 72%, white 8%);
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-art {
 order:-1;
 min-height:112px;
 max-height:132px;
 margin:-1rem -1rem 0;
 border-radius:.82rem .82rem 0 0;
 opacity:.9;
}

.stl-soccer-hub-page #tier-pro .stl-pro-main,
.stl-soccer-hub-page #tier-pro .stl-pro-data,
.stl-soccer-hub-page #tier-pro .stl-pro-latest {
 position:relative;
 z-index:1;
 display:grid;
 gap:.65rem;
 min-width:0;
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-head {
 align-items:center;
}

.stl-soccer-hub-page #tier-pro .stl-hub-logo {
 width:50px;
 height:50px;
 flex-basis:50px;
 background:rgba(255,255,255,.08);
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-club {
 font-size:clamp(1.05rem, 1.5vw, 1.32rem);
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-blurb {
 display:block;
 -webkit-line-clamp:unset;
 font-size:.86rem;
 color:rgba(238,247,238,.76);
}

.stl-soccer-hub-page #tier-pro .stl-pro-record {
 display:grid;
 grid-template-columns:repeat(5, minmax(0, 1fr));
 gap:.38rem;
}

.stl-soccer-hub-page #tier-pro .stl-pro-record span {
 display:grid;
 place-items:center;
 gap:.1rem;
 min-height:3.1rem;
 border:1px solid rgba(255,255,255,.1);
 border-radius:.72rem;
 background:rgba(255,255,255,.045);
}

.stl-soccer-hub-page #tier-pro .stl-pro-record strong {
 color:#fff;
 font-size:1.05rem;
 line-height:1;
}

.stl-soccer-hub-page #tier-pro .stl-pro-record small,
.stl-soccer-hub-page #tier-pro .stl-pro-news span {
 font:700 .58rem var(--f-mono);
 letter-spacing:.08em;
 text-transform:uppercase;
 color:var(--tier-color, var(--accent));
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-story,
.stl-soccer-hub-page #tier-pro .stl-pro-news a,
.stl-soccer-hub-page #tier-pro .stl-pro-news--empty {
 display:grid;
 gap:.22rem;
 padding:.62rem .7rem;
 border:1px solid rgba(255,255,255,.09);
 border-radius:.72rem;
 background:rgba(255,255,255,.045);
 color:inherit;
 text-decoration:none;
}

.stl-soccer-hub-page #tier-pro .stl-pro-news {
 display:grid;
 gap:.45rem;
}

.stl-soccer-hub-page #tier-pro .stl-pro-news strong,
.stl-soccer-hub-page #tier-pro .stl-hub-tier-story span {
 color:#f6fff6;
 font-size:.82rem;
 line-height:1.25;
}

.stl-soccer-hub-page #tier-pro .stl-pro-news a:hover,
.stl-soccer-hub-page #tier-pro .stl-pro-news a:focus-visible {
 border-color:var(--tier-color, var(--accent));
 background:rgba(255,255,255,.075);
}

.stl-soccer-hub-page #tier-pro .stl-hub-tier-actions {
 position:relative;
 z-index:1;
 align-self:end;
 justify-content:flex-start;
 min-width:0;
 gap:.45rem;
}

@media (max-width: 1040px) {
 .stl-soccer-hub-page #tier-pro .stl-hub-tier-grid {
  grid-template-columns:1fr;
 }

 .stl-soccer-hub-page #tier-pro .stl-hub-tier-card {
  grid-template-columns:minmax(0, 1fr) minmax(240px, .9fr);
 }

 .stl-soccer-hub-page #tier-pro .stl-hub-tier-art {
  grid-row:1 / span 3;
  margin:-1rem 0 -1rem -1rem;
  max-height:none;
  min-height:100%;
  border-radius:.82rem 0 0 .82rem;
 }
}

@media (max-width: 720px) {
 .stl-soccer-hub-page #tier-pro .stl-hub-tier-card {
  grid-template-columns:1fr;
 }

 .stl-soccer-hub-page #tier-pro .stl-hub-tier-art {
  grid-row:auto;
  margin:-1rem -1rem 0;
  min-height:94px;
  border-radius:.82rem .82rem 0 0;
 }
}

/* STL hub UX compression and verified-source cards */
.stl-soccer-hub-page .stl-section {
  padding-block: clamp(2.2rem, 4.8vw, 4rem);
}

.stl-soccer-hub-page .stl-section-header-row {
  align-items:end;
  gap:1rem;
  margin-bottom:1rem;
}

.stl-soccer-hub-page .stl-section-header-row .stl-muted {
  max-width:68ch;
}

.stl-soccer-hub-page .stl-tryouts-feature {
  background:
    radial-gradient(circle at 90% 10%, rgba(245, 200, 66, .12), transparent 22%),
    linear-gradient(180deg, rgba(3, 22, 30, .94), rgba(2, 8, 5, .96));
  padding-block: clamp(1.5rem, 3vw, 2.5rem);
}

.stl-soccer-hub-page .stl-hub-tryout-board {
  display:grid;
  gap:.8rem;
  padding:.85rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:1.2rem;
  background:rgba(3, 13, 12, .54);
  box-shadow:0 20px 70px rgba(0,0,0,.22);
}

.stl-soccer-hub-page .stl-hub-tryout-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  padding:.75rem;
  border:1px solid rgba(245,200,66,.18);
  border-radius:.95rem;
  background:rgba(255,255,255,.035);
}

.stl-soccer-hub-page .stl-hub-tryout-toolbar > div:first-child {
  display:grid;
  gap:.16rem;
}

.stl-soccer-hub-page .stl-hub-tryout-kicker,
.stl-soccer-hub-page .stl-hub-tryout-toolbar small {
  font:800 .62rem var(--f-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(245,200,66,.86);
}

.stl-soccer-hub-page .stl-hub-tryout-toolbar strong {
  font-size:1rem;
  line-height:1.1;
}

.stl-soccer-hub-page .stl-hub-tryout-toolbar small {
  color:rgba(220,238,224,.68);
}

.stl-soccer-hub-page .stl-hub-tryout-filters {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.45rem;
}

.stl-soccer-hub-page .stl-hub-tryout-filter {
  min-height:2rem;
  padding:.35rem .72rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#f7fff7;
  font:800 .62rem var(--f-mono);
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
}

.stl-soccer-hub-page .stl-hub-tryout-filter:hover,
.stl-soccer-hub-page .stl-hub-tryout-filter:focus-visible,
.stl-soccer-hub-page .stl-hub-tryout-filter.is-active {
  border-color:rgba(245,200,66,.72);
  background:var(--accent);
  color:#061009;
}

.stl-soccer-hub-page .stl-hub-tryout-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.65rem;
  align-items:stretch;
  max-height:min(58vh, 560px);
  overflow:auto;
  padding-right:.25rem;
  scrollbar-color:rgba(245,200,66,.75) rgba(255,255,255,.08);
}

.stl-soccer-hub-page .stl-hub-tryout {
  position:relative;
  display:grid;
  grid-template-columns:auto auto minmax(0, 1fr);
  grid-template-rows:auto auto auto;
  column-gap:.8rem;
  row-gap:.5rem;
  min-height:0;
  padding:.75rem;
  border-radius:1rem;
  border:1px solid rgba(255,255,255,.1);
  border-top:3px solid var(--accent);
  background:
    linear-gradient(150deg, rgba(245,200,66,.08), transparent 42%),
    rgba(9, 26, 27, .92);
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}

.stl-soccer-hub-page .stl-hub-tryout:hover,
.stl-soccer-hub-page .stl-hub-tryout:focus-within {
  transform:translateY(-3px);
  border-color:rgba(245,200,66,.58);
}

.stl-soccer-hub-page .stl-hub-tryout-brand {
  grid-column:1;
  grid-row:1 / span 2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:.42rem;
  min-width:68px;
  margin:0;
  text-align:center;
}

.stl-soccer-hub-page .stl-hub-tryout-brand .stl-hub-logo {
  width:36px;
  height:36px;
  flex-basis:36px;
  border-radius:.75rem;
  background:rgba(255,255,255,.08);
}

.stl-soccer-hub-page .stl-hub-tryout-media {
  grid-column:2;
  grid-row:1 / span 2;
  align-self:start;
  display:block;
  width:64px;
  aspect-ratio:1.28;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:.75rem;
  background:#f7f8f4;
  box-shadow:0 12px 28px rgba(0,0,0,.2);
}

.stl-soccer-hub-page .stl-hub-tryout-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:.35rem;
}

.stl-soccer-hub-page .stl-hub-tryout-brand > span,
.stl-soccer-hub-page .stl-hub-tryout-date {
  font:800 .62rem var(--f-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--accent);
}

.stl-soccer-hub-page .stl-hub-tryout-main {
  grid-column:3;
  display:grid;
  gap:.18rem;
  min-width:0;
}

.stl-soccer-hub-page .stl-hub-tryout-club {
  font-size:.98rem;
  line-height:1.15;
}

.stl-soccer-hub-page .stl-hub-tryout-detail {
  color:rgba(238,247,238,.82);
  font-size:.78rem;
  line-height:1.35;
}

.stl-soccer-hub-page .stl-hub-tryout-more {
  grid-column:3;
  color:rgba(220,238,224,.76);
  font-size:.72rem;
  line-height:1.45;
}

.stl-soccer-hub-page .stl-hub-tryout-more summary {
  width:max-content;
  cursor:pointer;
  font:800 .62rem var(--f-mono);
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--accent);
}

.stl-soccer-hub-page .stl-hub-tryout-more p {
  margin:.35rem 0 0;
  color:rgba(220,238,224,.76);
}

.stl-soccer-hub-page .stl-hub-tryout-meta {
  grid-column:3;
  margin:0;
  color:rgba(185,210,190,.72);
  font-size:.64rem;
  line-height:1.35;
}

.stl-soccer-hub-page .stl-hub-tryout-foot {
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  align-items:center;
  margin-top:.1rem;
}

.stl-soccer-hub-page .stl-hub-tryout-level,
.stl-soccer-hub-page .stl-hub-tryout-status,
.stl-soccer-hub-page .stl-hub-tryout-source {
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  padding:.35rem .6rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:#f7fff7;
  text-decoration:none;
  font-weight:800;
  font-size:.68rem;
}

.stl-soccer-hub-page .stl-hub-tryout-source {
  background:var(--accent);
  color:#071007;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league,
.stl-soccer-hub-page #tier-hscl .stl-hub-tier-card,
.stl-soccer-hub-page #tier-college .stl-hub-league,
.stl-soccer-hub-page #tier-pathway .stl-hub-ladder {
  background:
    linear-gradient(145deg, rgba(9, 34, 25, .92), rgba(3, 9, 6, .96)),
    rgba(4, 12, 8, .95);
  border:1px solid rgba(245,200,66,.2);
  border-radius:1rem;
  box-shadow:0 18px 52px rgba(0,0,0,.24);
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-table-wrap,
.stl-soccer-hub-page #tier-college .stl-hub-table-wrap {
  max-height:440px;
  overflow:auto;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-table thead,
.stl-soccer-hub-page #tier-college .stl-hub-table thead {
  position:sticky;
  top:0;
  z-index:2;
}

.stl-soccer-hub-page #tier-college .stl-hub-coll-group {
  border:1px solid rgba(255,255,255,.09);
  border-radius:.9rem;
  overflow:hidden;
  background:rgba(255,255,255,.035);
}

.stl-soccer-hub-page #tier-college .stl-hub-coll-div {
  cursor:pointer;
  padding:.85rem 1rem;
  list-style:none;
}

.stl-soccer-hub-page #tier-college .stl-hub-coll-div::-webkit-details-marker {
  display:none;
}

.stl-soccer-hub-page #tier-college .stl-hub-coll-div::after {
  content:"Open";
  margin-left:auto;
  padding:.3rem .55rem;
  border-radius:999px;
  background:rgba(245,200,66,.14);
  color:var(--accent);
  font:800 .58rem var(--f-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.stl-soccer-hub-page #tier-college .stl-hub-coll-group[open] .stl-hub-coll-div::after {
  content:"Showing";
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-grid {
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.85rem;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-card {
  position:relative;
  overflow:hidden;
  display:grid;
  align-content:start;
  gap:.75rem;
  padding:1rem;
  border-top:3px solid var(--tier-color, var(--accent));
  background:
    radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--tier-color, var(--accent)) 22%, transparent), transparent 28%),
    linear-gradient(135deg, rgba(3,32,42,.96), rgba(5,20,22,.94) 54%, rgba(5,13,7,.96));
  box-shadow:0 20px 48px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-card::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, var(--tier-color, var(--accent)), rgba(45,184,75,.85)) top left / 100% 3px no-repeat,
    linear-gradient(90deg, transparent 49%, rgba(255,255,255,.075) 49% 51%, transparent 51%) center / 100% 100% no-repeat,
    radial-gradient(ellipse at center, transparent 0 18%, rgba(255,255,255,.05) 18.5% 19%, transparent 19.5%);
  opacity:.78;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-card > * {
  position:relative;
  z-index:1;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-card:hover,
.stl-soccer-hub-page #tier-hscl .stl-hub-tier-card:focus-visible {
  transform:translateY(-3px);
  border-color:color-mix(in srgb, var(--tier-color, var(--accent)) 70%, #fff);
  box-shadow:0 26px 62px rgba(0,0,0,.32), 0 0 0 1px color-mix(in srgb, var(--tier-color, var(--accent)) 35%, transparent);
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-logo {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  flex:0 0 54px;
  border-radius:16px;
  border:1px solid color-mix(in srgb, var(--tier-color, var(--accent)) 42%, rgba(255,255,255,.12));
  background:rgba(255,255,255,.08);
  box-shadow:0 12px 26px rgba(0,0,0,.24);
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-logo img {
  display:block;
  width:100%;
  height:100%;
  padding:.32rem;
  object-fit:contain;
  border-radius:14px;
}

.stl-soccer-hub-page #tier-hscl .stl-hs-action-row {
  display:flex;
  flex-wrap:wrap;
  gap:.38rem;
  margin-top:auto;
}

.stl-soccer-hub-page #tier-hscl .stl-hs-action-row span {
  display:inline-flex;
  align-items:center;
  min-height:1.75rem;
  padding:.3rem .55rem;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--tier-color, var(--accent)) 32%, rgba(255,255,255,.12));
  background:rgba(255,255,255,.055);
  color:rgba(245,250,245,.86);
  font:800 .58rem/1 var(--f-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-actions {
  margin-top:.1rem;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-link::after {
  content:" ->";
}

.stl-soccer-hub-page #tier-pathway .stl-hub-ladder {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:.8rem;
  padding:1rem;
  list-style:none;
  counter-reset:pathway;
}

.stl-soccer-hub-page #tier-pathway .stl-hub-ladder-step {
  display:grid;
  gap:.55rem;
  padding:.9rem;
  border-radius:.85rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
}

.stl-soccer-hub-page #tier-pathway .stl-hub-ladder-num {
  display:grid;
  place-items:center;
  width:2.35rem;
  height:2.35rem;
  border-radius:999px;
  background:var(--accent);
  color:#061006;
  font-weight:900;
}

.stl-soccer-hub-page #stl-news-feed {
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 22%, rgba(236,64,82,.12), transparent 30%),
    radial-gradient(circle at 86% 8%, rgba(45,184,75,.14), transparent 28%),
    linear-gradient(180deg, rgba(3,20,25,.94), rgba(3,9,6,.98));
}

.stl-soccer-hub-page #stl-news-feed::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(236,64,82,.85), rgba(245,200,66,.95), rgba(45,184,75,.85)) top left / 100% 3px no-repeat,
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 16px);
  opacity:.8;
}

.stl-soccer-hub-page #stl-news-feed .stl-container {
  position:relative;
  z-index:1;
}

.stl-soccer-hub-page #stl-news-feed .stl-section-header-row {
  align-items:end;
  margin-bottom:.8rem;
}

.stl-soccer-hub-page .stl-news-feed-actions {
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  justify-content:flex-end;
}

.stl-soccer-hub-page #stl-news-feed .mf-home-spotlight-grid {
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.75rem;
}

.stl-soccer-hub-page .stl-news-action-card {
  position:relative;
  isolation:isolate;
  display:grid;
  gap:.55rem;
  min-height:10rem;
  padding:1rem;
  text-decoration:none;
  color:inherit;
  border-color:rgba(245,200,66,.2);
  background:
    radial-gradient(circle at 88% 18%, rgba(245,200,66,.18), transparent 30%),
    linear-gradient(145deg, rgba(9,39,43,.94), rgba(5,18,13,.96));
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.stl-soccer-hub-page .stl-news-action-card::after {
  content:"";
  position:absolute;
  inset:auto 1rem 1rem auto;
  width:2.25rem;
  height:2.25rem;
  border-radius:999px;
  border:1px solid rgba(245,200,66,.32);
  background:radial-gradient(circle, rgba(245,200,66,.35), rgba(45,184,75,.08));
  opacity:.65;
  transform:scale(.92);
  transition:transform .18s ease, opacity .18s ease;
}

.stl-soccer-hub-page .stl-news-action-card:hover,
.stl-soccer-hub-page .stl-news-action-card:focus-visible {
  transform:translateY(-3px);
  border-color:rgba(245,200,66,.55);
  box-shadow:0 24px 60px rgba(0,0,0,.3), 0 0 0 1px rgba(45,184,75,.12);
}

.stl-soccer-hub-page .stl-news-action-card:hover::after,
.stl-soccer-hub-page .stl-news-action-card:focus-visible::after {
  opacity:1;
  transform:scale(1.08);
}

.stl-soccer-hub-page .stl-news-action-card__icon {
  display:inline-flex;
  width:max-content;
  min-height:1.8rem;
  align-items:center;
  padding:.35rem .62rem;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(245,200,66,.92), rgba(45,184,75,.82));
  color:#071007;
  font:900 .62rem/1 var(--f-mono);
  letter-spacing:.12em;
}

.stl-soccer-hub-page .stl-news-action-card h3 {
  margin:0;
  font-size:clamp(1rem, 1.35vw, 1.18rem);
}

.stl-soccer-hub-page .stl-news-action-card p {
  margin:0;
  max-width:58ch;
  color:rgba(220,238,224,.78);
  font-size:.84rem;
  line-height:1.45;
}

.stl-soccer-hub-page .stl-news-action-card__chips {
  display:flex;
  flex-wrap:wrap;
  gap:.38rem;
}

.stl-soccer-hub-page .stl-news-action-card__chips span {
  padding:.28rem .5rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:rgba(245,250,245,.84);
  font:800 .56rem/1 var(--f-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.stl-soccer-hub-page .stl-news-action-card__cta {
  color:var(--accent);
  font:900 .68rem/1 var(--f-mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}

.stl-soccer-hub-page .stl-news-action-card__cta::after {
  content:" ->";
}

@media (prefers-reduced-motion:no-preference) {
  .stl-soccer-hub-page .stl-news-action-card__icon {
    animation:stlNewsPulse 2.8s ease-in-out infinite;
  }
}

@keyframes stlNewsPulse {
  0%, 100% { filter:saturate(1); }
  50% { filter:saturate(1.3) brightness(1.08); }
}

@media (max-width: 1120px) {
  .stl-soccer-hub-page .stl-hub-tryout-grid,
  .stl-soccer-hub-page #tier-hscl .stl-hub-tier-grid,
  .stl-soccer-hub-page #tier-pathway .stl-hub-ladder {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .stl-soccer-hub-page .stl-hub-tryout-grid,
  .stl-soccer-hub-page #tier-hscl .stl-hub-tier-grid,
  .stl-soccer-hub-page #tier-pathway .stl-hub-ladder {
    grid-template-columns:1fr;
  }
}

.stl-hub-daily-panel{
 padding:1rem;border-radius:var(--r-md);
 background:var(--surface);border:1px solid var(--border);
}
.mf-stl-pulse-section .stl-hub-daily-panel{
 min-height:100%;
 background:
 linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
 rgba(6,16,8,.74);
 border-color:rgba(255,255,255,.11);
 box-shadow:0 18px 48px rgba(0,0,0,.2);
}
.mf-stl-pulse-section{
 padding-block:clamp(.9rem,2vw,1.45rem)!important;
}
.mf-stl-pulse-section .stl-section-header-row{
 align-items:end;
 gap:.65rem;
 margin-bottom:.6rem;
}
.mf-stl-pulse-section .stl-subheading{
 max-width:22rem;
 margin:.15rem 0 0;
 font-size:clamp(1.15rem,2vw,1.55rem);
 line-height:1.02;
}
.mf-stl-pulse-section .stl-subheading span{
 display:block;
}
.mf-stl-pulse-section .stl-muted{
 display:none;
}
.mf-stl-pulse-section .stl-hub-daily-panel{
 padding:.75rem;
}
.mf-stl-pulse-section .stl-hub-daily-head{
 margin-bottom:.45rem;
}
.mf-stl-pulse-section .stl-hub-daily-head h3{
 font-size:.88rem;
 line-height:1.1;
}
.mf-stl-pulse-section .stl-hub-watch-card,
.mf-stl-pulse-section .stl-hub-story-card,
.mf-stl-pulse-section .stl-hub-video-card{
 padding:.55rem;
 margin-top:.35rem;
}

.stl-soccer-hub-page #mf-pathway-stl-hub {
 display:none!important;
}

.mf-stl-open-cup-feature{
 padding-block:clamp(.9rem,2vw,1.45rem)!important;
}
.mf-stl-open-cup-card{
 display:grid;
 grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);
 gap:.8rem;
 align-items:stretch;
 border:1px solid rgba(245,200,66,.2);
 border-radius:1rem;
 background:
  radial-gradient(circle at 0% 0%,rgba(232,48,42,.13),transparent 18rem),
  linear-gradient(145deg,rgba(9,34,25,.92),rgba(3,9,6,.96));
 box-shadow:0 22px 54px rgba(0,0,0,.24);
 overflow:hidden;
}
.mf-stl-open-cup-card__media{
 position:relative;
 min-height:170px;
 overflow:hidden;
 background:rgba(0,0,0,.22);
}
.mf-stl-open-cup-card__media img{
 width:100%;
 height:100%;
 min-height:170px;
 object-fit:cover;
 transform:scale(1.01);
 transition:transform .24s ease,filter .24s ease;
}
.mf-stl-open-cup-card:hover .mf-stl-open-cup-card__media img,
.mf-stl-open-cup-card:focus-within .mf-stl-open-cup-card__media img{
 transform:scale(1.045);
 filter:saturate(1.08);
}
.mf-stl-open-cup-card__body{
 display:grid;
 align-content:center;
 gap:.5rem;
 padding:clamp(.8rem,2vw,1.05rem);
}
.mf-stl-open-cup-card__body .stl-subheading{
 margin:0;
 font-size:clamp(1.25rem,2.2vw,1.8rem);
 line-height:1.03;
}
.mf-stl-open-cup-card__body p{
 margin:0;
 max-width:58ch;
 color:rgba(234,238,229,.82);
 font-size:.9rem;
 line-height:1.45;
}
.mf-stl-open-cup-card__chips,
.mf-stl-open-cup-card__actions{
 display:flex;
 flex-wrap:wrap;
 gap:.45rem;
 align-items:center;
}
.mf-stl-open-cup-card__chips span{
 padding:.32rem .52rem;
 border:1px solid rgba(255,255,255,.1);
 border-radius:999px;
 background:rgba(255,255,255,.045);
 color:rgba(245,200,66,.88);
 font:900 .62rem/1 var(--f-mono);
 letter-spacing:.06em;
 text-transform:uppercase;
}
.mf-stl-pulse-section .stl-hub-daily-panel--video{
 border-color:rgba(232,180,0,.28);
}
.stl-hub-daily-head{margin-bottom:.8rem}
.stl-hub-daily-head h3{margin:.2rem 0 0;font-size:1rem}
.stl-hub-watch-card,
.stl-hub-story-card,
.stl-hub-video-card{
 display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;
 padding:.75rem 0;border-top:1px solid rgba(255,255,255,.06);text-decoration:none;color:inherit;
}
.stl-hub-daily-panel > :is(.stl-hub-watch-card,.stl-hub-story-card,.stl-hub-video-card):first-of-type{border-top:none;padding-top:0}
.stl-hub-watch-card div,
.stl-hub-story-card,
.stl-hub-video-card{display:grid;gap:.18rem}
.stl-hub-watch-card span,
.stl-hub-story-card span,
.stl-hub-video-card span{
 font-family:var(--f-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);
}
.stl-hub-watch-card strong,
.stl-hub-story-card strong,
.stl-hub-video-card strong{font-size:.85rem;line-height:1.35}
.stl-hub-watch-card small,
.stl-hub-story-card small,
.stl-hub-video-card small{font-size:.74rem;color:var(--muted);line-height:1.45}

.mf-stl-pulse-section .stl-hub-watch-card,
.mf-stl-pulse-section .stl-hub-story-card,
.mf-stl-pulse-section .stl-hub-video-card{
 border-top-color:rgba(255,255,255,.08);
 border-radius:.8rem;
 padding:.7rem;
 margin-top:.45rem;
 background:rgba(255,255,255,.03);
 transition:transform .18s ease,border-color .18s ease,background-color .18s ease;
}
.mf-stl-pulse-section .stl-hub-watch-card:first-of-type,
.mf-stl-pulse-section .stl-hub-story-card:first-of-type,
.mf-stl-pulse-section .stl-hub-video-card:first-of-type{
 margin-top:0;
}
.mf-stl-pulse-section .stl-hub-story-card,
.mf-stl-pulse-section .stl-hub-video-card{
 grid-template-columns:1fr;
}
.mf-stl-pulse-section a.stl-hub-story-card:hover,
.mf-stl-pulse-section a.stl-hub-video-card:hover{
 transform:translateY(-2px);
 background:rgba(255,255,255,.055);
}
.stl-hub-video-thumb{
 position:relative;
 display:block!important;
 aspect-ratio:16/9;
 overflow:hidden;
 border-radius:.75rem;
 background:rgba(255,255,255,.08);
 margin-bottom:.45rem;
}
.stl-hub-video-thumb img{
 width:100%;
 height:100%;
 object-fit:cover;
 display:block;
}
.stl-hub-video-thumb b{
 position:absolute;
 left:.65rem;
 bottom:.65rem;
 display:inline-flex;
 align-items:center;
 min-height:30px;
 padding:.35rem .62rem;
 border-radius:999px;
 background:#ffd34a;
 color:#061008;
 font-family:var(--f-mono);
 font-size:.6rem;
 font-weight:900;
 letter-spacing:.07em;
 text-transform:uppercase;
 box-shadow:0 10px 24px rgba(0,0,0,.26);
}

@media (max-width: 980px){
 .mf-stl-pulse-grid{grid-template-columns:1fr;}
 .mf-stl-pulse-tabs{justify-content:flex-start;}
 .mf-stl-open-cup-card{grid-template-columns:1fr;}
 .mf-stl-open-cup-card__media,
 .mf-stl-open-cup-card__media img{min-height:190px;}
 .stl-hub-college-summary--compact{grid-template-columns:repeat(2,minmax(0,1fr));}
 .stl-hub-college-count{margin-left:0;}
}

.stl-hub-tryout-grid {
 grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
}

.stl-hub-tryout {
 position: relative;
 isolation: isolate;
 overflow: hidden;
 min-height: 180px;
 padding: 1rem;
 border-color: rgba(232,180,0,.22);
 background:
 linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)),
 radial-gradient(circle at 100% 0, rgba(232,180,0,.12), transparent 12rem);
}

.stl-hub-tryout::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: -1;
 background: linear-gradient(90deg, #e8302a, #e8b400, #2db84b) top left / 100% 3px no-repeat;
 opacity: .8;
}

.stl-hub-tryout-meta {
 min-height: 2.7em;
}

.stl-hub-tryout-foot {
 display: flex;
 flex-wrap: wrap;
 gap: .45rem;
 align-items: center;
 margin-top: auto;
 padding-top: .5rem;
}

.stl-hub-tryout-level,
.stl-hub-tryout-status,
.stl-hub-tryout-source {
 margin: 0;
 padding: .28rem .58rem;
 border-radius: var(--r-full);
 font-family: var(--f-mono);
 font-size: .58rem;
 font-weight: 800;
 letter-spacing: .06em;
 text-transform: uppercase;
}

.stl-hub-tryout-status {
 color: #071009;
 background: #e8b400;
}

.stl-hub-tryout-source {
 color: var(--text);
 border: 1px solid rgba(232,180,0,.3);
 background: rgba(255,255,255,.035);
}

.stl-soccer-hub-page #tier-tryouts .stl-hub-tryout-grid {
 grid-template-columns: repeat(2,minmax(0,1fr));
 max-height: min(58vh, 560px);
 overflow: auto;
}

.stl-soccer-hub-page #tier-tryouts .stl-hub-tryout {
 display: grid;
 grid-template-columns: auto auto minmax(0,1fr);
 grid-template-rows: auto auto auto;
 min-height: 0;
 padding: .75rem;
 gap: .5rem .8rem;
}

.stl-soccer-hub-page #tier-tryouts .stl-hub-tryout-brand {
 grid-column: 1;
 grid-row: 1 / span 2;
 flex-direction: column;
 justify-content: flex-start;
 min-width: 68px;
 margin: 0;
 text-align: center;
}

.stl-soccer-hub-page #tier-tryouts .stl-hub-tryout-main {
 grid-column: 3;
 display: grid;
 gap: .18rem;
 min-width: 0;
}

.stl-soccer-hub-page #tier-tryouts .stl-hub-tryout-detail {
 font-size: .78rem;
 line-height: 1.35;
}

.stl-soccer-hub-page #tier-tryouts .stl-hub-tryout-more,
.stl-soccer-hub-page #tier-tryouts .stl-hub-tryout-meta {
 grid-column: 3;
}

.stl-soccer-hub-page #tier-tryouts .stl-hub-tryout-foot {
 grid-column: 1 / -1;
 margin-top: .1rem;
}

@media (max-width: 920px) {
 .stl-soccer-hub-page .stl-hub-tryout-toolbar {
  align-items:flex-start;
  flex-direction:column;
 }

 .stl-soccer-hub-page .stl-hub-tryout-filters {
  justify-content:flex-start;
 }

 .stl-soccer-hub-page #tier-tryouts .stl-hub-tryout-grid {
  grid-template-columns:1fr;
  max-height:62vh;
 }
}

@media (max-width: 560px) {
 .stl-soccer-hub-page #tier-tryouts .stl-hub-tryout {
  grid-template-columns:1fr;
 }

 .stl-soccer-hub-page #tier-tryouts .stl-hub-tryout-brand {
  grid-row:auto;
  flex-direction:row;
  justify-content:space-between;
  text-align:left;
 }

 .stl-soccer-hub-page #tier-tryouts .stl-hub-tryout-more,
 .stl-soccer-hub-page #tier-tryouts .stl-hub-tryout-meta {
  grid-column:1;
 }

 .stl-soccer-hub-page #tier-tryouts .stl-hub-tryout-main,
 .stl-soccer-hub-page .stl-hub-tryout-media {
  grid-column:1;
 }
}

@media (max-width: 760px) {
 .stl-soccer-hub-page .stl-section,
 .stl-soccer-hub-page .stl-section--alt {
  padding: 1rem 0;
 }

 .stl-local-hero {
  padding-top: 1.75rem;
 }

 .mf-stl-hub-hero .mf-hero-grid{
  grid-template-columns:1fr;
 }

  body.stl-soccer-hub-page .stl-local-hero .stl-heading {
   font-size: clamp(1rem, 5vw, 1.6rem) !important;
  }
}

/* TEAM TABLES */.stl-hub-table-wrap{overflow-x:auto;border-radius:var(--r-sm);}.stl-hub-table{
 width:100%;border-collapse:collapse;font-size:.88rem;
}.stl-hub-table thead th{
 text-align:left;padding:.6rem.8rem;
 font-family:var(--f-mono);font-size:.65rem;letter-spacing:.06em;
 color:var(--muted);text-transform:uppercase;
 border-bottom:1px solid var(--border);
 background:var(--surface-2);
}.stl-hub-table tbody td{
 padding:.7rem.8rem;border-bottom:1px solid var(--border);
 vertical-align:top;color:var(--text);
}.stl-hub-table tbody tr:hover td{background:var(--surface-2);}.stl-hub-table tbody tr:last-child td{border-bottom:none;}.stl-hub-team-name strong{font-weight:700;}.stl-hub-team-note{
 margin-top:.25rem;font-family:var(--f-mono);font-size:.65rem;color:var(--muted);
 line-height:1.4;
}.stl-hub-mascot{font-family:var(--f-mono);font-size:.72rem;color:var(--muted);}.stl-hub-team-venue{font-size:.8rem;color:var(--muted);}.stl-hub-team-side{display:flex;flex-wrap:wrap;gap:.3rem;}.stl-hub-team-links{display:flex;gap:.5rem;align-items:center;}.stl-hub-team-link{
 text-decoration:none;font-size:.95rem;
 padding:.2rem.35rem;border-radius:var(--r-sm);
 transition:background.15s ease;
}.stl-hub-team-link:hover{background:var(--surface-3);}
.stl-hub-team-name-row{
 display:grid;
 grid-template-columns:auto 1fr;
 gap:.7rem;
 align-items:start;
}
.stl-hub-team-name-row .stl-hub-logo{
 width:40px;
 height:40px;
 border-radius:12px;
 flex-basis:40px;
}
.stl-hub-team-info{
 margin-top:.35rem;
 max-width:34rem;
 color:rgba(220,238,224,.72);
 font-size:.72rem;
 line-height:1.45;
}
.stl-hub-conf-cell{
 display:flex;
 align-items:center;
 gap:.45rem;
 flex-wrap:wrap;
}

/* TAGS */.stl-hub-tag{
 display:inline-block;padding:.18rem.5rem;
 font-family:var(--f-mono);font-size:.6rem;letter-spacing:.05em;
 border-radius:var(--r-full);background:var(--surface-2);color:var(--text);
 border:1px solid var(--border);
}.stl-hub-tag--m{background:rgba(78,170,255,.12);color:#7ec0ff;border-color:rgba(78,170,255,.35);}.stl-hub-tag--w{background:rgba(231,76,154,.12);color:#f08fc1;border-color:rgba(231,76,154,.35);}.stl-hub-tag--ghost{background:transparent;color:var(--muted);}

/* COLLEGE specific */.stl-hub-coll-section{margin-top:1.25rem;}.stl-hub-coll-section:first-child{margin-top:0;}.stl-hub-coll-section-head{
 display:flex;align-items:center;justify-content:space-between;gap:1rem;
 flex-wrap:wrap;margin-bottom:.85rem;padding-bottom:.55rem;
 border-bottom:1px dashed var(--border);
}.stl-hub-coll-section-tag{
 font-family:var(--f-display),sans-serif;font-size:.78rem;font-weight:900;
 letter-spacing:.05em;color:var(--accent);text-transform:uppercase;
}.stl-hub-coll-section-tag--ghost{color:var(--muted);}.stl-hub-coll-section-meta{
 font-family:var(--f-mono);font-size:.65rem;color:var(--muted);letter-spacing:.04em;
}.stl-hub-coll-group{margin-top:1rem;}.stl-hub-coll-group:first-child{margin-top:0;}.stl-hub-coll-div{
 display:flex;align-items:center;gap:.55rem;margin-bottom:.5rem;
}.stl-hub-coll-divbadge{
 font-family:var(--f-display),sans-serif;font-size:.78rem;font-weight:900;
 padding:.25rem.65rem;border-radius:var(--r-sm);
 background:var(--lg-color,var(--accent));color:#0a0a0a;letter-spacing:.04em;
}.stl-hub-coll-count{
 font-family:var(--f-mono);font-size:.62rem;color:var(--muted);letter-spacing:.04em;
}
.stl-hub-college-summary{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:.8rem;
 margin:0 0 1rem;
}
.stl-hub-college-summary--compact{
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:.55rem;
 margin-bottom:.65rem;
}
.stl-hub-college-stat{
 padding:.65rem .75rem;
 border-radius:var(--r-md);
 border:1px solid var(--border);
 background:rgba(255,255,255,.04);
}
.stl-hub-college-stat strong{
 display:block;
 font-family:var(--f-display),sans-serif;
 font-size:1rem;
 color:var(--text);
}
.stl-hub-college-stat span{
 display:block;
 margin-top:.22rem;
 font-family:var(--f-mono);
 font-size:.65rem;
 letter-spacing:.05em;
 text-transform:uppercase;
 color:var(--muted);
}
.stl-hub-coll-div .stl-hub-logo{
 width:28px;
 height:28px;
 border-radius:8px;
 flex-basis:28px;
}
.stl-hub-coll-div .stl-hub-logo img{
 padding:.2rem;
}
.stl-hub-college-toolbar{
 display:flex;
 align-items:center;
 gap:.55rem;
 flex-wrap:wrap;
 margin:.75rem 0;
 padding:.55rem;
 border:1px solid rgba(245,200,66,.18);
 border-radius:.85rem;
 background:rgba(255,255,255,.035);
}
.stl-hub-college-search{
 flex:1 1 14rem;
 display:flex;
 align-items:center;
 gap:.5rem;
 min-height:2.45rem;
 padding:.28rem .45rem .28rem .65rem;
 border:1px solid rgba(255,255,255,.1);
 border-radius:.7rem;
 background:rgba(0,0,0,.2);
}
.stl-hub-college-search span,
.stl-hub-college-count{
 font:900 .62rem/1 var(--f-mono);
 letter-spacing:.08em;
 text-transform:uppercase;
 color:rgba(245,200,66,.86);
}
.stl-hub-college-search input{
 width:100%;
 min-height:1.85rem;
 border:0;
 outline:0;
 background:transparent;
 color:var(--text);
 font:800 .85rem/1.2 var(--f-body);
}
.stl-hub-college-filters{
 display:flex;
 gap:.35rem;
 flex-wrap:wrap;
}
.stl-hub-college-filter{
 min-height:2.2rem;
 padding:.42rem .62rem;
 border-radius:999px;
 border:1px solid rgba(255,255,255,.12);
 background:rgba(255,255,255,.04);
 color:var(--text);
 cursor:pointer;
 font:900 .64rem/1 var(--f-mono);
 letter-spacing:.06em;
 text-transform:uppercase;
 transition:transform .18s ease,border-color .18s ease,background-color .18s ease;
}
.stl-hub-college-filter:hover,
.stl-hub-college-filter:focus-visible{
 transform:translateY(-1px);
 border-color:rgba(245,200,66,.5);
}
.stl-hub-college-filter.is-active{
 color:#07120c;
 border-color:transparent;
 background:linear-gradient(135deg,#ffd34a,#c8f230);
}
.stl-hub-college-count{
 margin-left:auto;
 white-space:nowrap;
}
.stl-hub-college-card-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
 gap:.6rem;
}
.stl-hub-college-card{
 display:grid;
 align-content:start;
 gap:.55rem;
 min-height:100%;
 padding:.72rem;
 border:1px solid rgba(255,255,255,.1);
 border-radius:.85rem;
 background:
  linear-gradient(145deg,rgba(11,34,25,.86),rgba(3,9,6,.94)),
  rgba(255,255,255,.035);
 transition:transform .18s ease,border-color .18s ease,background-color .18s ease;
}
.stl-hub-college-card[hidden]{display:none!important}
.stl-hub-college-card:hover,
.stl-hub-college-card:focus-within{
 transform:translateY(-2px);
 border-color:rgba(245,200,66,.34);
 background:rgba(255,255,255,.06);
}
.stl-hub-college-card__top,
.stl-hub-college-card__meta,
.stl-hub-college-card__chips{
 display:flex;
 align-items:center;
 gap:.45rem;
 flex-wrap:wrap;
}
.stl-hub-college-card__top{
 align-items:flex-start;
}
.stl-hub-college-card__top .stl-hub-logo{
 width:34px;
 height:34px;
 flex:0 0 34px;
 border-radius:.65rem;
}
.stl-hub-college-card__top span{
 display:block;
 color:rgba(245,200,66,.86);
 font:900 .58rem/1.1 var(--f-mono);
 letter-spacing:.07em;
 text-transform:uppercase;
}
.stl-hub-college-card__top strong{
 display:block;
 margin-top:.15rem;
 color:var(--text);
 font:900 .95rem/1.1 var(--f-display),var(--f-body);
}
.stl-hub-college-distance{
 margin-left:auto;
 padding:.24rem .42rem;
 border-radius:999px;
 border:1px solid rgba(255,255,255,.1);
 color:var(--muted);
 font:800 .58rem/1 var(--f-mono);
}
.stl-hub-college-card__meta{
 color:var(--muted);
 font:800 .7rem/1.25 var(--f-body);
}
.stl-hub-college-card__meta .stl-hub-logo{
 width:18px;
 height:18px;
 flex:0 0 18px;
 border-radius:999px;
 margin-right:.18rem;
}
.stl-hub-college-card p{
 margin:0;
 color:rgba(234,238,229,.78);
 font-size:.76rem;
 line-height:1.35;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 overflow:hidden;
}

/* PATHWAYS ladder */.stl-hub-ladder{
 list-style:none;padding:0;margin:0;
 display:grid;gap:.75rem;
 grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}.stl-hub-ladder-step{
 display:flex;align-items:flex-start;gap:.75rem;
 padding:.85rem 1rem;background:var(--surface);
 border:1px solid var(--border);border-radius:var(--r-md);
 border-left:3px solid var(--accent);
}.stl-hub-ladder-num{
 width:32px;height:32px;border-radius:50%;
 background:var(--accent);color:#0a0a0a;
 display:flex;align-items:center;justify-content:center;
 font-family:var(--f-display),sans-serif;font-weight:900;font-size:.95rem;
 flex-shrink:0;
}.stl-hub-ladder-label{
 font-weight:700;color:var(--text);font-size:.92rem;margin-bottom:.2rem;
}.stl-hub-ladder-desc{
 font-family:var(--f-mono);font-size:.7rem;color:var(--muted);line-height:1.5;
}

/* TRYOUTS grid */.stl-hub-tryout-grid{
 display:grid;gap:.75rem;
 grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}.stl-hub-tryout{
 padding:.85rem 1rem;background:var(--surface);
 border:1px solid var(--border);border-radius:var(--r-md);
 display:flex;flex-direction:column;gap:.3rem;
}.stl-hub-tryout-date{
 font-family:var(--f-mono);font-size:.68rem;color:var(--accent);
 letter-spacing:.06em;font-weight:700;text-transform:uppercase;
}.stl-hub-tryout-club{font-weight:700;font-size:.95rem;color:var(--text);}.stl-hub-tryout-detail{font-size:.85rem;color:var(--text);}.stl-hub-tryout-meta{
 font-family:var(--f-mono);font-size:.65rem;color:var(--muted);line-height:1.5;
}.stl-hub-tryout-level{
 margin-top:.35rem;padding:.25rem.55rem;align-self:flex-start;
 font-family:var(--f-mono);font-size:.6rem;letter-spacing:.06em;
 border-radius:var(--r-full);background:var(--accent-bg);color:var(--accent);
 text-transform:uppercase;
}

/* Mobile */
@media (max-width:640px){.stl-hub-table thead{display:none;}.stl-hub-table tbody td{
 display:block;padding:.4rem.8rem;border-bottom:none;
 }.stl-hub-table tbody tr{
 display:block;padding:.6rem.2rem;border-bottom:1px solid var(--border);
 }.stl-hub-table tbody td:first-child{padding-top:.7rem;}.stl-hub-table tbody td:last-child{padding-bottom:.7rem;}.stl-hub-team-venue::before{content:" ";opacity:.6;}.stl-hub-team-links{padding-top:.3rem;}.stl-hub-college-summary{grid-template-columns:1fr;}
}

.stl-soccer-hub-page .stl-hub-tryout-level,
.stl-soccer-hub-page .stl-hub-tryout-status,
.stl-soccer-hub-page .stl-hub-tryout-source {
 margin: 0;
 padding: .28rem .58rem;
 align-self: auto;
 border-radius: var(--r-full);
 font-family: var(--f-mono);
 font-size: .58rem;
 font-weight: 800;
 letter-spacing: .06em;
 text-transform: uppercase;
}
/* Match the shared centered page-hero banner. */
body.mf-page-shell .yp-hero {
  display: grid !important;
  place-items: center !important;
  min-height: clamp(250px, 31vh, 340px) !important;
  padding: calc(var(--nav-height, 72px) + clamp(1rem, 2vw, 1.6rem)) clamp(1rem, 3vw, 2rem) clamp(1.35rem, 3vw, 2.2rem) !important;
  text-align: center !important;
}

body.mf-page-shell .yp-hero > .stl-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  width: min(100% - 2rem, 780px) !important;
  max-width: 780px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  text-align: center !important;
}

body.mf-page-shell .yp-hero .stl-heading {
  max-width: 14ch !important;
  margin: .25rem auto .65rem !important;
  font-size: clamp(2.15rem, 4.2vw, 3.35rem) !important;
  line-height: .94 !important;
  text-align: center !important;
}

body.mf-page-shell .yp-hero :where(.stl-eyebrow, .stl-muted, .yp-stat-strip, .hero-ctas) {
  justify-content: center !important;
  margin-inline: auto !important;
  text-align: center !important;
}
body.mf-page-shell .yp-hero .yp-breadcrumb {
  display: none !important;
}

body.mf-page-shell .yp-hero .yp-stat-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: .55rem !important;
  width: min(100%, 720px) !important;
  max-width: 720px !important;
  margin: .75rem auto 0 !important;
}

body.mf-page-shell .yp-hero .yp-scard {
  width: auto !important;
  min-height: 30px !important;
  padding: .45rem .72rem !important;
  border-radius: 999px !important;
}

body.mf-page-shell .yp-hero .yp-scard small {
  display: none !important;
}

/* Wider centered hero format */
body.mf-page-shell .yp-hero > .stl-container {
  width: min(100% - 2rem, 1080px) !important;
  max-width: 1080px !important;
}

body.mf-page-shell .yp-hero .stl-heading {
  max-width: 22ch !important;
}

body.mf-page-shell .yp-hero .yp-stat-strip {
  width: min(100%, 960px) !important;
  max-width: 960px !important;
}