/* 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(.75rem, 1.45vw, 1.15rem);
}

.stl-soccer-hub-page .stl-hub-tryout-board {
  display:grid;
  gap:.55rem;
  padding:.62rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:.9rem;
  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:grid;
  grid-template-columns:auto minmax(14rem, 1fr) auto;
  align-items:center;
  justify-content:space-between;
  gap:.55rem;
  padding:.48rem;
  border:1px solid rgba(245,200,66,.18);
  border-radius:.72rem;
  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:.9rem;
  line-height:1.1;
}

.stl-soccer-hub-page .stl-hub-tryout-search input {
  width:100%;
  min-height:2rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(2,8,5,.72);
  color:#f7fff7;
  padding:.35rem .75rem;
  font:700 .72rem var(--f-body);
  outline:none;
}

.stl-soccer-hub-page .stl-hub-tryout-search input:focus {
  border-color:rgba(245,200,66,.7);
  box-shadow:0 0 0 3px rgba(245,200,66,.14);
}

.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:1.82rem;
  padding:.3rem .58rem;
  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(3, minmax(0, 1fr));
  gap:.46rem;
  align-items:stretch;
  max-height:none;
  overflow:visible;
  padding-right:0;
}

.stl-soccer-hub-page .stl-hub-tryout {
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  grid-template-rows:auto auto auto;
  column-gap:.56rem;
  row-gap:.34rem;
  min-height:0;
  padding:.56rem;
  border-radius:.72rem;
  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[hidden] {
  display:none;
}

.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 3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:.42rem;
  min-width:52px;
  margin:0;
  text-align:center;
}

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

.stl-soccer-hub-page .stl-hub-tryout-media {
  grid-column:1;
  grid-row:4;
  align-self:end;
  display:block;
  width:52px;
  aspect-ratio:1.25;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:.55rem;
  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:.24rem;
}

.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:2;
  display:grid;
  gap:.18rem;
  min-width:0;
}

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

.stl-soccer-hub-page .stl-hub-tryout-detail {
  color:rgba(238,247,238,.82);
  font-size:.68rem;
  line-height:1.22;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.stl-soccer-hub-page .stl-hub-tryout-more {
  grid-column:2;
  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:2;
  margin:0;
  color:rgba(185,210,190,.72);
  font-size:.58rem;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.stl-soccer-hub-page .stl-hub-tryout-foot {
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:.32rem;
  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:1.62rem;
  padding:.25rem .45rem;
  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:.58rem;
}

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

.stl-soccer-hub-page .stl-hub-tryout-more-toggle {
  justify-self:center;
  min-height:2rem;
  padding:.35rem .86rem;
  border:1px solid rgba(245,200,66,.45);
  border-radius:999px;
  background:rgba(245,200,66,.12);
  color:#f7fff7;
  font:800 .62rem var(--f-mono);
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
}

.stl-soccer-hub-page .stl-hub-tryout-more-toggle:hover,
.stl-soccer-hub-page .stl-hub-tryout-more-toggle:focus-visible {
  background:var(--accent);
  color:#071007;
  outline:none;
}

.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:" ->";
}

/* High-school section compact pass: same MoFutbol theme, less vertical waste. */
.stl-soccer-hub-page #tier-hscl {
  padding-block:clamp(.65rem,1.25vw,1rem) !important;
  background:
    radial-gradient(circle at 9% 18%, rgba(78,170,255,.15), transparent 13rem),
    radial-gradient(circle at 82% 12%, rgba(252,178,22,.12), transparent 14rem),
    linear-gradient(135deg, rgba(3,14,12,.96), rgba(4,18,26,.94) 58%, rgba(5,9,6,.98)) !important;
}

.stl-soccer-hub-page #tier-hscl .stl-section-header-row {
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:end !important;
  gap:.75rem !important;
  margin-bottom:.55rem !important;
}

.stl-soccer-hub-page #tier-hscl .stl-subheading {
  max-width:720px;
  font-size:clamp(1.25rem,2.55vw,2.05rem) !important;
  line-height:1.02 !important;
  letter-spacing:0 !important;
}

.stl-soccer-hub-page #tier-hscl .stl-muted {
  max-width:760px;
  margin-top:.28rem !important;
  font-size:.88rem !important;
  line-height:1.35 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-grid {
  grid-template-columns:1.08fr 1.08fr .92fr !important;
  gap:.55rem !important;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-card {
  min-height:0;
  gap:.45rem !important;
  padding:.68rem !important;
  border-radius:.76rem !important;
  border-top-width:2px !important;
  background:
    radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--tier-color, var(--accent)) 24%, transparent), transparent 7rem),
    linear-gradient(90deg, rgba(255,255,255,.035), transparent 42%),
    linear-gradient(135deg, rgba(5,24,29,.96), rgba(5,16,15,.96) 62%, rgba(4,10,7,.98)) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.055) !important;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-card::before {
  background:
    linear-gradient(90deg, var(--tier-color, var(--accent)), rgba(45,184,75,.9)) top left / 100% 2px no-repeat,
    linear-gradient(90deg, transparent 49.4%, rgba(255,255,255,.075) 49.4% 50.6%, transparent 50.6%) center / 100% 100% no-repeat,
    radial-gradient(ellipse at center, transparent 0 20%, rgba(255,255,255,.045) 20.5% 21%, transparent 21.5%);
  opacity:.66;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-card::after {
  content:"";
  position:absolute;
  right:.45rem;
  bottom:.4rem;
  width:4.8rem;
  height:4.8rem;
  pointer-events:none;
  background:var(--hs-watermark, none) center / contain no-repeat;
  opacity:.08;
  filter:saturate(1.05);
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-card:nth-child(1) {
  --hs-watermark:url("../img/league-logos/mshsaa.jpg");
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-card:nth-child(2),
.stl-soccer-hub-page #tier-hscl .stl-hub-tier-card:nth-child(3) {
  --hs-watermark:url("../HSChamps_logo.jpg");
}

.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(-2px) scale(1.006) !important;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-head {
  gap:.5rem !important;
  align-items:center !important;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-logo {
  width:42px !important;
  height:42px !important;
  flex-basis:42px !important;
  border-radius:12px !important;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-logo img {
  border-radius:10px !important;
  padding:.22rem !important;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-league {
  font-size:.56rem !important;
  line-height:1.1 !important;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-club {
  font-size:.96rem !important;
  line-height:1.06 !important;
}

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-blurb {
  font-size:.78rem !important;
  line-height:1.34 !important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.stl-soccer-hub-page #tier-hscl .stl-hs-action-row {
  gap:.28rem !important;
}

.stl-soccer-hub-page #tier-hscl .stl-hs-action-row span {
  min-height:1.38rem !important;
  padding:.22rem .42rem !important;
  font-size:.52rem !important;
}

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

.stl-soccer-hub-page #tier-hscl .stl-hub-tier-link {
  font-size:.64rem !important;
  letter-spacing:.04em !important;
}

@media (max-width: 860px) {
  .stl-soccer-hub-page #tier-hscl .stl-section-header-row,
  .stl-soccer-hub-page #tier-hscl .stl-hub-tier-grid {
    grid-template-columns:1fr !important;
  }
}

.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;
  }
}

.stl-soccer-hub-page #stl-news-feed {
 padding-block:clamp(.75rem, 1.5vw, 1.05rem)!important;
}

.stl-soccer-hub-page #stl-news-feed .stl-section-header-row {
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 gap:.65rem;
 align-items:end;
 margin-bottom:.55rem;
}

.stl-soccer-hub-page #stl-news-feed .stl-subheading {
 max-width:34rem;
 margin:.08rem 0 0;
 font-size:clamp(1.25rem, 2.1vw, 1.8rem);
 line-height:1.02;
}

.stl-soccer-hub-page #stl-news-feed .stl-muted {
 max-width:54rem;
 margin:.25rem 0 0;
 font-size:.82rem;
 line-height:1.35;
}

.stl-soccer-hub-page .stl-news-feed-actions {
 gap:.38rem;
}

.stl-soccer-hub-page .stl-news-feed-actions .stl-btn {
 min-height:2.35rem;
 padding:.55rem .75rem;
}

.stl-soccer-hub-page .stl-news-feed-rail {
 display:grid;
 gap:.5rem;
}

.stl-soccer-hub-page .stl-news-feed-tools {
 display:flex;
 flex-wrap:wrap;
 gap:.34rem;
 padding:.32rem;
 border:1px solid rgba(255,255,255,.1);
 border-radius:999px;
 background:rgba(0,0,0,.2);
 width:max-content;
 max-width:100%;
}

.stl-soccer-hub-page .stl-news-feed-filter {
 min-height:1.8rem;
 border:1px solid rgba(255,255,255,.12);
 border-radius:999px;
 padding:.34rem .6rem;
 background:rgba(255,255,255,.045);
 color:rgba(245,250,245,.84);
 font:900 .58rem/1 var(--f-mono);
 letter-spacing:.08em;
 text-transform:uppercase;
 cursor:pointer;
 transition:transform .16s ease, border-color .16s ease, background .16s ease;
}

.stl-soccer-hub-page .stl-news-feed-filter:hover,
.stl-soccer-hub-page .stl-news-feed-filter:focus-visible {
 transform:translateY(-1px);
 border-color:rgba(245,200,66,.58);
}

.stl-soccer-hub-page .stl-news-feed-filter.is-active {
 background:var(--accent);
 color:#061006;
 border-color:transparent;
}

.stl-soccer-hub-page .stl-news-feed-grid {
 display:grid;
 grid-template-columns:repeat(2, minmax(0, 1fr));
 gap:.55rem;
}

.stl-soccer-hub-page .stl-news-card {
 min-width:0;
 display:grid;
 grid-template-columns:7.6rem minmax(0,1fr) auto;
 grid-template-rows:auto auto 1fr;
 column-gap:.65rem;
 row-gap:.18rem;
 align-items:center;
 padding:.48rem .55rem;
 min-height:6.55rem;
 color:inherit;
 text-decoration:none;
 border:1px solid rgba(245,200,66,.18);
 border-radius:var(--r-sm);
 background:
   linear-gradient(135deg, rgba(236,64,82,.08), transparent 38%),
   linear-gradient(145deg, rgba(9,39,43,.92), rgba(5,18,13,.96));
 box-shadow:0 14px 34px rgba(0,0,0,.18);
 transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.stl-soccer-hub-page .stl-news-card[hidden] {
 display:none!important;
}

.stl-soccer-hub-page .stl-news-card:hover,
.stl-soccer-hub-page .stl-news-card:focus-visible {
 transform:translateY(-2px);
 border-color:rgba(245,200,66,.54);
 box-shadow:0 18px 44px rgba(0,0,0,.28);
}

.stl-soccer-hub-page .stl-news-card img {
 grid-row:1 / span 3;
 width:7.6rem;
 height:5.1rem;
 object-fit:cover;
 border-radius:.45rem;
 background:rgba(255,255,255,.04);
}

.stl-soccer-hub-page .stl-news-card span {
 width:max-content;
 max-width:100%;
 padding:.22rem .42rem;
 border-radius:999px;
 background:rgba(245,200,66,.16);
 color:var(--accent);
 font:900 .54rem/1 var(--f-mono);
 letter-spacing:.08em;
 text-transform:uppercase;
}

.stl-soccer-hub-page .stl-news-card strong {
 min-width:0;
 color:#fff;
 font-size:.88rem;
 line-height:1.08;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 overflow:hidden;
}

.stl-soccer-hub-page .stl-news-card p {
 min-width:0;
 margin:0;
 color:rgba(220,238,224,.76);
 font-size:.72rem;
 line-height:1.25;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 overflow:hidden;
}

.stl-soccer-hub-page .stl-news-card em {
 grid-column:3;
 grid-row:1 / span 3;
 align-self:center;
 justify-self:end;
 min-width:3.1rem;
 font-style:normal;
 color:var(--accent);
 font:900 .6rem/1 var(--f-mono);
 letter-spacing:.08em;
 text-transform:uppercase;
}

.stl-soccer-hub-page .stl-news-feed-more {
 justify-self:start;
 min-height:2rem;
 border:1px solid rgba(245,200,66,.28);
 border-radius:999px;
 padding:.45rem .7rem;
 background:rgba(0,0,0,.22);
 color:var(--accent);
 font:900 .6rem/1 var(--f-mono);
 letter-spacing:.08em;
 text-transform:uppercase;
 cursor:pointer;
}

@media (max-width: 860px) {
 .stl-soccer-hub-page #stl-news-feed .stl-section-header-row,
 .stl-soccer-hub-page .stl-news-feed-grid {
   grid-template-columns:1fr;
 }
 .stl-soccer-hub-page .stl-news-feed-actions {
   justify-content:flex-start;
 }
}

@media (max-width: 520px) {
 .stl-soccer-hub-page .stl-news-card {
   grid-template-columns:5.8rem minmax(0,1fr);
 }
 .stl-soccer-hub-page .stl-news-card img {
   width:5.8rem;
   height:4.2rem;
 }
 .stl-soccer-hub-page .stl-news-card em {
   display:none;
 }
}

@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-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;}
 .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(3,minmax(0,1fr));
 max-height: none;
 overflow: visible;
}

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

.stl-soccer-hub-page #tier-tryouts .stl-hub-tryout[hidden] {
  display: none;
}

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

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

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

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

.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:none;
 }
}

@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-soccer-hub-page #tier-college {
  padding-block:clamp(.85rem, 1.5vw, 1.2rem);
}

.stl-soccer-hub-page #tier-college .stl-section-header-row {
  margin-bottom:.65rem;
}

.stl-soccer-hub-page #tier-college .stl-subheading {
  max-width:12em;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-board {
  padding:.7rem;
  border-radius:.9rem;
  background:
    radial-gradient(circle at 92% 0%, rgba(78,170,255,.14), transparent 24%),
    linear-gradient(145deg, rgba(8,42,47,.88), rgba(3,14,11,.96));
}

.stl-soccer-hub-page #tier-college .stl-hub-league-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:.65rem;
  margin-bottom:.55rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-league-head p {
  max-width:60ch;
  margin:.2rem 0 0;
  font-size:.76rem;
  line-height:1.35;
}

.stl-soccer-hub-page #tier-college .stl-hub-league-head .stl-btn {
  min-height:2rem;
  padding:.35rem .75rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-summary--compact {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.4rem;
  margin:0 0 .45rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-stat {
  padding:.45rem .58rem;
  border-radius:.62rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-stat strong {
  font-size:.88rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-stat span {
  margin-top:.08rem;
  font-size:.56rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-toolbar {
  display:grid;
  grid-template-columns:minmax(12rem, 1fr) auto auto;
  align-items:center;
  gap:.4rem;
  margin:.45rem 0 .5rem;
  padding:.42rem;
  border-radius:.68rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-search {
  min-height:1.9rem;
  padding:.18rem .38rem .18rem .56rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-search input {
  min-height:1.45rem;
  font-size:.72rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-filter {
  min-height:1.78rem;
  padding:.3rem .5rem;
  font-size:.56rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-count {
  font-size:.58rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-card-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.45rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-card {
  min-height:0;
  padding:.55rem;
  gap:.36rem;
  border-radius:.68rem;
  background:
    linear-gradient(135deg, rgba(78,170,255,.1), transparent 42%),
    rgba(4,18,18,.92);
}

.stl-soccer-hub-page #tier-college .stl-hub-college-card__top {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:.4rem;
  align-items:center;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-card__top .stl-hub-logo {
  width:30px;
  height:30px;
  flex-basis:30px;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-card__top strong {
  margin-top:.08rem;
  font-size:.78rem;
  line-height:1.08;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-card__top span,
.stl-soccer-hub-page #tier-college .stl-hub-college-distance {
  font-size:.52rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-card__meta {
  gap:.3rem;
  font-size:.62rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-card__meta span {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-card p {
  font-size:.66rem;
  line-height:1.25;
  -webkit-line-clamp:1;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-card__chips {
  gap:.25rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-card .stl-btn {
  min-height:1.9rem;
  padding:.3rem .55rem;
  font-size:.62rem;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-more-toggle {
  justify-self:center;
  margin-top:.45rem;
  min-height:2rem;
  padding:.35rem .86rem;
  border:1px solid rgba(245,200,66,.45);
  border-radius:999px;
  background:rgba(245,200,66,.12);
  color:#f7fff7;
  font:800 .62rem var(--f-mono);
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
}

.stl-soccer-hub-page #tier-college .stl-hub-college-more-toggle:hover,
.stl-soccer-hub-page #tier-college .stl-hub-college-more-toggle:focus-visible {
  background:var(--accent);
  color:#071007;
  outline:none;
}

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

  .stl-soccer-hub-page #tier-college .stl-hub-college-toolbar {
    grid-template-columns:1fr;
  }
}

@media (max-width: 680px) {
  .stl-soccer-hub-page #tier-college .stl-hub-league-head,
  .stl-soccer-hub-page #tier-college .stl-hub-college-card-grid,
  .stl-soccer-hub-page #tier-college .stl-hub-college-summary--compact {
    grid-template-columns:1fr;
  }
}
.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;
}

/* Compact development-board pass for the STL opportunities module. */
.stl-soccer-hub-page #tier-tryouts.stl-tryouts-feature {
  padding-block: clamp(.55rem, 1vw, .85rem) !important;
  background:
    radial-gradient(circle at 94% 18%, rgba(252, 178, 22, .14), transparent 14rem),
    linear-gradient(135deg, rgba(2, 18, 12, .96), rgba(3, 18, 28, .94) 58%, rgba(2, 8, 5, .98));
}

.stl-soccer-hub-page #tier-tryouts .stl-section-header-row {
  margin-bottom: .5rem !important;
}

.stl-soccer-hub-page #stl-hub-tryouts .stl-hub-tryout-board {
  gap: .4rem !important;
  padding: .42rem !important;
  border-radius: .72rem !important;
  background:
    linear-gradient(90deg, rgba(252, 178, 22, .18), rgba(0, 178, 119, .14), rgba(32, 132, 255, .14)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 58px),
    rgba(3, 19, 22, .9) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.26) !important;
}

.stl-soccer-hub-page #stl-hub-tryouts .stl-hub-tryout-toolbar {
  grid-template-columns: auto minmax(12rem, 1fr) auto !important;
  gap: .4rem !important;
  padding: .34rem !important;
  border-radius: .62rem !important;
}

.stl-soccer-hub-page #stl-hub-tryouts .stl-hub-tryout-toolbar strong {
  font-size: .82rem !important;
}

.stl-soccer-hub-page #stl-hub-tryouts .stl-hub-tryout-kicker {
  font-size: .56rem !important;
}

.stl-soccer-hub-page #stl-hub-tryouts .stl-hub-tryout-search input {
  min-height: 1.72rem !important;
  padding: .26rem .62rem !important;
  font-size: .66rem !important;
}

.stl-soccer-hub-page #stl-hub-tryouts .stl-hub-tryout-filters {
  gap: .3rem !important;
}

.stl-soccer-hub-page #stl-hub-tryouts .stl-hub-tryout-filter {
  min-height: 1.58rem !important;
  padding: .22rem .48rem !important;
  font-size: .55rem !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .34rem !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout {
  grid-template-columns: 46px minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto auto !important;
  min-height: 132px !important;
  padding: .43rem !important;
  gap: .24rem .46rem !important;
  border-radius: .62rem !important;
  border-color: rgba(255,255,255,.11) !important;
  border-top-width: 2px !important;
  background:
    linear-gradient(145deg, rgba(252,178,22,.1), transparent 32%),
    linear-gradient(315deg, rgba(0,178,119,.11), transparent 38%),
    rgba(5, 28, 34, .94) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(255,255,255,.07) 49.7% 50.3%, transparent 50.3%),
    radial-gradient(circle at 50% 50%, transparent 0 34px, rgba(255,255,255,.055) 35px 36px, transparent 37px);
  opacity: .42;
  pointer-events: none;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout:hover,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout:focus-within {
  transform: translateY(-2px) !important;
  border-color: rgba(252, 178, 22, .72) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.32) !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-brand {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  gap: .24rem !important;
  align-items: center !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-brand .stl-hub-logo {
  width: 30px !important;
  height: 30px !important;
  flex-basis: 30px !important;
  border-radius: .5rem !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-logo.is-image-missing,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-media.is-image-missing {
  display: none !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-brand > span {
  max-width: 46px !important;
  font-size: .5rem !important;
  line-height: 1.05 !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-media {
  grid-column: 1 !important;
  grid-row: 2 / span 2 !important;
  align-self: end !important;
  width: 42px !important;
  height: 34px !important;
  aspect-ratio: auto !important;
  border-radius: .48rem !important;
  opacity: .96 !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-media img {
  padding: .2rem !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-main,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-meta,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-more,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-foot {
  grid-column: 2 !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-main {
  gap: .12rem !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-date {
  font-size: .55rem !important;
  line-height: 1 !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-club {
  font-size: .78rem !important;
  line-height: 1.08 !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-detail {
  font-size: .62rem !important;
  line-height: 1.18 !important;
  -webkit-line-clamp: 1 !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-meta {
  min-height: 0 !important;
  font-size: .52rem !important;
  line-height: 1.12 !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-more {
  font-size: .6rem !important;
  line-height: 1.2 !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-more summary {
  font-size: .52rem !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-foot {
  gap: .22rem !important;
  margin-top: 0 !important;
  padding-top: .06rem !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-level,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-status,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-source {
  min-height: 1.28rem !important;
  padding: .16rem .36rem !important;
  font-size: .49rem !important;
  line-height: 1 !important;
}

.stl-soccer-hub-page #stl-hub-tryouts .stl-hub-tryout-more-toggle {
  min-height: 1.7rem !important;
  padding: .28rem .72rem !important;
  font-size: .55rem !important;
}

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

  .stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

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

  .stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }
}

/* Elite youth compact development lane */
.stl-soccer-hub-page #tier-elite-youth {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(.72rem, 1.8vw, 1rem) 0 !important;
  background:
    radial-gradient(circle at 15% 12%, rgba(0,132,255,.11), transparent 26%),
    linear-gradient(90deg, rgba(0,132,255,.08), rgba(200,242,48,.05), rgba(0,168,107,.08));
}

.stl-soccer-hub-page #tier-elite-youth::before {
  content: "";
  position: absolute;
  inset: .55rem clamp(1rem, 6vw, 5rem) auto auto;
  width: clamp(110px, 13vw, 190px);
  aspect-ratio: 1;
  z-index: -1;
  background: url("../img/league-logos/mls-next.png") center / contain no-repeat;
  opacity: .08;
  filter: saturate(1.1) contrast(1.05);
}

.stl-soccer-hub-page #tier-elite-youth .stl-container {
  max-width: min(1320px, calc(100vw - 2rem));
}

.stl-soccer-hub-page #tier-elite-youth .stl-section-header-row {
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) auto;
  gap: .75rem;
  align-items: end !important;
  margin-bottom: .58rem !important;
  padding: .62rem .72rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .9rem;
  background: linear-gradient(135deg, rgba(4,24,16,.82), rgba(3,13,10,.92));
}

.stl-soccer-hub-page #tier-elite-youth .stl-section-header-row::after {
  content: "MLS NEXT | SLYSA | ECNL | CLUB ROUTES";
  justify-self: end;
  max-width: 100%;
  padding: .45rem .62rem;
  border: 1px solid rgba(200,242,48,.22);
  border-radius: 999px;
  color: #d9f99d;
  font: 800 .6rem var(--f-mono);
  letter-spacing: .06em;
  white-space: nowrap;
  background: rgba(200,242,48,.08);
}

.stl-soccer-hub-page #tier-elite-youth .stl-subheading {
  max-width: 28ch;
  margin: .12rem 0 .18rem;
  font-size: clamp(1.12rem, 1.75vw, 1.46rem) !important;
  line-height: 1 !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-muted {
  max-width: 68ch;
  margin: 0;
  font-size: .78rem;
  line-height: 1.35;
}

.stl-soccer-hub-page #stl-hub-elite-youth {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(350px, .9fr);
  gap: .72rem;
  align-items: start;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league {
  min-width: 0;
  margin-top: 0 !important;
  padding: .68rem !important;
  background:
    linear-gradient(135deg, rgba(10,42,31,.95), rgba(2,16,12,.97)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 72px) !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league-head,
.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-hero {
  gap: .62rem;
  margin-bottom: .5rem !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league-blurb {
  max-width: 64ch !important;
  margin-top: .18rem !important;
  font-size: .7rem !important;
  line-height: 1.3 !important;
}

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

.stl-soccer-hub-page #tier-elite-youth .stl-hub-table tr {
  min-height: 104px !important;
  padding: .56rem !important;
  gap: .32rem !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-team-name-row {
  align-items: center;
  gap: .45rem;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-logo {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  border-radius: .65rem;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-logo.is-image-missing {
  display: none;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-team-note,
.stl-soccer-hub-page #tier-elite-youth .stl-hub-team-info,
.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: .64rem !important;
  line-height: 1.22;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-team-links {
  display: flex;
  flex-wrap: wrap;
  gap: .28rem;
  align-items: center;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-team-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.65rem;
  padding: .3rem .54rem;
  border: 1px solid rgba(200,242,48,.28);
  border-radius: 999px;
  color: #071007;
  background: linear-gradient(135deg, #f5c842, #42d782);
  font: 800 .56rem var(--f-mono);
  letter-spacing: .05em;
  text-decoration: none;
  text-transform: uppercase;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-team-link:hover,
.stl-soccer-hub-page #tier-elite-youth .stl-hub-team-link:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(66,215,130,.16);
  outline: none;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa {
  grid-template-columns: 1fr !important;
  gap: .5rem !important;
  padding: .68rem !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .38rem !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-card {
  min-height: 70px !important;
  padding: .48rem !important;
}

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

.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 {
  font-size: .64rem !important;
  line-height: 1.25 !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-list {
  grid-template-columns: 1fr !important;
  gap: .22rem !important;
  max-height: 76px;
  overflow: auto;
}

@media (max-width: 980px) {
  .stl-soccer-hub-page #tier-elite-youth .stl-section-header-row,
  .stl-soccer-hub-page #stl-hub-elite-youth {
    grid-template-columns: 1fr;
  }

  .stl-soccer-hub-page #tier-elite-youth .stl-section-header-row::after {
    justify-self: start;
    white-space: normal;
  }
}

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

/* MLS NEXT development board refinement */
.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next {
  position: relative;
  overflow: hidden;
  padding: .58rem !important;
  border-color: rgba(200,242,48,.38) !important;
  background:
    linear-gradient(135deg, rgba(0,12,9,.88), rgba(0,51,41,.76)),
    radial-gradient(circle at 88% 10%, rgba(200,242,48,.14), transparent 30%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.028) 0 1px, transparent 1px 64px) !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next::before {
  content: "";
  position: absolute;
  right: .65rem;
  top: .65rem;
  width: clamp(74px, 10vw, 132px);
  aspect-ratio: 1;
  background: url("../img/league-logos/mls-next.png") center / contain no-repeat;
  opacity: .08;
  pointer-events: none;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-league-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  margin-bottom: .42rem !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-league-title {
  display: contents;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-league-logo {
  width: 42px;
  height: 42px;
  border-radius: .7rem;
  background: rgba(255,255,255,.08);
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-league-blurb {
  grid-column: 2;
  max-width: 70ch !important;
  margin: 0 !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-table-wrap {
  border-radius: .8rem;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-table tbody {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .4rem !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-table tr {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto;
  min-height: 0 !important;
  padding: .52rem !important;
  border-color: rgba(200,242,48,.2) !important;
  background:
    linear-gradient(145deg, rgba(3,24,18,.9), rgba(6,43,35,.72)),
    radial-gradient(circle at 100% 0, rgba(200,242,48,.1), transparent 36%);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-table tr:hover,
.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-table tr:focus-within {
  transform: translateY(-2px);
  border-color: rgba(200,242,48,.48) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.22), 0 0 0 1px rgba(66,215,130,.12);
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-team-name {
  grid-column: 1 / -1;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-team-name strong {
  font-size: .82rem;
  line-height: 1.08;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-team-note,
.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-team-info {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-team-venue {
  grid-column: 1;
  margin-top: .15rem;
  color: rgba(255,255,255,.82);
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-team-side {
  grid-column: 1;
  min-height: 0;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-team-side:empty {
  display: none;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-team-links {
  grid-column: 2;
  grid-row: 2 / 4;
  align-self: end;
  justify-self: end;
  flex-direction: column;
  min-width: 5.4rem;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-team-link {
  width: 100%;
  min-height: 1.8rem;
}

@media (max-width: 1020px) {
  .stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-table tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-league-head,
  .stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-table tbody {
    grid-template-columns: 1fr !important;
  }

  .stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-league-blurb,
  .stl-soccer-hub-page #tier-elite-youth .stl-hub-league--mls-next .stl-hub-league-actions {
    grid-column: 1;
  }
}

/* SLYSA development-board refinement */
.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa {
  position: relative;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1fr) !important;
  gap: .42rem !important;
  padding: .54rem !important;
  overflow: hidden;
  border-color: rgba(74, 174, 255, .38) !important;
  background:
    linear-gradient(135deg, rgba(5, 38, 61, .94), rgba(3, 32, 45, .84) 52%, rgba(1, 16, 14, .96)),
    radial-gradient(circle at 90% 22%, rgba(45, 184, 75, .2), transparent 34%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .026) 0 1px, transparent 1px 72px) !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa::before {
  content: "";
  position: absolute;
  right: 1.1rem;
  top: 50%;
  width: clamp(92px, 14vw, 180px);
  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: .1;
  pointer-events: none;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-hero {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  margin-bottom: .18rem !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-brand {
  align-items: center;
  gap: .48rem;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-logo {
  width: 42px;
  height: 42px;
  border-radius: .7rem;
  padding: .28rem;
  background: rgba(255, 255, 255, .1);
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-titleblock .stl-hub-league-title {
  font-size: .92rem;
  line-height: 1.05;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-titleblock .stl-hub-league-blurb {
  max-width: 62ch;
  margin-top: .18rem;
  font-size: .68rem;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-grid {
  grid-column: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .34rem !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-card {
  min-height: 0 !important;
  padding: .44rem !important;
  border-color: rgba(74, 174, 255, .18);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-card:hover,
.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(74, 174, 255, .48);
  background: rgba(255, 255, 255, .06);
}

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

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

.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: .2rem;
  font-size: .63rem !important;
  line-height: 1.25 !important;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-bottom {
  grid-column: 2;
  align-self: stretch;
  display: grid;
  align-content: center;
  gap: .35rem;
  padding: .5rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .72rem;
  background: rgba(255, 255, 255, .035);
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-details {
  margin-top: .3rem;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-details summary {
  cursor: pointer;
  color: var(--text);
  font-family: var(--f-mono);
  font-size: .56rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .2rem !important;
  max-height: 92px;
  overflow: auto;
}

.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-chip {
  padding: .22rem .38rem;
  font-size: .58rem;
}

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

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

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

/* STL page cleanup: clearer multi-column boards without changing the MoFutbol theme */
.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
  align-items: stretch;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-card {
  min-width: 0;
  min-height: 430px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto auto;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--tier-color, var(--gold)) 45%, rgba(255,255,255,.12));
  background:
    linear-gradient(155deg, rgba(4, 36, 25, .96), rgba(1, 19, 18, .95)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 86px);
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-art {
  min-height: 134px;
  max-height: 178px;
  margin: -.85rem -.85rem .75rem;
  border-radius: 0;
  opacity: .92;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-main,
.stl-soccer-hub-page #stl-hub-pro .stl-pro-data,
.stl-soccer-hub-page #stl-hub-pro .stl-pro-latest,
.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-actions {
  min-width: 0;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-blurb,
.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-story span,
.stl-soccer-hub-page #stl-hub-pro .stl-pro-news strong {
  overflow-wrap: anywhere;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-data {
  display: grid;
  gap: .52rem;
}

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

.stl-soccer-hub-page #stl-hub-pro .stl-pro-record span {
  min-width: 0;
  padding: .46rem .3rem;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: .65rem;
  background: rgba(255,255,255,.045);
  text-align: center;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-record strong,
.stl-soccer-hub-page #stl-hub-pro .stl-pro-record small {
  display: block;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.stl-soccer-hub-page #tier-elite-youth #stl-hub-elite-youth {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);
  gap: .9rem;
  align-items: start;
}

.stl-soccer-hub-page .stl-hub-youth-board,
.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa {
  min-width: 0;
}

.stl-soccer-hub-page .stl-hub-youth-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .72rem;
}

.stl-soccer-hub-page .stl-hub-youth-card {
  min-width: 0;
  min-height: 232px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto auto;
  gap: .58rem;
  padding: .78rem;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .045);
  box-shadow: 0 16px 32px rgba(0, 0, 0, .18);
}

.stl-soccer-hub-page .stl-hub-youth-card-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .62rem;
  align-items: center;
}

.stl-soccer-hub-page .stl-hub-youth-card h3 {
  margin: .12rem 0 0;
  font-size: .95rem;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.stl-soccer-hub-page .stl-hub-youth-league {
  color: var(--gold);
  font-family: var(--f-mono);
  font-size: .58rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.stl-soccer-hub-page .stl-hub-youth-card p {
  margin: 0;
  color: rgba(255, 255, 255, .8);
  font-size: .72rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.stl-soccer-hub-page .stl-hub-youth-meta {
  display: grid;
  gap: .14rem;
  padding: .48rem .55rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .7rem;
  background: rgba(0, 0, 0, .18);
}

.stl-soccer-hub-page .stl-hub-youth-meta span {
  color: var(--gold);
  font-family: var(--f-mono);
  font-size: .55rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.stl-soccer-hub-page .stl-hub-youth-meta strong {
  font-size: .74rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.stl-soccer-hub-page .stl-hub-youth-tags,
.stl-soccer-hub-page .stl-hub-youth-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
  align-items: center;
}

.stl-soccer-hub-page .stl-hub-youth-actions {
  margin-top: auto;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-board {
  padding: .95rem !important;
  border-radius: 1rem !important;
  background:
    linear-gradient(135deg, rgba(35, 44, 17, .9), rgba(4, 35, 30, .92) 48%, rgba(2, 29, 42, .86)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.024) 0 1px, transparent 1px 90px) !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-toolbar {
  display: grid !important;
  grid-template-columns: minmax(190px, .65fr) minmax(220px, .55fr) minmax(260px, 1fr) !important;
  gap: .7rem !important;
  align-items: center !important;
  margin-bottom: .85rem !important;
  padding: .72rem !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .85rem;
  background: rgba(0,0,0,.18);
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-search input {
  width: 100%;
  min-height: 2.45rem;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
}

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

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout {
  min-width: 0;
  min-height: 254px !important;
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  gap: .65rem !important;
  padding: .85rem !important;
  overflow: hidden !important;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-brand {
  grid-column: 1 / -1;
  min-width: 0;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-media {
  grid-column: 1;
  grid-row: 2 / 4;
  width: 62px;
  height: 62px;
  border-radius: .8rem;
  overflow: hidden;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-main,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-meta,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-more,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-foot {
  grid-column: 2;
  min-width: 0;
}

.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-club,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-detail,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-meta,
.stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-more p {
  overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
  .stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-grid,
  .stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-grid,
  .stl-soccer-hub-page .stl-hub-youth-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

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

@media (max-width: 760px) {
  .stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-grid,
  .stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-grid,
  .stl-soccer-hub-page .stl-hub-youth-grid,
  .stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout-toolbar {
    grid-template-columns: 1fr !important;
  }

  .stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-card {
    min-height: 0;
  }

  .stl-soccer-hub-page #tier-tryouts #stl-hub-tryouts .stl-hub-tryout {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

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

/* Official STL pro profile board */
.stl-soccer-hub-page #stl-hub-pro .stl-pro-desk {
  display: grid;
  gap: 1rem;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-row {
  display: grid;
  grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr);
  gap: .85rem;
  align-items: stretch;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-tab {
  min-width: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: .62rem;
  align-items: center;
  min-height: 72px;
  padding: .65rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: .85rem;
  background: rgba(255,255,255,.04);
  color: #f7fff7;
  text-align: left;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background-color .16s ease;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-tab:hover,
.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-tab:focus-visible,
.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-tab.is-active {
  transform: translateY(-2px);
  border-color: rgba(245,200,66,.7);
  background: rgba(245,200,66,.11);
  outline: none;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-tab img {
  grid-row: 1 / span 2;
  width: 46px;
  height: 46px;
  object-fit: contain;
  padding: .28rem;
  border-radius: .75rem;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-tab span,
.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-panel .stl-eyebrow {
  font-family: var(--f-mono);
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--accent);
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-tab strong {
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: .92rem;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-stack {
  min-width: 0;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-panel {
  min-height: 100%;
  display: grid;
  grid-template-columns: minmax(150px, .42fr) minmax(0, 1fr);
  gap: .9rem;
  padding: .85rem;
  border: 1px solid rgba(245,200,66,.2);
  border-radius: 1rem;
  background:
    linear-gradient(135deg, rgba(245,200,66,.12), transparent 36%),
    linear-gradient(145deg, rgba(7,35,31,.96), rgba(2,13,10,.98));
  box-shadow: 0 20px 54px rgba(0,0,0,.22);
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-panel[hidden] {
  display: none !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-media {
  display: grid;
  place-items: center;
  min-height: 170px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: .9rem;
  background:
    radial-gradient(circle at 50% 50%, rgba(245,200,66,.16), transparent 58%),
    rgba(255,255,255,.045);
  overflow: hidden;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-image {
  width: min(78%, 190px);
  height: min(78%, 190px);
  object-fit: contain;
  filter: drop-shadow(0 14px 28px rgba(0,0,0,.34));
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-crest {
  display: none;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-body {
  min-width: 0;
  display: grid;
  gap: .58rem;
  align-content: start;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-body h3 {
  margin: 0;
  color: #fff;
  font-family: var(--f-display), sans-serif;
  font-size: clamp(1.35rem, 2.6vw, 2rem);
  line-height: 1;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-body p {
  max-width: 64ch;
  margin: 0;
  color: rgba(238,247,238,.8);
  font-size: .86rem;
  line-height: 1.45;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .48rem;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-stats article {
  min-width: 0;
  display: grid;
  gap: .16rem;
  padding: .52rem .6rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: .72rem;
  background: rgba(255,255,255,.045);
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-stats span {
  font: 800 .56rem var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--accent);
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-stats strong {
  overflow-wrap: anywhere;
  color: #f7fff7;
  font-size: .76rem;
  line-height: 1.2;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-card.is-selected {
  border-color: rgba(245,200,66,.86);
  box-shadow: 0 20px 52px rgba(0,0,0,.28), 0 0 0 1px rgba(245,200,66,.26);
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-art--official {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 58%),
    rgba(255,255,255,.035);
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-art--official img {
  width: 74%;
  height: 74%;
  object-fit: contain;
  padding: .35rem;
}

@media (max-width: 1120px) {
  .stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-row,
  .stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-panel {
    grid-template-columns: 1fr;
  }

  .stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-media {
    min-height: 132px;
  }
}

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

  .stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-tabs {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-grid,
  .stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-stats {
    grid-template-columns: 1fr !important;
  }
}

/* STL pro board layout guard: prevents official match/card details from collapsing into vertical text. */
.stl-soccer-hub-page #stl-hub-pro :where(h3, p, span, strong, small, a, button) {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-desk {
  gap: clamp(.9rem, 1.8vw, 1.25rem) !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-row {
  grid-template-columns: minmax(18rem, .62fr) minmax(0, 1.38fr) !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20.5rem), 1fr)) !important;
  gap: clamp(.8rem, 1.6vw, 1.05rem) !important;
  align-items: stretch !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-card {
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto auto auto minmax(0, auto) auto !important;
  gap: .7rem !important;
  padding: clamp(.82rem, 1.5vw, 1rem) !important;
  overflow: hidden !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-head {
  display: grid !important;
  grid-template-columns: 3.4rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: .7rem !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-logo,
.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-icon {
  width: 3.15rem !important;
  height: 3.15rem !important;
  flex-basis: 3.15rem !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-club {
  max-width: 100% !important;
  line-height: 1.08 !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-blurb,
.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-story span,
.stl-soccer-hub-page #stl-hub-pro .stl-pro-news strong {
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-blurb {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-meta,
.stl-soccer-hub-page #stl-hub-pro .stl-hub-chip-row,
.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
  align-items: center !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-meta span,
.stl-soccer-hub-page #stl-hub-pro .stl-hub-chip,
.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-link {
  min-width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-record {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(4.6rem, 1fr)) !important;
  gap: .42rem !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-record span {
  min-width: 4.6rem !important;
  min-height: 3rem !important;
  padding: .5rem .45rem !important;
  white-space: nowrap !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-record strong,
.stl-soccer-hub-page #stl-hub-pro .stl-pro-record small {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-story,
.stl-soccer-hub-page #stl-hub-pro .stl-pro-news a,
.stl-soccer-hub-page #stl-hub-pro .stl-pro-news--empty {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
}

.stl-soccer-hub-page #stl-hub-pro .stl-pro-news strong,
.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-story span {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}

@media (max-width: 1180px) {
  .stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-grid,
  .stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-tabs,
  .stl-soccer-hub-page #stl-hub-pro .stl-pro-profile-stats {
    grid-template-columns: 1fr !important;
  }

  .stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-head {
    grid-template-columns: 3rem minmax(0, 1fr) !important;
  }

  .stl-soccer-hub-page #stl-hub-pro .stl-pro-record {
    grid-template-columns: repeat(auto-fit, minmax(4.25rem, 1fr)) !important;
  }
}