/* V0_0_2763: shared public discovery system. Intentionally scoped away from
   scoring, account forms, admin tools and downloaded website stylesheets. */
body.ga-hub-discovery-v2763 { background:#f3f5f8; color:#142033; }
body.ga-hub-discovery-v2763 .ga-page--hub-v2761 { min-width:0; padding-top:0; }
.hub-experience-v2763 { --hx-ink:#142033; --hx-muted:#516176; --hx-blue:#1558c0; --hx-line:#d9e1eb; --hx-paper:#fff; color:var(--hx-ink); -webkit-text-fill-color:currentColor; line-height:1.5; }
.hub-experience-v2763 *, .hub-experience-v2763 *::before, .hub-experience-v2763 *::after { box-sizing:border-box; }
.hub-experience-v2763 :is(section,header,article,aside,nav,div,form,details) { min-width:0; }
.hub-experience-v2763 :is(h1,h2,h3,h4,p) { color:inherit; -webkit-text-fill-color:currentColor; margin:0; }
.hub-experience-v2763 :is(h1,h2,h3,h4) { font-family:inherit; font-weight:780; letter-spacing:-.035em; line-height:1.12; text-wrap:balance; overflow-wrap:anywhere; }
.hub-experience-v2763 h2 { font-size:clamp(25px,2.4vw,34px); }
.hub-experience-v2763 h3 { font-size:23px; }
.hub-experience-v2763 p { font-size:15px; line-height:1.65; }
.hub-experience-v2763 a { color:inherit; text-decoration:none; -webkit-text-fill-color:currentColor; }
.hub-experience-v2763 img { display:block; max-width:100%; }
.hub-experience-v2763 :is(button,input,select) { font:inherit; }
.hub-experience-v2763 :is(a,button,input,select,summary):focus-visible { outline:3px solid #2674e1; outline-offset:4px; border-radius:4px; }
.hub-experience-v2763 [id] { scroll-margin-top:24px; }
.hub-experience-v2763 [hidden] { display:none!important; }
.hub-experience-v2763 .hx-eyebrow { display:block; color:#3c5878; font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; line-height:1.5; overflow-wrap:anywhere; }
.hub-experience-v2763 .hx-text-link { color:#1558c0; font-weight:750; font-size:13px; line-height:1.5; }
.hub-experience-v2763 a:hover :is(h3,h4), .hub-experience-v2763 .hx-text-link:hover { color:#154e9d; }
.hx-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.hub-experience-v2763 .hx-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:44px; max-width:100%; padding:11px 18px; border:1px solid #1558c0; border-radius:7px; color:#fff; background:#1558c0; font-size:13px; font-weight:750; line-height:1.4; text-align:center; white-space:normal; overflow-wrap:anywhere; cursor:pointer; box-shadow:none; }
.hub-experience-v2763 .hx-button:hover { background:#10479c; border-color:#10479c; color:#fff; }
.hub-experience-v2763 .hx-button--outline { background:#fff; color:#174577; border-color:#aebfd3; }
.hub-experience-v2763 .hx-button--outline:hover { background:#ebf2fb; color:#173d6d; border-color:#7d9cc1; }
.hub-experience-v2763 .hx-button--light { color:#183454; background:#fff; border-color:#fff; }
.hub-experience-v2763 .hx-button--light:hover { background:#e5eefb; color:#183454; }
.hx-section, .hx-media, .hx-home-discovery { margin-top:44px; }
.hx-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:20px; flex-wrap:wrap; }
.hx-section-head h2 { margin-top:6px; }
.hx-section-head p { color:var(--hx-muted); max-width:690px; margin-top:10px; }
.hx-section-head > .hx-text-link { min-height:38px; display:inline-flex; align-items:center; flex-shrink:0; }

/* A sport has one clear local menu. Narrow menus expand in document flow. */
.hx-lane-nav { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; border-bottom:1px solid #ccd7e5; padding:0 0 14px; margin-bottom:24px; }
.hx-lane-brand { display:flex; align-items:center; gap:10px; font-size:18px; font-weight:800; }
.hx-mark { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; width:40px; height:40px; background:#163d6d; color:#fff; font-size:13px; font-weight:800; letter-spacing:.025em; border-radius:7px; }
.hx-lane-links { display:flex; align-items:center; flex-wrap:wrap; gap:4px; }
.hub-experience-v2763 :is(.hx-lane-links,.hx-lane-mobile) a { display:flex; align-items:center; justify-content:center; min-height:40px; padding:9px 13px; border-radius:6px; font-size:13px; font-weight:650; color:#3c526d; }
.hub-experience-v2763 :is(.hx-lane-links,.hx-lane-mobile) a[aria-current] { background:#e0eafa; color:#113e78; }
.hub-experience-v2763 :is(.hx-lane-links,.hx-lane-mobile) a:hover { background:#e8edf5; color:#123e72; }
.hx-lane-mobile { display:none; }
.hx-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; color:#49607b; font-size:12px; margin:0 0 16px; }

/* Brand imagery is optional. Controlled overlays keep text readable even when
   a course/sport administrator supplies a very bright photograph. */
.hx-hero { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); background:#112238; color:#fff; border-radius:14px; overflow:hidden; border:1px solid #203852; margin-bottom:28px; }
.hx-hero-copy { padding:clamp(26px,3.1vw,46px); }
.hub-experience-v2763 .hx-hero .hx-eyebrow { color:#bed5ef; }
.hub-experience-v2763 .hx-hero h1 { color:#fff; font-size:clamp(34px,3.9vw,60px); max-width:690px; line-height:1.04; margin:16px 0; letter-spacing:-.05em; }
.hub-experience-v2763 .hx-hero p { max-width:640px; color:#d1ddeb; font-size:16px; }
.hx-hero .hx-actions { margin-top:23px; }
.hx-hero-art { position:relative; isolation:isolate; display:flex; min-height:270px; background:linear-gradient(145deg,#22476f,#102940); }
.hx-hero-art::before { position:absolute; content:''; z-index:-1; inset:24px; border:1px solid #82add34a; border-radius:50%; transform:rotate(-25deg) scale(1.2,.65); }
.hx-hero-art::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(8,23,41,.94),rgba(8,23,41,.72) 44%,rgba(8,23,41,.28)); z-index:0; }
.hx-hero-art > img { position:absolute; z-index:-1; width:100%; height:100%; object-fit:cover; }
.hx-hero-art__copy { align-self:flex-end; position:relative; z-index:1; width:100%; padding:30px; }
.hx-hero-code { display:block; font-size:clamp(60px,9vw,135px); font-weight:850; letter-spacing:-.075em; color:#cfe4fb; line-height:.95; margin-bottom:22px; opacity:.9; }
.hx-hero-art__copy strong { display:block; max-width:330px; font-size:22px; letter-spacing:-.025em; line-height:1.22; color:#fff; }
.hx-cues { display:flex; gap:7px; flex-wrap:wrap; margin-top:18px; }
.hx-cues > span { border:1px solid #7187a3; background:#12273f; border-radius:4px; padding:5px 8px; color:#eef4fc; font-size:10px; font-weight:650; line-height:1.5; }
.hx-hero--golf .hx-hero-art { background:linear-gradient(145deg,#294e48,#132e42); }
.hx-hero--cross_country .hx-hero-art { background:linear-gradient(145deg,#325782,#182d43); }
.hx-hero--baseball .hx-hero-art, .hx-hero--softball .hx-hero-art { background:linear-gradient(135deg,#63553d,#142c49); }
.hx-hero--basketball .hx-hero-art { background:linear-gradient(145deg,#6b493c,#1b2a42); }
.hx-hero--volleyball .hx-hero-art { background:linear-gradient(145deg,#514870,#19314a); }

/* The editorial section is deliberately the first content destination. */
.hx-front { display:grid; grid-template-columns:minmax(0,1fr) 312px; gap:28px; align-items:start; margin:30px 0 0; }
.hx-newsroom { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(190px,1fr); gap:22px; align-items:start; }
.hx-lead { border:1px solid #d3dce8; border-radius:10px; overflow:hidden; background:#fff; }
.hx-lead:only-child { grid-column:1/-1; }
.hx-lead-image { aspect-ratio:1.65; background:#e1e8f0; }
.hx-lead-image img { width:100%; height:100%; object-fit:cover; }
.hx-lead-copy { padding:21px; }
.hx-story-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; color:#52647a; font-size:10px; line-height:1.4; font-weight:650; margin-bottom:12px; }
.hub-experience-v2763 .hx-lead h3 { font-size:clamp(24px,2.1vw,30px); line-height:1.15; margin-bottom:12px; }
.hx-lead p { color:#4d6075; margin-bottom:15px; }
.hx-story-row { border-bottom:1px solid #d3dce8; padding:0 0 20px; margin-bottom:20px; }
.hx-story-row:last-child { margin-bottom:0; }
.hx-story-row a { display:flex; align-items:flex-start; gap:12px; }
.hx-story-row a > div { flex:1; }
.hub-experience-v2763 .hx-story-row h3 { font-size:18px; margin:7px 0 9px; line-height:1.25; }
.hx-story-row time { font-size:11px; color:#5a6a7e; }
.hx-story-row img { flex:0 0 64px; width:64px; height:64px; object-fit:cover; border-radius:5px; }
.hx-competition .hub-board-v2761 { border-radius:10px; box-shadow:none; }
.hx-competition .hub-section-head-v2761 h2 { font-size:22px; }
.hx-competition .hub-board-v2761__end small { font-size:11px; }
.hx-empty { border:1px solid #cfdae8; background:#fff; padding:30px; border-radius:10px; }
.hx-empty p { color:#516176; margin:12px 0; max-width:650px; }
.hx-empty .hx-actions { margin-top:20px; }
.hx-empty--small { padding:23px; }
.hx-empty--small p { margin-top:0; }

/* Task-based paths, not generic repeated capability tiles. */
.hx-tools-grid, .hx-audience-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.hx-tool { display:flex; flex-direction:column; align-items:flex-start; padding:25px; border:1px solid #d3dce8; border-radius:10px; background:#fff; }
.hx-tool-top { display:flex; width:100%; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; }
.hx-tool-top > span:last-child { font-size:13px; font-weight:750; color:#637b94; }
.hub-experience-v2763 .hx-tool h3, .hub-experience-v2763 .hx-tool h2 { font-size:24px; margin:8px 0 13px; }
.hx-tool p { color:#53667b; margin-bottom:20px; }
.hx-tool > .hx-text-link { margin-top:auto; padding-top:8px; }
.hub-experience-v2763 a.hx-tool:hover { border-color:#8fafd6; box-shadow:0 5px 15px #192b4810; color:#142033; }
.hx-media-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.hx-subhead { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:15px; }
.hub-experience-v2763 .hx-subhead h3 { font-size:20px; }
.hx-media-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.hx-media-card { border-radius:9px; border:1px solid #d3dce8; background:#fff; overflow:hidden; }
.hx-media-image { position:relative; background:#e1e8f0; aspect-ratio:1.6; }
.hx-media-image img { width:100%; height:100%; object-fit:cover; }
.hx-media-copy { padding:16px; }
.hub-experience-v2763 .hx-media-copy :is(h3,h4) { font-size:19px; line-height:1.23; margin:7px 0 10px; }
.hx-media-copy p { color:#55677e; font-size:12px; }
.hx-play { display:flex; align-items:center; justify-content:center; position:absolute; bottom:12px; left:12px; width:36px; height:36px; border-radius:50%; background:#fff; color:#183452; font-size:13px; }
.hx-photo-count { position:absolute; bottom:12px; left:12px; border-radius:4px; padding:5px 8px; background:#11253c; color:#fff; font-size:10px; font-weight:750; }
.hx-image-fallback { display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#425a75; background:#dce5ef; font-size:16px; font-weight:750; padding:20px; }
.hx-audience { display:flex; flex-direction:column; align-items:flex-start; border-top:3px solid #b7c9e0; background:#e8eef6; padding:25px; border-radius:0 0 8px 8px; }
.hx-audience h3 { margin:14px 0; }
.hx-audience p { margin-bottom:20px; color:#435b76; }
.hx-audience > :last-child { margin-top:auto; }
.hub-experience-v2763 .hx-audience--dark { background:#163553; color:#fff; border-color:#75acec; }
.hub-experience-v2763 .hx-audience--dark p, .hub-experience-v2763 .hx-audience--dark .hx-eyebrow { color:#d0e1f4; }
.hub-experience-v2763 .hx-audience--dark .hx-text-link { color:#fff; }
.hx-operator { margin:23px 0 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:13px; border-top:1px solid #cbd8e8; border-bottom:1px solid #cbd8e8; padding:20px 0; }
.hx-operator strong { font-size:18px; letter-spacing:-.02em; }
.hx-operator > span { font-size:13px; color:#3d5877; }
.hx-inline-links { display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; }
.hub-experience-v2763 .hx-inline-links a { font-size:13px; font-weight:700; color:#174f91; min-height:40px; display:inline-flex; align-items:center; }

/* Real member activity remains private to its authenticated profile. */
.hx-personal { padding:24px; border:1px solid #b8cde6; background:#e8f0fa; border-radius:10px; margin-bottom:30px; }
.hx-personal-head { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-bottom:20px; }
.hub-experience-v2763 .hx-personal h2 { font-size:24px; margin-top:6px; }
.hx-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:14px 0; }
.hx-metrics > div { border-right:1px solid #becfe4; padding-right:15px; }
.hx-metrics > div:last-child { border:0; }
.hx-metrics strong { display:block; font-size:27px; font-weight:800; color:#163c69; font-variant-numeric:tabular-nums; }
.hx-metrics span { display:block; font-size:11px; color:#4e657f; }
.hx-details { border-top:1px solid #cbd7e6; margin-top:20px; }
.hx-details summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; padding:14px 0; font-size:15px; font-weight:750; list-style:none; cursor:pointer; color:#233e5b; }
.hx-details summary::-webkit-details-marker { display:none; }
.hx-details summary::after { content:'+'; font-size:22px; font-weight:500; flex-shrink:0; }
.hx-details[open] summary::after { content:'−'; }
.hx-details summary > span { margin-left:auto; font-weight:450; font-size:12px; color:#4f637d; }
.hx-details > p { max-width:860px; padding:0 0 18px; color:#415b78; }
.hx-details > .hx-text-link { display:inline-block; padding-bottom:18px; }
.hx-recent-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding-bottom:16px; }
.hx-recent-list a { display:flex; flex-direction:column; gap:4px; padding:13px; background:#fff; border:1px solid #cdd8e5; border-radius:6px; font-size:13px; }
.hx-recent-list span { color:#5a7089; font-size:12px; }
.hx-feature-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding-bottom:20px; }
.hx-feature-links a { display:block; padding:17px; background:#fff; border:1px solid #d1dce9; border-radius:7px; }
.hx-feature-links strong { display:block; font-size:14px; margin-bottom:8px; }
.hx-feature-links span { display:block; color:#4a637f; font-size:12px; line-height:1.5; }

/* Plans reuse their original Rails pricing and checkout form. */
.hub-experience-v2763 .hx-plans { background:transparent; padding:0; margin-top:44px; border:0; box-shadow:none; }
.hx-plans .ga-sport-section-head { margin-bottom:20px; }
.hx-plans .ga-sport-section-head h2 { margin-top:7px; }
.hx-plans .ga-sport-kicker { display:block; background:transparent; padding:0; font-size:10px; letter-spacing:.12em; font-weight:800; color:#395776; }
.hx-plans .ga-sport-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.hub-experience-v2763 .hx-plans .ga-sport-plan-card { background:#fff; color:#142033; border:1px solid #c8d7e9; border-top:3px solid #2467b8; border-radius:9px; padding:23px; box-shadow:none; display:flex; flex-direction:column; }
.hx-plans .ga-sport-plan-label { color:#4f627a; font-size:11px; font-weight:700; margin-bottom:10px; }
.hx-plans .ga-sport-plan-private, .hx-plans .ga-sport-current { background:#e7effb; color:#1d487b; padding:8px 10px; border-radius:5px; font-size:12px; font-weight:750; margin-bottom:12px; }
.hx-plans .ga-sport-price { font-size:25px; font-weight:800; margin:16px 0 12px; }
.hx-plans .ga-sport-plan-card p { color:#4a637b; font-size:13px; }
.hx-plans ul { font-size:13px; line-height:1.6; padding-left:17px; margin:16px 0 22px; color:#3c556f; }
.hx-plans .ga-sport-plan-card > form { margin-top:auto; }
.hub-experience-v2763 .hx-plans .ga-sport-plan-action { width:100%; display:block; background:#1558c0; color:#fff; padding:12px; text-align:center; border:1px solid #1558c0; border-radius:6px; font-size:13px; font-weight:750; line-height:1.4; white-space:normal; }
.hx-plans .ga-sport-plan-empty { display:flex; flex-direction:column; gap:8px; padding:23px; border:1px solid #d2dfec; border-radius:8px; background:#fff; }
.hx-plans .ga-sport-plan-empty span { font-size:13px; color:#4c637d; }
.hx-plans .ga-sport-shared-plans { margin-top:25px; }
.hub-experience-v2763 .hx-plans .ga-sport-shared-plans h3 { font-size:18px; }
.hx-plans .ga-sport-shared-plans > p { font-size:13px; color:#49617c; margin:8px 0 15px; }
.hx-plans .ga-sport-shared-plan-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.hx-plans .ga-sport-shared-plan { display:flex; flex-direction:column; gap:8px; background:#e9eff7; padding:16px; border-radius:7px; font-size:13px; }
.hx-plans .ga-sport-shared-plan small { color:#47607c; }
.hx-faq .hx-details { margin-top:0; }

/* Directory and role selection have normal wrapping cards and instant,
   progressive-enhancement search. Without JS every sport remains available. */
.hx-directory-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; flex-wrap:wrap; margin:6px 0 30px; padding:18px 0 30px; border-bottom:1px solid #cfdae8; }
.hx-directory-hero > div:first-child { flex:1 1 530px; }
.hub-experience-v2763 .hx-directory-hero h1 { font-size:clamp(38px,4.5vw,66px); line-height:1.03; letter-spacing:-.055em; margin:15px 0 20px; }
.hub-experience-v2763 .hx-directory-hero h1 span { color:#2b5d91; }
.hx-directory-hero p { max-width:720px; color:#4b627b; font-size:16px; }
.hx-directory-hero .hx-actions { margin-top:24px; }
.hx-directory-search { display:flex; flex-direction:column; gap:5px; width:260px; max-width:100%; }
.hx-directory-search label { font-size:11px; font-weight:700; color:#4b617a; }
.hx-directory-search input { width:100%; border:1px solid #b6c8df; min-height:44px; border-radius:7px; background:#fff; color:#142033; padding:10px 13px; font-size:14px; }
.hx-directory-search [role=status] { font-size:11px; color:#526981; }
.hx-sport-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.hx-sport-card { padding:24px; border-radius:10px; background:#fff; border:1px solid #cfdbe9; transition:border-color .15s ease; }
.hx-sport-card:hover { border-color:#8eadcf; }
.hx-sport-card-head { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:30px; }
.hub-experience-v2763 .hx-sport-card h3 { font-size:29px; margin-bottom:10px; }
.hx-sport-card h3 a { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.hx-sport-card h3 a span { font-size:22px; color:#2e68a8; }
.hx-sport-card p { color:#536982; font-size:13px; }
.hx-card-links { display:flex; gap:16px; border-top:1px solid #d7e1ec; margin-top:24px; padding-top:10px; flex-wrap:wrap; }
.hx-card-links a { min-height:34px; display:inline-flex; align-items:center; font-size:12px; font-weight:750; color:#265d9c; }
.hx-journey { display:flex; align-items:center; justify-content:space-between; gap:25px; background:#e4ecf7; border:1px solid #c7d6e9; border-radius:10px; padding:30px; margin-top:30px; flex-wrap:wrap; }
.hx-journey > div:first-child { flex:1 1 450px; }
.hx-journey h2 { margin:10px 0 13px; }
.hx-journey p { color:#45607c; max-width:690px; }
.hx-admin-identity { flex:0 1 235px; align-self:center; display:flex; align-items:flex-start; flex-direction:column; gap:14px; padding:28px; border-left:1px solid #cad7e6; }
.hx-admin-identity .hx-mark { width:64px; height:64px; font-size:24px; }
.hx-admin-identity > strong { font-size:24px; }
.hx-admin-identity > span:last-child { font-size:12px; color:#4f6580; }
.hx-team-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.hx-team { display:flex; gap:15px; align-items:center; border:1px solid #d0dce9; border-radius:8px; background:#fff; padding:18px; }
.hx-team-logo { display:flex; justify-content:center; align-items:center; width:56px; height:56px; flex:0 0 56px; border:1px solid #d0dce9; border-radius:8px; font-size:14px; font-weight:800; background:#eef3fa; color:#204f82; }
.hx-team-logo img { width:100%; height:100%; object-fit:contain; padding:4px; }
.hx-team > div { flex:1; }
.hx-team strong { font-size:16px; line-height:1.3; display:block; overflow-wrap:anywhere; }
.hx-team > div > span { display:block; font-size:12px; color:#526a85; margin-top:6px; }
.hx-managed-team { border:1px solid #c7d6e8; background:#fff; border-radius:9px; }
.hx-managed-team .hx-team { border:0; border-radius:9px; }
.hx-managed-team .hx-inline-links { margin:0 18px; padding:2px 0 8px; border-top:1px solid #e0e7f0; }

/* Template thumbnails are labelled diagrams. Actual previews use the existing
   authorized renderer; no public bypass or preview entitlement is introduced. */
.hx-template-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.hx-template-card { background:#fff; border:1px solid #ccd9e9; border-radius:10px; overflow:hidden; display:flex; flex-direction:column; }
.hx-template-plan { position:relative; height:176px; background:#122843; color:#edf5ff; padding:18px 24px; }
.hx-template-plan > span { font-size:9px; letter-spacing:.12em; text-transform:uppercase; font-weight:750; }
.hx-template-plan > b { display:block; font-size:40px; line-height:1; letter-spacing:-.05em; margin:13px 0 17px; }
.hx-template-plan__bars { position:absolute; display:flex; top:40px; right:24px; gap:6px; }
.hx-template-plan__bars i { display:block; width:22px; height:3px; background:currentColor; opacity:.6; }
.hx-template-plan__layout { display:grid; grid-template-columns:2fr 1fr 1fr; height:42px; gap:8px; }
.hx-template-plan__layout i { display:block; background:currentColor; opacity:.18; }
.hx-template-plan--program { color:#342716; background:#ede3d3; }
.hx-template-plan--program .hx-template-plan__layout { grid-template-columns:repeat(3,1fr); }
.hx-template-plan--scoreboard { color:#d7f6ff; background:#062133; }
.hx-template-plan--scoreboard .hx-template-plan__layout { grid-template-columns:repeat(4,1fr); border-top:2px solid #85b1cf; padding-top:6px; }
.hx-template-plan--clubhouse { color:#234e3d; background:#dcece3; }
.hx-template-plan--clubhouse .hx-template-plan__layout { grid-template-columns:1fr 1fr 2fr; }
.hx-template-plan--press-box { color:#39191d; background:#f0e4e3; }
.hx-template-plan--press-box .hx-template-plan__layout { grid-template-columns:2fr 1fr; border-top:2px solid currentColor; padding-top:6px; }
.hx-template-plan--elite { color:#f1e8ff; background:#291b46; }
.hx-template-copy { padding:23px; display:flex; flex-direction:column; align-items:flex-start; flex:1; }
.hx-template-copy h3 { margin-bottom:12px; }
.hx-template-copy p { font-size:13px; color:#4d647d; margin-bottom:22px; }
.hx-template-copy > :last-child { margin-top:auto; }
.hx-price { display:flex; flex-direction:column; font-size:29px; font-weight:800; white-space:normal; color:#1d476f; }
.hx-price small { font-size:11px; font-weight:550; color:#516d86; }
.hx-caption { color:#526981; font-size:11px!important; margin-top:12px!important; }
.hx-purchase-note { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:25px; padding:25px; background:#e6eef8; border:1px solid #c9d8eb; border-radius:9px; margin-top:26px; }
.hx-purchase-note > div { flex:1 1 450px; max-width:840px; }
.hx-purchase-note h3 { margin:9px 0 13px; }
.hx-purchase-note p { color:#465f7c; font-size:13px; }
.hx-preview-context { padding:20px; border:1px solid #bfcfe5; border-radius:9px; background:#e6eef8; margin-bottom:23px; }
.hx-preview-context strong { display:block; font-size:15px; margin-bottom:12px; }
.hx-preview-context form { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.hx-preview-context label { font-size:12px; font-weight:700; }
.hx-preview-context select { max-width:100%; flex:1; min-width:180px; border:1px solid #9db5d3; background:#fff; color:#1b3c60; border-radius:6px; padding:11px; font-size:13px; }

/* Scores and photo directories: ordinary page grids, filtered on the server. */
.hx-filters { display:flex; flex-wrap:wrap; align-items:flex-end; gap:14px; padding:20px; background:#e8eef6; border:1px solid #c9d7e8; border-radius:9px; margin-bottom:24px; }
.hx-filters > div { flex:1 1 185px; }
.hx-filters label { display:block; margin-bottom:6px; font-size:11px; font-weight:750; color:#3a5574; }
.hx-filters :is(input,select) { display:block; width:100%; min-width:0; min-height:44px; background:#fff; color:#193652; padding:10px 12px; border:1px solid #b6c9e0; border-radius:6px; font-size:14px; }
.hx-filters > .hx-text-link { min-height:44px; display:flex; align-items:center; padding-inline:8px; }
.hx-status-nav { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:22px; }
.hub-experience-v2763 .hx-status-nav a { padding:10px 16px; min-height:42px; border:1px solid #c7d5e7; border-radius:6px; background:#fff; color:#35526f; font-size:13px; font-weight:750; }
.hub-experience-v2763 .hx-status-nav a[aria-current] { background:#154e99; color:#fff; border-color:#154e99; }
.hx-event-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.hx-event-grid .hub-score-v2761 { padding:20px; border:1px solid #c8d5e7; border-radius:9px; background:#fff; }
.hx-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:18px; margin:30px 0 15px; }
.hx-pagination > span { color:#4a6582; font-size:12px; }
.hx-snapshot { display:flex; align-items:flex-start; flex-direction:column; gap:8px; font-size:13px; padding-bottom:3px; }
.hx-snapshot > span { font-size:12px; color:#49647f; }
.hx-count { font-size:15px; padding-bottom:7px; color:#355a7f; }
.hx-photo-feature { border-radius:11px; border:1px solid #193956; background:#102c47; overflow:hidden; color:#fff; }
.hx-photo-feature > a { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
.hx-photo-feature-image { min-height:300px; }
.hx-photo-feature-image img { width:100%; height:100%; object-fit:cover; max-height:520px; }
.hx-photo-feature-copy { padding:clamp(23px,3vw,42px); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.hub-experience-v2763 .hx-photo-feature .hx-eyebrow { color:#c3d9f0; }
.hx-photo-feature h2 { margin:17px 0; font-size:clamp(28px,3vw,43px); }
.hx-photo-feature p { color:#d0e1f2; font-size:14px; }
.hub-experience-v2763 .hx-photo-feature .hx-text-link { color:#fff; margin-top:20px; }
.hx-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:21px; }

/* Carry the public shell into existing News, Watch and Teams browsing pages.
   Their media gates, saved filters and pagination retain their original routes. */
body.ga-hub-discovery-v2763 :is(.news-page-shell,.media-channel-shell) { width:100%; max-width:1500px; margin:0 auto; padding:30px clamp(16px,3vw,48px) 10px; }
body.ga-hub-discovery-v2763 .news-hub-header { background:transparent; padding:14px 0 28px; border:0; border-bottom:1px solid #cbd7e6; box-shadow:none; border-radius:0; margin-bottom:25px; }
body.ga-hub-discovery-v2763 .news-hub-header h1 { font-size:clamp(38px,4.5vw,62px); letter-spacing:-.05em; }
body.ga-hub-discovery-v2763 .news-hub-header p { color:#49637e; font-size:15px; max-width:680px; }
body.ga-hub-discovery-v2763 .news-filter-form { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
body.ga-hub-discovery-v2763 .news-filter-form .news-search-field { flex:2 1 300px; }
body.ga-hub-discovery-v2763 .news-filter-form > .news-filter-select { flex:1 1 180px; }
body.ga-hub-discovery-v2763 .news-intelligence-panel { border:1px solid #cbd9eb; background:#e8eef7; border-radius:9px; box-shadow:none; padding:20px; }
.hx-news-advanced { flex:1 1 100%; order:3; border-top:1px solid #c3d3e6; }
.hx-news-advanced summary { display:flex; align-items:center; gap:12px; font-size:13px; font-weight:750; color:#24486e; cursor:pointer; padding:13px 0 3px; }
.hx-news-advanced summary span { font-weight:450; color:#4c6481; font-size:12px; }
.hx-news-advanced > div { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding-top:15px; }
body.ga-hub-discovery-v2763 .hx-news-advanced select { min-width:0; width:100%; background:#fff; color:#213e5f; }
body.ga-hub-discovery-v2763 .news-quick-filters { flex-wrap:wrap; overflow:visible; }
html body .hub-nav-v2761__inner { gap:22px; }
html body .hub-nav-v2761__desktop { gap:1px; }
body.ga-hub-discovery-v2763 .hub-nav-v2761__actions { gap:12px; }
html body .hub-explore-v2763 > summary { background:transparent; border-color:#516984; }

@media(max-width:1240px) {
  html body .hub-nav-v2761__desktop { display:none; }
  html body .hub-mobile-v2761 { display:block; }
  .hx-front { grid-template-columns:minmax(0,1fr) 292px; gap:22px; }
  .hx-newsroom { grid-template-columns:1fr; }
  .hx-story-stack { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .hx-story-row { margin:0; padding:0 0 16px; }
  .hx-story-row:last-child { grid-column:1/-1; }
  .hx-story-row img { display:none; }
}
@media(max-width:1000px) {
  .hx-hero-copy { padding:30px; }
  .hx-tools-grid, .hx-audience-grid { gap:13px; }
  .hx-tool, .hx-audience { padding:20px; }
  .hx-media-columns { grid-template-columns:1fr; gap:26px; }
  .hx-media-image { aspect-ratio:1.9; }
  .hx-template-grid, .hx-event-grid, .hx-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hx-lane-links { gap:1px; }
  .hub-experience-v2763 .hx-lane-links a { padding-inline:10px; font-size:12px; }
  .hx-plans .ga-sport-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hx-plans .ga-sport-shared-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hx-news-advanced > div { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:800px) {
  .hx-front { grid-template-columns:1fr; gap:28px; }
  .hx-newsroom { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
  .hx-story-stack { display:block; }
  .hx-story-row { margin-bottom:16px; }
  .hx-hero { grid-template-columns:1fr; }
  .hx-hero-art { min-height:170px; }
  .hx-hero-art__copy { padding:23px 30px; }
  .hx-hero-art__copy strong { max-width:none; }
  .hx-hero-code { position:absolute; top:15px; right:26px; font-size:90px; opacity:.16; z-index:-1; }
  .hx-cues { margin-top:12px; }
  .hx-hero-art > img { object-position:center 45%; }
  .hx-sport-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hx-tools-grid, .hx-audience-grid { grid-template-columns:1fr; }
  .hx-tool { padding:24px; }
  .hx-tool-top { margin-bottom:6px; }
  .hx-lane-links { display:none; }
  .hx-lane-mobile { display:block; width:100%; order:2; border-top:1px solid #d1deee; }
  .hx-lane-mobile > summary { display:flex; justify-content:space-between; align-items:center; min-height:44px; padding:10px 0; font-size:13px; font-weight:750; color:#2c4e72; list-style:none; cursor:pointer; }
  .hx-lane-mobile > summary::-webkit-details-marker { display:none; }
  .hx-lane-mobile > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  .hub-experience-v2763 .hx-lane-mobile a { justify-content:flex-start; background:#e7eef8; }
  .hx-team-grid { grid-template-columns:1fr; }
  .hx-photo-feature > a { grid-template-columns:1fr; }
  .hx-photo-feature-image { min-height:0; aspect-ratio:1.7; }
  .hx-photo-feature-image img { height:100%; }
  .hx-feature-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hx-admin-identity { display:none; }
}
@media(max-width:540px) {
  .hub-experience-v2763.hub-v2761 { padding-top:20px; }
  .hx-hero-copy { padding:26px 22px; }
  .hx-hero { border-radius:10px; }
  .hub-experience-v2763 .hx-hero h1 { font-size:38px; }
  .hx-hero p { font-size:14px; }
  .hx-hero-art { min-height:145px; }
  .hx-hero-art__copy { padding:20px 22px; }
  .hx-hero-art__copy strong { font-size:21px; }
  .hx-newsroom, .hx-sport-grid, .hx-template-grid, .hx-gallery-grid, .hx-event-grid { grid-template-columns:1fr; }
  .hx-newsroom { gap:20px; }
  .hx-story-row img { display:block; }
  .hx-lead-copy { padding:20px; }
  .hx-section, .hx-media, .hx-home-discovery { margin-top:34px; }
  .hx-directory-hero { padding-bottom:24px; gap:20px; }
  .hx-directory-hero > div:first-child { flex-basis:100%; }
  .hub-experience-v2763 .hx-directory-hero h1 { font-size:42px; }
  .hx-directory-search { width:100%; }
  .hx-sport-card-head { margin-bottom:18px; }
  .hx-lane-mobile > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hx-media-grid { gap:12px; }
  .hx-media-image { aspect-ratio:1.35; }
  .hx-media-copy { padding:13px; }
  .hub-experience-v2763 .hx-media-copy :is(h3,h4) { font-size:17px; }
  .hx-play { width:30px; height:30px; left:8px; bottom:8px; }
  .hx-photo-count { left:8px; bottom:8px; }
  .hx-details summary { align-items:flex-start; }
  .hx-details summary > span { display:none; }
  .hx-personal { padding:20px; }
  .hx-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .hx-metrics > div:nth-child(2) { border:0; }
  .hx-recent-list, .hx-feature-links, .hx-plans .ga-sport-plan-grid { grid-template-columns:1fr; }
  .hx-plans .ga-sport-shared-plan-grid { grid-template-columns:1fr; }
  .hx-journey { padding:24px; }
  .hx-filters { padding:17px; }
  .hx-filters > div { flex-basis:100%; }
  .hx-news-advanced > div { grid-template-columns:1fr; }
  .hx-news-advanced summary span { display:none; }
  html body .hub-explore-v2763 { display:none; }
  html body .hub-nav-v2761__inner { gap:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .hub-experience-v2763 *, .hub-experience-v2763 *::before, .hub-experience-v2763 *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
}

/* The legacy light theme assigns !important ink/text-fill to headings and
   paragraphs. Explicit dark-surface contracts keep these new panels readable
   in both Chromium and Safari without changing other application surfaces. */
html body.ga-light-theme.ga-hub-discovery-v2763 .hub-experience-v2763 :is(h1,h2,h3,h4,p,a,strong,small,span) { -webkit-text-fill-color:currentColor!important; }
html body.ga-light-theme.ga-hub-discovery-v2763 .hub-experience-v2763 .hx-hero :is(h1,h2,h3,strong) { color:#fff!important; }
html body.ga-light-theme.ga-hub-discovery-v2763 .hub-experience-v2763 .hx-hero p { color:#d1ddeb!important; }
html body.ga-light-theme.ga-hub-discovery-v2763 .hub-experience-v2763 .hx-audience--dark :is(h3,a) { color:#fff!important; }
html body.ga-light-theme.ga-hub-discovery-v2763 .hub-experience-v2763 .hx-audience--dark :is(p,.hx-eyebrow) { color:#d0e1f4!important; }
html body.ga-light-theme.ga-hub-discovery-v2763 .hub-experience-v2763 .hx-hero .hx-button { color:#fff!important; }
html body.ga-light-theme.ga-hub-discovery-v2763 .hub-experience-v2763 .hx-hero .hx-button--light { color:#183454!important; }

html body.ga-light-theme.ga-hub-discovery-v2763 .hub-experience-v2763 .hx-photo-feature :is(h2,.hx-text-link) { color:#fff!important; }
html body.ga-light-theme.ga-hub-discovery-v2763 .hub-experience-v2763 .hx-photo-feature p { color:#d0e1f2!important; }
html body.ga-light-theme.ga-hub-discovery-v2763 .directory-channel-shell.team-directory-shell { width:100%; max-width:1500px; margin:0 auto; padding:30px clamp(16px,3vw,48px) 10px; }