/* V2 page-family layer: talent (Oct 27 2026 redesign). Loaded after tna-v2.css.
   Pages: talent.html, student-athletes.html, athlete.html, coach.html, success-stories.html and the
   generated talent profile pages (body contains .tp / data-talent-profile, built by tools/talent-build.js).
   Only CSS here: every id / data-* hook used by tna-talent*.js and tna-athletes.js is left in place. */

/* ==========================================================================
   0. Phone gutter fix — the rails and the featured strip bled 6px past the
      390px viewport because they used a fixed 24px gutter while the v2 .wrap
      uses var(--v-gutter) (17.6px on phones).
   ========================================================================== */
body.tn .tl-rails{--tl-gut:var(--v-gutter)}

/* ==========================================================================
   1. Two-way photo hero (talent + student-athletes)
   ========================================================================== */
body.tn .tl-hero .ed-hero-bg img{object-position:58% 30%}
body.tn .sa-hero .ed-hero-bg img{object-position:52% 30%}
body.tn .tlx-hero-in{max-width:none!important;width:100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,4vw,64px);align-items:end}
body.tn .tlx-hero-copy{min-width:0;max-width:44rem}
body.tn .tl-hero h1,body.tn .sa-hero h1{letter-spacing:-.045em!important}
body.tn .tl-hero .tl-roles,body.tn .sa-hero .sa-hero-lead{margin:18px 0 0;font:600 clamp(1.05rem,1.5vw,1.25rem)/1.4 var(--v-display)!important;letter-spacing:-.02em;color:#fff;max-width:36ch}
body.tn .tl-hero .ed-hero-sub,body.tn .sa-hero .ed-hero-sub{margin:12px 0 22px;max-width:34rem}
body.tn .tlx-browse{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;cursor:pointer;font:600 15px/1 var(--v-sans);color:#fff;text-decoration:underline;text-decoration-color:rgb(255 255 255/.4);text-underline-offset:6px;text-decoration-thickness:1.5px;transition:text-decoration-color .25s}
body.tn .tlx-browse:hover{text-decoration-color:#fff}
body.tn .tlx-browse svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--v-ease)}
body.tn .tlx-browse:hover svg{transform:translateY(2px)}
body.tn .tlx-ways{display:grid;gap:12px;min-width:0}
body.tn .tlx-way{appearance:none;position:relative;display:block;width:100%;min-height:118px;margin:0;padding:20px 76px 20px 22px;text-align:left;cursor:pointer;font:inherit;color:#fff;text-decoration:none;border-radius:var(--v-r-lg);
  background:rgb(11 18 32/.46);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);border:1px solid rgb(255 255 255/.2);box-shadow:0 1px 0 rgb(255 255 255/.12) inset,0 24px 50px -30px rgb(0 0 0/.6);
  transition:background-color .3s,border-color .3s,transform .5s var(--v-ease)}
body.tn .tlx-way:hover{background:rgb(11 18 32/.62);border-color:rgb(255 255 255/.36);transform:translateY(-2px)}
body.tn .tlx-way:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.tn .tlx-way-k{display:block;font:600 11.5px/1.2 var(--v-sans);letter-spacing:.12em;text-transform:uppercase;color:rgb(255 255 255/.72)}
body.tn .tlx-way b{display:block;margin-top:6px;font:600 clamp(1.25rem,1.7vw,1.5rem)/1.15 var(--v-display);letter-spacing:-.03em;color:#fff}
body.tn .tlx-way-p{display:block;margin-top:6px;font:400 14px/1.45 var(--v-sans);color:rgb(255 255 255/.8)}
body.tn .tlx-way .v-arrow{position:absolute;right:18px;top:50%;margin-top:-22px;background:#fff;color:var(--v-ink);border-color:#fff}
body.tn .tlx-way:hover .v-arrow{transform:translateX(3px)}
@media(max-width:1000px){
  body.tn .tlx-hero-in{grid-template-columns:minmax(0,1fr);gap:22px}
  body.tn .tlx-ways{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body.tn .tl-hero,body.tn .sa-hero{min-height:0!important}
  body.tn .tl-hero > .wrap,body.tn .sa-hero > .wrap{padding-top:92px!important;padding-bottom:24px!important}
  body.tn .tl-hero .v-crumbs,body.tn .sa-hero .v-crumbs{margin-bottom:56px}
  body.tn .tlx-ways{grid-template-columns:minmax(0,1fr);gap:10px}
  body.tn .tlx-way{min-height:0;padding:16px 64px 16px 18px;border-radius:20px}
  body.tn .tlx-way .v-arrow{right:14px;width:40px;height:40px;margin-top:-20px}
  body.tn .tlx-way-p{font-size:13.5px}
  body.tn .tl-hero .ed-hero-sub,body.tn .sa-hero .ed-hero-sub{margin-bottom:14px}
}

/* ==========================================================================
   2. TALENT — category nav as a segmented glass pill (TNA Play search bar)
   ========================================================================== */
body.tn .tl-catstrip{--ov:36px;position:relative;z-index:3;margin-top:calc(-1 * var(--ov));background:linear-gradient(180deg,transparent 0,transparent var(--ov),var(--v-paper) var(--ov))}
body.tn .tl-catstrip + .ed-sec{padding-top:clamp(56px,7vw,88px)}
body.tn .tl-catstrip-in{display:flex;gap:4px;padding:6px;border-radius:999px;overflow:visible;background:rgb(255 255 255/.86);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);border:1px solid rgb(255 255 255/.8);box-shadow:var(--v-shadow-glass),var(--v-shadow-lift);grid-template-columns:none}
body.tn .tl-catstrip a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:64px;padding:10px 22px;border:0!important;border-radius:999px;color:var(--v-ink);transition:background-color .25s,color .25s}
body.tn .tl-catstrip a + a{position:relative}
body.tn .tl-catstrip a + a::before{content:"";position:absolute;left:-2px;top:18px;bottom:18px;width:1px;background:var(--v-line)}
body.tn .tl-catstrip a:hover{background:rgb(11 18 32/.045)}
body.tn .tl-catstrip a:hover::before,body.tn .tl-catstrip a:hover + a::before,body.tn .tl-catstrip a.on::before,body.tn .tl-catstrip a.on + a::before{opacity:0}
body.tn .tl-catstrip b{display:block;font:600 14.5px/1.2 var(--v-sans);letter-spacing:-.01em;color:inherit}
body.tn .tl-catstrip b::after{content:none}
body.tn .tl-catstrip span{display:block;font:400 12.5px/1.35 var(--v-sans);color:var(--v-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tn .tl-catstrip a.on{background:var(--v-ink);color:#fff}
body.tn .tl-catstrip a.on span{color:var(--v-silver)}
@media(max-width:1000px){
  body.tn .tl-catstrip{--ov:28px}
  body.tn .tl-catstrip-in{overflow-x:auto;scrollbar-width:none;border-radius:999px}
  body.tn .tl-catstrip-in::-webkit-scrollbar{display:none}
  body.tn .tl-catstrip a{flex:1 0 auto;min-height:46px;padding:0 18px;align-items:center}
  body.tn .tl-catstrip a + a::before{top:12px;bottom:12px}
  body.tn .tl-catstrip span{display:none}
  body.tn .tl-catstrip b{white-space:nowrap;font-size:14px}
}
@media(max-width:700px){
  body.tn .tl-catstrip{--ov:0px;margin-top:0;padding-top:14px;background:var(--v-paper)}
  body.tn .tl-catstrip-in{margin-inline:calc(var(--v-gutter) * -1);border-radius:0;padding:4px var(--v-gutter);background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:8px}
  body.tn .tl-catstrip a{min-height:44px;background:#fff;border:1px solid var(--v-line)!important}
  body.tn .tl-catstrip a + a::before{display:none}
  body.tn .tl-catstrip a.on{border-color:var(--v-ink)!important}
  body.tn .tl-catstrip + .ed-sec{padding-top:44px}
}

/* ==========================================================================
   3. TALENT — directory (paper canvas, white Play-style coach cards)
   ========================================================================== */
body.tn.tl-page #network{background:var(--v-paper)}
body.tn .tl-xlink{margin:14px 0 0;font:500 14px/1.4 var(--v-sans);color:var(--v-muted)}
body.tn .tl-xlink a{color:var(--v-ink);font-weight:600;border-bottom:0;text-decoration:underline;text-decoration-color:var(--v-stone);text-underline-offset:5px;text-decoration-thickness:1.5px}
body.tn .tl-xlink a:hover{text-decoration-color:var(--v-ink)}

/* role tabs = segmented control */
body.tn .tl-tabs{gap:2px;padding:4px;margin:0 0 14px;border-radius:999px;background:#fff;border:1px solid var(--v-line);box-shadow:var(--v-shadow-soft)}
body.tn .tl-tabs .tl-tab{min-height:40px;padding:0 16px!important;border:0!important;background:transparent!important;color:var(--v-muted)!important;font-weight:500!important}
body.tn .tl-tabs .tl-tab:hover{color:var(--v-ink)!important;background:rgb(11 18 32/.04)!important}
body.tn .tl-tabs .tl-tab.on,body.tn .tl-tabs .tl-tab[aria-selected="true"]{background:var(--v-ink)!important;color:#fff!important}

/* search + filters */
body.tn .tl-bar{gap:10px;margin:0 0 18px}
body.tn .tl-bar .tn-input{min-height:48px;border-radius:999px!important;padding-inline:18px}
body.tn .tl-bar select.tn-input{padding-right:40px}
body.tn .tl-more-btn{min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--v-line);background:#fff;font:600 14px/1 var(--v-sans);color:var(--v-ink);transition:border-color .2s}
body.tn .tl-more-btn:hover{border-color:var(--v-warm)}
body.tn .tl-more-btn[aria-expanded="true"]{background:var(--v-ink);border-color:var(--v-ink);color:#fff}
body.tn .tl-more-btn .n{background:var(--v-camel-deep)}
body.tn .tl-count{font:500 13px/1.3 var(--v-mono);color:var(--v-muted)}
body.tn .tl-panel{padding:22px;border-radius:var(--v-r-lg);background:#fff;border:1px solid var(--v-line);box-shadow:var(--v-shadow-soft)}
body.tn .tl-panel label{font:600 11.5px/1.2 var(--v-sans);letter-spacing:.08em;color:var(--v-muted)}
body.tn .tl-panel-foot .btn{min-height:44px;padding:0 18px;font-size:14px!important}

/* rail headers */
body.tn .tl-rails{gap:clamp(36px,4.5vw,56px);margin-top:18px}
body.tn .tl-rail-h{font:600 clamp(1.2rem,1.8vw,1.5rem)/1.2 var(--v-display);letter-spacing:-.03em;color:var(--v-ink)}
body.tn .tl-rail-n{font:500 12px/1 var(--v-mono);letter-spacing:0;text-transform:none;color:var(--v-camel-deep)}
body.tn .tl-rail-sub{font-size:14px;color:var(--v-muted)}
body.tn .tl-rail-btn{border:1px solid var(--v-line);color:var(--v-ink);box-shadow:var(--v-shadow-soft)}
body.tn .tl-rail-btn:hover:not([aria-disabled="true"]){background:var(--v-ink);border-color:var(--v-ink);color:#fff}
body.tn .tl-rail-swipe{font:500 12px/1 var(--v-sans);letter-spacing:.06em;color:var(--v-muted)}
body.tn .tl-rail-view::before{background:linear-gradient(90deg,var(--v-paper) 12%,rgb(245 245 242/0))}
body.tn .tl-rail-view::after{background:linear-gradient(270deg,var(--v-paper) 12%,rgb(245 245 242/0))}

/* the card (TNA Play CoachCard): tall photo, glass chips, calm body, pill "View profile" */
body.tn .tl-card{border-radius:var(--v-r-lg);border:1px solid var(--v-line);background:#fff;box-shadow:var(--v-shadow-soft)}
body.tn .tl-rails .tl-card{border-radius:var(--v-r-lg)}
body.tn .tl-card-photo{background:var(--v-paper-2)}
body.tn .tl-card-photo img{filter:saturate(.92) contrast(1.03)}
body.tn .tl-rails .tl-card-photo{aspect-ratio:1/1}
body.tn .tl-badge{top:12px;left:12px;padding:5px 10px;border-radius:999px;font:600 11.5px/1.2 var(--v-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--v-ink);background:rgb(255 255 255/.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgb(255 255 255/.75);box-shadow:0 6px 18px -10px rgb(11 18 32/.3)}
body.tn .tl-badge.sr{left:auto;right:12px;background:rgb(11 18 32/.62);color:#fff;border-color:rgb(255 255 255/.18)}
body.tn .tl-badge.ft{top:auto;bottom:12px;left:12px;gap:6px;padding:5px 11px 5px 9px;background:var(--v-ink);color:#fff;border-color:rgb(255 255 255/.12)}
body.tn .tl-badge.ft svg{fill:var(--v-camel)}
body.tn .tl-rails .tl-card-body{--tl-cta:40px;--tl-pbot:16px}
body.tn .tl-rails{--tl-body:326px}
body.tn .tl-name{font:600 18px/1.2 var(--v-display)!important;letter-spacing:-.025em!important;color:var(--v-ink)}
body.tn .tl-title{font:500 13.5px/1.4 var(--v-sans);color:var(--v-muted)}
body.tn .tl-pro{font:600 11px/1.3 var(--v-sans);letter-spacing:.02em;text-transform:none;background:var(--v-paper-2);color:var(--v-ink)}
body.tn .tl-meta li{font:500 12.5px/1.4 var(--v-sans);color:var(--v-muted)}
body.tn .tl-meta svg{color:var(--v-faint)}
body.tn .tl-expertise{font:500 12.5px/1.5 var(--v-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--v-camel-deep)}
body.tn .tl-avail{border-top-color:var(--v-line)}
body.tn .tl-avail span{font:600 10.5px/1.2 var(--v-sans);letter-spacing:.1em;color:var(--v-faint)}
body.tn .tl-avail b{font:600 13px/1.4 var(--v-sans);color:var(--v-ink)}
body.tn .tl-card .tl-cta{display:flex;justify-content:center;align-items:center;gap:6px;padding:0 14px;border:1px solid var(--v-stone)!important;border-radius:999px;background:#fff;font:600 13.5px/1 var(--v-sans)!important;letter-spacing:-.005em!important;text-transform:none!important;color:var(--v-ink);transition:background-color .25s,border-color .25s,color .25s}
body.tn .tl-card .tl-cta svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;flex:none}
body.tn .tl-card:hover .tl-cta{background:var(--v-ink);border-color:var(--v-ink)!important;color:#fff}
body.tn .tl-card:focus-visible{outline:2px solid var(--v-ink);outline-offset:3px}
@media(max-width:640px){
  body.tn .tl-rails{--tl-body:262px}
  body.tn .tl-rails .tl-card-photo{aspect-ratio:5/4}
  body.tn .tl-rails .tl-card-body{--tl-cta:36px;--tl-pbot:12px}
  body.tn .tl-rails .tl-card .tl-cta{padding-top:0;font-size:13px!important}
  body.tn .tl-name{font-size:17px!important}
}
body.tn .tl-empty{border-radius:var(--v-r-lg);background:#fff;border:1px dashed var(--v-stone)}
body.tn .tl-empty h3{font:600 20px/1.25 var(--v-display);letter-spacing:-.025em;color:var(--v-ink)}

/* ==========================================================================
   4. TALENT — employers spotlight, coach plans, ecosystem, final CTA
   ========================================================================== */
body.tn .tlx-emp-sec{background:var(--v-paper);padding-top:clamp(2rem,4vw,3rem)!important}
body.tn .tlx-emp{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:560px}
body.tn .tlx-emp .v-spot-media{min-height:420px}
body.tn .tlx-emp .v-spot-media img{object-position:38% 30%}
body.tn .tlx-emp .tl-employer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:clamp(28px,4.5vw,64px);text-align:left}
body.tn .tlx-emp .tl-emp-list,body.tn .tlx-emp .tlx-emp-sub{align-self:stretch}
body.tn .tlx-emp .ed-ctas{justify-content:flex-start}
body.tn .tlx-emp .v-eyebrow{color:var(--v-silver)}
body.tn .tlx-emp h2{margin:0;color:#fff}
body.tn .tlx-emp-sub{margin:14px 0 0;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.55;color:var(--v-silver);max-width:46ch}
body.tn .tlx-emp .tl-emp-list{gap:0;margin:26px 0 0;border-top:1px solid rgb(255 255 255/.12)}
body.tn .tlx-emp .tl-emp-item{gap:16px;padding:16px 0;border:0;border-bottom:1px solid rgb(255 255 255/.12);border-radius:0;background:none}
body.tn .tlx-emp .tl-emp-item i{width:auto;height:auto;padding-top:3px;border:0;background:none;font:500 12.5px/1 var(--v-mono);color:var(--v-camel)}
body.tn .tlx-emp .tl-emp-item b{font:600 16px/1.3 var(--v-display);letter-spacing:-.02em;color:#fff}
body.tn .tlx-emp .tl-emp-item span{font-size:14px;color:var(--v-silver)}
body.tn .tlx-emp .ed-ctas{margin-top:28px}
body.tn .tlx-emp .btn-gold{background:#fff!important;color:var(--v-ink)!important}
@media(max-width:820px){body.tn .tlx-emp{min-height:0;grid-template-columns:minmax(0,1fr)}body.tn .tlx-emp .v-spot-media{min-height:0;aspect-ratio:16/10}}
@media(max-width:700px){body.tn .tlx-emp .ed-ctas .btn{flex:1 1 100%}}

/* coach plans */
body.tn.tl-page #memberships .ed-head{margin-bottom:clamp(28px,4vw,40px)}
body.tn .v-steps.tl-steps{margin:0 auto clamp(28px,4vw,40px);max-width:1100px;border:0;gap:12px}
body.tn .v-steps.tl-steps > li{padding:20px 22px;font-family:var(--v-sans)}
body.tn .v-steps.tl-steps h3{font-size:15.5px}
@media(max-width:560px){body.tn .v-steps.tl-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.tn .v-steps.tl-steps > li{padding:16px}body.tn .v-steps.tl-steps > li::before{margin-bottom:12px}body.tn .v-steps.tl-steps h3{font-size:14px}}
body.tn .tn-compare{max-width:1100px;margin:0 auto;gap:20px}
body.tn .tn-plan{padding:clamp(26px,3vw,36px);border-radius:var(--v-r-xl);border:1px solid var(--v-line);box-shadow:var(--v-shadow-soft)}
body.tn .tn-plan.dark{background:var(--v-ink);border-color:var(--v-ink);box-shadow:var(--v-shadow-lift)}
body.tn .tn-plan .kicker{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body.tn .tn-plan h3{order:-1;margin:0;font:600 clamp(1.2rem,1.7vw,1.4rem)/1.2 var(--v-display)!important;letter-spacing:-.025em!important;color:var(--v-ink)}
body.tn .tn-plan.dark h3{color:#fff}
body.tn .tlx-best::before{content:"Best value";order:-2;align-self:flex-start;margin:0 0 14px;padding:5px 11px;border-radius:999px;background:rgb(255 255 255/.1);border:1px solid rgb(255 255 255/.16);font:600 12px/1.2 var(--v-sans);color:#fff}
body.tn .tlx-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:18px 0 18px;padding-bottom:20px;border-bottom:1px solid var(--v-line)}
body.tn .tlx-price b{font:700 clamp(2.6rem,4.4vw,3.4rem)/1 var(--v-display);letter-spacing:-.045em;color:var(--v-ink);font-variant-numeric:tabular-nums}
body.tn .tlx-price span{font:500 14px/1.3 var(--v-sans);color:var(--v-muted)}
body.tn .tn-plan.dark .tlx-price{border-bottom-color:rgb(255 255 255/.12)}
body.tn .tn-plan.dark .tlx-price b{color:#fff}
body.tn .tn-plan.dark .tlx-price span{color:var(--v-silver)}
body.tn .tn-plan p{font-size:15px;line-height:1.6;color:var(--v-muted)}
body.tn .tn-plan.dark p{color:var(--v-silver)}
body.tn .tn-plan li{font:400 14.5px/1.5 var(--v-sans);color:var(--v-text)}
body.tn .tn-plan.dark li{color:rgb(255 255 255/.88)}
body.tn .tn-plan li svg{stroke:var(--v-ink);width:18px;height:18px;margin-top:1px;padding:3px;border-radius:999px;background:var(--v-paper-2)}
body.tn .tn-plan.dark li svg{stroke:var(--v-ink);background:#fff}
body.tn .tn-plan .btn{align-self:stretch;min-height:3.25rem}
body.tn .tn-plan.dark .btn-gold{background:#fff!important;color:var(--v-ink)!important}
body.tn .tn-plan.dark .btn-gold:hover{box-shadow:0 16px 34px -16px rgb(0 0 0/.5)}
body.tn .co-toggle{margin-top:24px}
body.tn .co-compare{max-width:1100px;margin-inline:auto}
body.tn .co-compare .tn-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);overflow:hidden;font:400 14.5px/1.5 var(--v-sans)}
body.tn .co-compare .tn-table th{padding:14px 18px;text-align:left;background:var(--v-paper);font:600 12px/1.2 var(--v-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--v-muted);border-bottom:1px solid var(--v-line)}
body.tn .co-compare .tn-table td{padding:16px 18px;vertical-align:top;color:var(--v-text)}
body.tn .co-note{font:400 13px/1.6 var(--v-sans);color:var(--v-muted)}
body.tn .co-note a{color:var(--v-ink);text-decoration:underline;text-underline-offset:3px}

/* ecosystem: hairline feature cells with Play icon circles */
body.tn .tl-eco{border-radius:var(--v-r-lg);border-color:var(--v-line);background:var(--v-line);box-shadow:var(--v-shadow-soft)}
body.tn .tl-eco a{gap:14px;font:600 15px/1.3 var(--v-display);letter-spacing:-.015em;color:var(--v-ink);transition:background-color .25s}
body.tn .tl-eco a:hover{background:var(--v-paper)}
body.tn .tl-eco svg{box-sizing:content-box;width:20px;height:20px;padding:11px;border-radius:999px;background:#fff;border:1px solid var(--v-line);box-shadow:var(--v-shadow-soft);stroke:var(--v-ink);stroke-width:1.8}

/* final CTA link under the buttons */
body.tn .ed-final .tl-hire{margin-top:22px;border-bottom:0;font:500 14px/1.3 var(--v-sans);color:rgb(255 255 255/.82);text-decoration:underline;text-decoration-color:rgb(255 255 255/.35);text-underline-offset:5px}
body.tn .ed-final .tl-hire b{color:#fff;font-weight:600}
body.tn .ed-final .tl-hire:hover{color:#fff;text-decoration-color:#fff}

/* request drawer (talent + profiles) */
body.tn .tn-drawer-head h3,body.tn .tl-req-h{font-family:var(--v-display)!important;letter-spacing:-.025em!important;text-transform:none!important}

/* ==========================================================================
   5. STUDENT-ATHLETES directory (university coaches)
   ========================================================================== */
body.tn .sa-hero .sa-nw{white-space:nowrap}
body.tn .sa-counters{margin:22px 0 0;gap:8px}
body.tn .sa-counters li{padding:7px 13px;border-radius:999px;font:500 12.5px/1.2 var(--v-sans)!important;letter-spacing:0!important;text-transform:none!important;color:rgb(255 255 255/.86);background:rgb(11 18 32/.38);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgb(255 255 255/.22);box-shadow:none}
body.tn .sa-counters b{font:600 14px/1 var(--v-display)!important;letter-spacing:-.01em!important;text-transform:none!important;color:#fff}
body.tn .sa-access-bar{background:var(--v-paper)}
body.tn .sa-access{font-family:var(--v-sans)}
body.tn .sa-feat-sec{background:var(--v-paper-2)}
body.tn .sa-dir{background:var(--v-paper)!important}

body.tn .sa-tabs{gap:2px;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--v-line);box-shadow:var(--v-shadow-soft)}
body.tn .sa-tab{min-height:40px;padding:0 16px;font:500 14px/1 var(--v-sans);color:var(--v-muted)}
body.tn .sa-tab:hover{color:var(--v-ink)}
body.tn .sa-tab.on{background:var(--v-ink);color:#fff;box-shadow:none}
body.tn .sa-tab .n{font-family:var(--v-mono);font-size:11.5px}
body.tn .sa-bar .tn-input{min-height:48px;border-radius:999px!important;padding-inline:18px}
body.tn .sa-grad-l{font:600 11.5px/1.2 var(--v-sans)!important;letter-spacing:.08em!important;color:var(--v-muted)}
body.tn .sa-grad button,body.tn .sa-chiprow button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--v-line);background:#fff;font:500 14px/1 var(--v-sans);color:var(--v-text)}
body.tn .sa-grad button[aria-pressed="true"],body.tn .sa-chiprow button[aria-pressed="true"],body.tn .sa-grad button.on,body.tn .sa-chiprow button.on{background:var(--v-ink);border-color:var(--v-ink);color:#fff}
body.tn .sa-more-btn{min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--v-line);background:#fff;font:600 14px/1 var(--v-sans);color:var(--v-ink)}
body.tn .sa-count{font:500 13px/1.3 var(--v-mono)!important;color:var(--v-muted)}
body.tn .sa-panel{border-radius:var(--v-r-lg);border-color:var(--v-line);box-shadow:var(--v-shadow-lift)}
body.tn .sa-fs legend,body.tn .sa-panel-head b{font:600 11.5px/1.2 var(--v-sans)!important;letter-spacing:.08em!important;color:var(--v-muted)}
body.tn .sa-panel-foot .btn{min-height:44px;padding:0 18px;font-size:14px!important}

/* athlete card */
body.tn .sa-card{border-radius:var(--v-r-lg);border:1px solid var(--v-line);background:#fff;box-shadow:var(--v-shadow-soft)}
body.tn .sa-card:hover{transform:translateY(-4px);box-shadow:var(--v-shadow-lift);border-color:var(--v-line)}
body.tn .sa-card:focus-within{box-shadow:0 0 0 2px var(--v-ink),var(--v-shadow-lift)}
body.tn .sa-card-media{aspect-ratio:4/3;background:linear-gradient(160deg,#1a2438 0%,#0b1220 100%)}
body.tn .sa-card-media::before{border-color:rgb(255 255 255/.08);border-radius:16px}
body.tn .sa-card-media::after{background:rgb(255 255 255/.06)}
body.tn .sa-initials{font-family:var(--v-display)!important;letter-spacing:-.02em!important;background:#fff!important;color:var(--v-ink)!important;box-shadow:0 12px 30px -12px rgb(0 0 0/.5)!important}
body.tn .sa-ver{padding:5px 10px;font:600 11.5px/1.2 var(--v-sans)!important;letter-spacing:0!important;text-transform:none!important;color:#fff;background:rgb(11 18 32/.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgb(255 255 255/.2)}
body.tn .sa-ver svg{stroke:var(--v-live)}
body.tn .sa-card-body{padding:18px 20px 20px}
body.tn .sa-badge{padding:4px 9px;font:600 11px/1.3 var(--v-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--v-ink);background:var(--v-paper-2)!important;border:0;box-shadow:none!important}
body.tn .sa-name{font:600 18px/1.2 var(--v-display)!important;letter-spacing:-.025em!important;color:var(--v-ink)}
body.tn .sa-from{font:500 13px/1.3 var(--v-sans);color:var(--v-text)}
body.tn .sa-line{font:500 13px/1.4 var(--v-sans);color:var(--v-muted)}
body.tn .sa-metric{font:700 clamp(1.3rem,1.8vw,1.55rem)/1.1 var(--v-display)!important;letter-spacing:-.03em!important;text-transform:none!important;color:var(--v-ink);font-variant-numeric:tabular-nums}
body.tn .sa-metric.long{font-size:1.1rem!important}
body.tn .sa-seek{font:500 13px/1.4 var(--v-sans);color:var(--v-camel-deep)}
body.tn .sa-tag{border-radius:999px;font:600 11.5px/1.2 var(--v-sans);letter-spacing:0;text-transform:none}
body.tn .sa-tag:not(.vid){background:var(--v-paper-2);color:var(--v-ink)}
body.tn .sa-tag.vid{background:var(--v-ink);color:#fff}
body.tn .sa-cta{justify-content:center;gap:6px;min-height:40px;margin-top:auto;padding:0 14px;border:1px solid var(--v-stone);border-radius:999px;background:#fff;font:600 13.5px/1 var(--v-sans)!important;letter-spacing:-.005em!important;text-transform:none!important;color:var(--v-ink);transition:background-color .25s,border-color .25s,color .25s}
body.tn .sa-card-body > :nth-last-child(2){margin-bottom:14px}
body.tn .sa-card:hover .sa-cta{background:var(--v-ink);border-color:var(--v-ink);color:#fff}
body.tn .sa-skel{border-radius:var(--v-r-lg)}
body.tn .sa-empty{border-radius:var(--v-r-xl);background:#fff;border:1px solid var(--v-line);box-shadow:var(--v-shadow-soft)}
body.tn .sa-empty h3{font-family:var(--v-display)!important;letter-spacing:-.025em}
body.tn .sa-empty-k{font:600 11.5px/1.2 var(--v-sans)!important;letter-spacing:.08em!important;color:var(--v-muted)}
@media(max-width:640px){
  body.tn .sa-card-media{aspect-ratio:auto}
  body.tn .sa-card-body{padding:14px 14px 14px}
  body.tn .sa-name{font-size:16.5px!important}
  body.tn .sa-cta{min-height:36px;font-size:13px!important}
  body.tn .sa-card-body > :nth-last-child(2){margin-bottom:10px}
  body.tn .sa-feat-grid{margin-inline:calc(var(--v-gutter) * -1)!important;padding-inline:var(--v-gutter)!important;scroll-padding:0 var(--v-gutter)!important}
  body.tn .sa-feat-grid .sa-card-media{aspect-ratio:16/10}
}

/* for players: steps as a calm vertical journey */
body.tn .sa-players{gap:clamp(32px,5vw,72px)}
body.tn .sa-players .ed-h2{font-size:clamp(2rem,3.6vw,3rem)!important}
body.tn .sa-flow{gap:10px}
body.tn .sa-flow li{border-radius:18px!important;border:1px solid var(--v-line)!important;background:#fff!important;box-shadow:var(--v-shadow-soft)!important;font:600 15px/1.3 var(--v-sans)}
body.tn .sa-flow li b{font:500 12.5px/1 var(--v-mono)!important;letter-spacing:0!important;color:var(--v-camel-deep)!important;background:var(--v-paper-2)!important}
body.tn .sa-flow li:last-child{background:var(--v-ink)!important;border-color:var(--v-ink)!important;color:#fff}
body.tn .sa-flow li:last-child b{background:rgb(255 255 255/.12)!important;color:#fff!important}
body.tn .sa-flow-note{font:400 13.5px/1.55 var(--v-sans);color:var(--v-muted)}

/* looking for your university? */
body.tn #universities.ed-sec{background:var(--v-paper)}
body.tn .sa-uni{border-radius:var(--v-r-xl);background:#fff;border:1px solid var(--v-line);box-shadow:var(--v-shadow-soft);padding:clamp(24px,3.5vw,40px)}
body.tn .sa-uni .ed-h2{font-size:clamp(1.7rem,3vw,2.5rem)!important}
body.tn .sa-uni-ic{width:52px;height:52px;border-radius:999px;background:var(--v-paper-2);color:var(--v-ink)}
body.tn .sa-uni-ic svg{stroke:var(--v-ink)}

/* introduction form drawer */
body.tn .sa-intro h2,body.tn .sa-intro h3{font-family:var(--v-display)!important;letter-spacing:-.025em!important;text-transform:none!important}

/* ==========================================================================
   6. PUBLIC PROFILES — talent profiles (.tp: coach.html + 39 generated pages)
      Premium light layout: paper hero, framed portrait, white fact band,
      calm section titles and a sticky white "Request" card.
   ========================================================================== */
body.tn .tp-hero{position:relative;padding:clamp(108px,12vw,148px) 0 clamp(40px,6vw,72px)!important;min-height:0!important;background:var(--v-paper)!important;color:var(--v-text);overflow:hidden}
body.tn .tp-hero::before,body.tn .tp-hero.exec::after{content:none!important}
body.tn .tp-hero.exec{background:var(--v-paper)!important}
body.tn .tp-hero > .wrap.tp-hero-grid{display:grid!important}
body.tn .tp-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,80px);align-items:center}
body.tn .tp-crumbs{margin:0 0 26px;font:500 13px/1.3 var(--v-sans);gap:8px}
body.tn .tp-crumbs a{color:var(--v-muted)}
body.tn .tp-crumbs a:hover{color:var(--v-ink)}
body.tn .tp-crumbs span{color:var(--v-stone)}
body.tn .tp-kicker{display:inline-flex;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--v-line);font:600 12px/1.2 var(--v-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--v-ink)}
body.tn .tp-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--v-camel)}
body.tn .tp-kicker i{padding:2px 8px;background:var(--v-ink);color:#fff;letter-spacing:0}
body.tn .tp h1,body.tn .tp-exec h1,body.tn .tp-hero h1{font-family:var(--v-display)!important;font-weight:700!important;text-transform:none!important;font-size:clamp(2.6rem,5.6vw,4.8rem)!important;line-height:.98!important;letter-spacing:-.045em!important;color:var(--v-ink)!important;margin:18px 0 0;max-width:14ch}
body.tn .tp-role{margin:16px 0 0;font:500 clamp(1.05rem,1.5vw,1.3rem)/1.4 var(--v-sans);color:var(--v-muted);max-width:40ch}
body.tn .tp-pro{background:#fff;border:1px solid var(--v-line);color:var(--v-ink);font-family:var(--v-sans)}
body.tn .tp-pro small{color:var(--v-muted)}
body.tn .tp-meta li{font:500 14px/1.3 var(--v-sans);color:var(--v-muted)}
body.tn .tp-meta svg{stroke:var(--v-camel-deep)}
body.tn .tp-ctas{margin-top:30px;gap:12px}
body.tn .tp-hero .btn-gold{background:var(--v-ink)!important;color:#fff!important}
body.tn .tp-hero .btn-gold:hover{background:#172037!important;color:#fff!important}
body.tn .tp-hero .btn-outline-light{background:transparent!important;color:var(--v-text)!important;border:1px solid var(--v-stone)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
body.tn .tp-hero .btn-outline-light:hover{background:#fff!important;border-color:var(--v-warm)!important;color:var(--v-ink)!important}
body.tn .tp-private{display:flex;align-items:center;gap:8px;margin:18px 0 0;font:400 13px/1.45 var(--v-sans);color:var(--v-muted);max-width:52ch}
body.tn .tp-private::before{content:"";flex:none;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23586070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/16px no-repeat}
body.tn .tp-portrait{justify-self:end;width:100%;max-width:440px;border-radius:var(--v-r-xl);border:1px solid var(--v-line);background:var(--v-paper-2);box-shadow:var(--v-shadow-lift)}
body.tn .tp-portrait img{filter:saturate(.95) contrast(1.02)}
body.tn .tp-verified{left:14px;bottom:14px;padding:7px 12px;font:600 12.5px/1.2 var(--v-sans)!important;letter-spacing:0!important;text-transform:none!important;color:#fff;background:rgb(11 18 32/.5);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgb(255 255 255/.2)}
body.tn .tp-verified svg{stroke:var(--v-live)}

/* fact band: a white card that bridges hero and body */
body.tn .tp-band{background:var(--v-paper)!important;border:0!important;padding:0!important}
body.tn .tp-band .wrap.tp-band-grid{width:calc(100% - 2 * var(--v-gutter));max-width:calc(var(--v-max) - 2 * var(--v-gutter));margin-inline:auto;padding-inline:0!important}
body.tn .tp-band-grid{background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow-soft);overflow:hidden}
body.tn .tp-band-item{padding:22px clamp(20px,2.5vw,32px)!important}
body.tn .tp-band-item + .tp-band-item{border-left:1px solid var(--v-line)}
body.tn .tp-band-item span{font:600 11.5px/1.2 var(--v-sans);letter-spacing:.08em;color:var(--v-muted)}
body.tn .tp-band-item b{font:600 17px/1.35 var(--v-display);letter-spacing:-.02em;color:var(--v-ink)}

/* body */
body.tn .tp-body{background:var(--v-paper)!important;padding:clamp(40px,6vw,72px) 0 clamp(64px,8vw,104px)!important}
body.tn .tp-grid{gap:clamp(32px,5vw,72px)}
body.tn .tp-sec{padding-bottom:clamp(28px,3.5vw,40px);margin-bottom:clamp(28px,3.5vw,40px);border-bottom-color:var(--v-line)}
body.tn .tp-h{margin:0 0 16px;font:600 clamp(1.25rem,1.8vw,1.5rem)/1.2 var(--v-display)!important;letter-spacing:-.03em!important;text-transform:none!important;color:var(--v-ink)}
body.tn .tp-h.sm{font-size:1.15rem!important;margin-bottom:8px}
body.tn .tp-sub{margin:22px 0 10px;font:600 12px/1.2 var(--v-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--v-muted)}
body.tn .tp-lead{font:400 clamp(1.08rem,1.4vw,1.25rem)/1.65 var(--v-sans);letter-spacing:-.005em;color:var(--v-text)}
body.tn .tp-text{font:400 15px/1.65 var(--v-sans);color:var(--v-muted)}
body.tn .tp-list{font:400 15.5px/1.55 var(--v-sans);color:var(--v-text);gap:12px}
body.tn .tp-list:not(.check) li::before{background:var(--v-camel)}
body.tn .tp-list.check li{padding-left:30px}
body.tn .tp-list.check li::before{top:.15em;background-color:var(--v-ink)}
body.tn .tp-timeline{border-left-color:var(--v-line);font-family:var(--v-sans)}
body.tn .tp-timeline li::before{background:var(--v-paper);border-color:var(--v-camel-deep)}
body.tn .tp-chips span{min-height:36px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--v-line);font:500 13.5px/1 var(--v-sans);color:var(--v-ink)}
body.tn .tp-core .tp-chips span{border-radius:999px;padding:0 16px;min-height:42px;font-size:14px}
body.tn .tp-cards{gap:12px}
body.tn .tp-card{position:relative;padding:20px 22px 20px 56px;border-radius:var(--v-r-md);background:#fff;border:1px solid var(--v-line);box-shadow:var(--v-shadow-soft)}
body.tn .tp-card::before{content:"";position:absolute;left:20px;top:20px;width:22px;height:22px;border-radius:999px;background:var(--v-paper-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b1220' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
body.tn .tp-card h3{font:600 15.5px/1.35 var(--v-display)!important;letter-spacing:-.02em!important;color:var(--v-ink);margin:1px 0 0}
body.tn .tp-card p{margin-top:6px;font:400 14px/1.55 var(--v-sans);color:var(--v-muted)}
body.tn .tp-metrics{border-radius:var(--v-r-lg);background:var(--v-line);border-color:var(--v-line)}
body.tn .tp-metrics b{font:700 clamp(2rem,3vw,2.6rem)/1 var(--v-display)!important;letter-spacing:-.045em!important;text-transform:none!important;color:var(--v-ink)}
body.tn .tp-metrics span{font:500 13px/1.4 var(--v-sans);color:var(--v-muted)}
body.tn .tp-side{top:92px}
body.tn .tp-side-card{padding:26px;border-radius:var(--v-r-lg);background:#fff;border:1px solid var(--v-line);box-shadow:var(--v-shadow-lift)}
body.tn .tp-side-card .btn{width:100%;margin-top:22px}
body.tn .tp-kv dt{font:600 11.5px/1.2 var(--v-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--v-muted)}
body.tn .tp-kv dd{font:600 15px/1.4 var(--v-sans);color:var(--v-ink)}
body.tn .tp-final .ed-h2{max-width:18ch;margin-inline:auto}
@media(max-width:960px){
  body.tn .tp-hero-grid{grid-template-columns:minmax(0,1fr)}
  body.tn .tp-portrait{justify-self:start;max-width:420px;order:-1}
  body.tn .tp-grid{grid-template-columns:minmax(0,1fr)}
  body.tn .tp-side{position:static}
}
@media(max-width:640px){
  body.tn .tp-hero{padding-top:92px!important}
  body.tn .tp-portrait{max-width:none;aspect-ratio:4/4.4}
  body.tn .tp-ctas .btn{flex:1 1 100%}
  body.tn .tp-band-grid{grid-template-columns:minmax(0,1fr)}
  body.tn .tp-band-item + .tp-band-item{border-left:0;border-top:1px solid var(--v-line);padding-left:20px!important}
  body.tn .tp-cards{grid-template-columns:minmax(0,1fr)}
}

/* coach.html loading / not-available state */
body.tn #coachRoot{background:var(--v-paper)}
body.tn #coachLoad{padding:clamp(140px,16vw,190px) var(--v-gutter) clamp(80px,10vw,120px);font-family:var(--v-sans)}
body.tn #coachLoad h1{font:700 clamp(2rem,4vw,3rem)/1.05 var(--v-display)!important;letter-spacing:-.04em!important;color:var(--v-ink)}
body.tn #coachLoad p{color:var(--v-muted);font-size:16px}

/* ==========================================================================
   7. ATHLETE PROFILE (athlete.html) — same premium light language
   ========================================================================== */
body.tn .sa-p-hero{padding:clamp(108px,12vw,148px) 0 clamp(40px,6vw,64px)!important;background:var(--v-paper)!important;color:var(--v-text)}
body.tn .sa-p-hero::before{content:none!important}
body.tn .sa-p-hero::after{content:none!important}
body.tn .sa-p-load{color:var(--v-muted)}
body.tn .sa-spin{border-color:var(--v-line)!important;border-top-color:var(--v-ink)!important}
body.tn .sa-crumbs{font:500 13px/1.3 var(--v-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--v-muted)}
body.tn .sa-crumbs a{color:var(--v-muted)!important}
body.tn .sa-crumbs a:hover{color:var(--v-ink)!important}
body.tn .sa-crumbs span,body.tn .sa-crumbs i{color:var(--v-stone)!important}
body.tn .sa-p-seal{padding:5px 13px 5px 5px;font:600 12.5px/1.2 var(--v-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--v-ink)!important;background:#fff!important;border:1px solid var(--v-line)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.tn .sa-p-seal i{background:var(--v-live)}
body.tn .sa-p-seal.soft i{background:var(--v-paper-2)}
body.tn .sa-p-seal.soft svg{stroke:var(--v-ink)}
body.tn .sa-p-hero h1,body.tn .sa-p-nf h1{font-family:var(--v-display)!important;font-size:clamp(2.6rem,5.6vw,4.8rem)!important;line-height:.98!important;letter-spacing:-.045em!important;color:var(--v-ink)!important}
body.tn .sa-p-line{font:600 clamp(1rem,1.4vw,1.2rem)/1.35 var(--v-sans);color:var(--v-text)}
body.tn .sa-p-line i{color:var(--v-stone)}
body.tn .sa-p-from .sa-flag,body.tn .sa-p-based .sa-flag{box-shadow:0 0 0 1px var(--v-line)}
body.tn .sa-p-line2{margin-top:12px;font:700 clamp(1.5rem,2.4vw,2.1rem)/1.1 var(--v-display)!important;letter-spacing:-.035em!important;text-transform:none!important;color:var(--v-ink)!important;font-variant-numeric:tabular-nums}
body.tn .sa-p-based{color:var(--v-muted)}
body.tn .sa-p-badges .sa-badge{padding:6px 11px;font-size:12px!important;background:#fff!important;border:1px solid var(--v-line)}
body.tn .sa-p-portrait{max-width:400px;border-radius:var(--v-r-xl)!important;border:1px solid var(--v-line)!important;background:linear-gradient(160deg,#1a2438 0%,#0b1220 100%)!important;box-shadow:var(--v-shadow-lift)!important}
body.tn .sa-p-initials{font-family:var(--v-display)!important;letter-spacing:-.03em!important;color:#fff!important}
body.tn .sa-p-nf p{color:var(--v-muted)}
body.tn .sa-p-nf .btn-gold{background:var(--v-ink)!important;color:#fff!important}
body.tn .sa-p-hero .btn-outline-light{background:transparent!important;color:var(--v-text)!important;border:1px solid var(--v-stone)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
body.tn .sa-p-hero .btn-gold{background:var(--v-ink)!important;color:#fff!important}
body.tn section.sa-p-band{background:var(--v-paper)!important;border:0!important}
body.tn .sa-p-band .wrap{padding-top:0;padding-bottom:0}
body.tn .sa-p-band .wrap > *{min-width:0}
body.tn .sa-p-band .wrap{position:relative}
body.tn .sa-p-band .wrap::before{content:"";position:absolute;inset:0 var(--v-gutter);z-index:-1;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow-soft)}
body.tn section.sa-p-band{position:relative;z-index:0}
body.tn .sa-p-band .wrap{padding:20px calc(var(--v-gutter) + clamp(20px,2.5vw,28px))!important}
body.tn .sa-facts dt{font:600 11px/1.2 var(--v-sans);letter-spacing:.08em;color:var(--v-muted)}
body.tn .sa-facts dd{font:600 15.5px/1.3 var(--v-display);letter-spacing:-.015em;color:var(--v-ink);font-variant-numeric:tabular-nums}
body.tn .sa-facts div{border-left-color:var(--v-line)}
body.tn .sa-p-btns .btn{min-height:44px;padding:0 18px}
body.tn .sa-p-body{background:var(--v-paper)!important;padding-top:clamp(36px,5vw,56px)!important}
body.tn .sa-sec h2,body.tn .sa-p-main h2{font:600 clamp(1.25rem,1.8vw,1.5rem)/1.2 var(--v-display)!important;letter-spacing:-.03em!important;text-transform:none!important;color:var(--v-ink)!important}
body.tn .sa-kv{border-radius:var(--v-r-md);background:var(--v-line);border-color:var(--v-line)}
body.tn .sa-kv dt{font:600 11px/1.2 var(--v-sans);letter-spacing:.08em;color:var(--v-muted)}
body.tn .sa-kv dd{font:600 15px/1.45 var(--v-sans);color:var(--v-ink)}
body.tn .sa-vtab{border-radius:16px;border-color:var(--v-line)}
body.tn .sa-vtab b{font:600 12.5px/1.2 var(--v-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--v-ink)}
body.tn .sa-vtab.on{background:var(--v-ink);border-color:var(--v-ink)}
body.tn .sa-vtab.on b{color:#fff}
body.tn .sa-vposter,body.tn .sa-vframe{border-radius:var(--v-r-lg)!important}
body.tn .sa-results{border-radius:var(--v-r-md);overflow:hidden}
body.tn .sa-results th{font:600 11px/1.2 var(--v-sans);letter-spacing:.08em;background:var(--v-paper)}
body.tn .sa-table-wrap{border-radius:var(--v-r-md);border-color:var(--v-line);background:#fff}
body.tn .sa-side-card{border-radius:var(--v-r-lg)!important;background:#fff!important;border:1px solid var(--v-line)!important;box-shadow:var(--v-shadow-lift)!important}
body.tn .sa-side-card h3,body.tn .sa-side-card h2{font-family:var(--v-display)!important;letter-spacing:-.025em!important;text-transform:none!important}
body.tn .sa-p-final .ed-h2{max-width:18ch;margin-inline:auto}
@media(max-width:960px){
  body.tn .sa-p-hero-grid{grid-template-columns:minmax(0,1fr)!important}
  body.tn .sa-p-portrait{justify-self:start!important;order:-1;max-width:220px}
}
@media(max-width:640px){
  body.tn .sa-p-hero{padding-top:92px!important}
  body.tn .sa-p-band .wrap{padding:18px calc(var(--v-gutter) + 18px)!important}
  body.tn .sa-p-btns,body.tn .sa-p-btns .btn{width:100%}
  body.tn .sa-p-btns .btn{flex:1 1 100%}
}

/* ==========================================================================
   8. SUCCESS STORIES
   ========================================================================== */
body.tn .hero-photo .hero-stats{gap:0;margin-top:28px;padding-top:22px;border-top:1px solid rgb(255 255 255/.18)}
body.tn .hero-photo .hero-stats .stat{padding:0 26px;border-left:1px solid rgb(255 255 255/.16)}
body.tn .hero-photo .hero-stats .stat:first-child{padding-left:0;border-left:0}
body.tn .hero-photo .hero-stats b{font:700 clamp(1.8rem,3vw,2.5rem)/1 var(--v-display)!important;letter-spacing:-.045em!important;color:#fff}
body.tn .hero-photo .hero-stats .stat > span{display:block;margin-top:8px;font:500 13px/1.3 var(--v-sans)!important;letter-spacing:0!important;text-transform:none!important;color:rgb(255 255 255/.75)}
body.tn .hero-photo .hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
body.tn .hero-photo .ball,body.tn .hero-photo .rally,body.tn .hero-photo .scroll-cue,body.tn .hero-photo .curve{display:none!important}
body.tn #quarter{background:var(--v-paper)!important;padding:clamp(4rem,8.5vw,7.5rem) 0}
body.tn #quarter .section-head .label{display:inline-flex;margin:0 0 12px;font:600 .78rem/1.2 var(--v-sans)!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--v-muted)}
body.tn #quarter .section-head .label::before,body.tn #quarter .section-head .label::after{display:none!important}
body.tn #quarter .section-head h2{margin:0;font:700 clamp(2.1rem,4.4vw,3.6rem)/1.03 var(--v-display)!important;letter-spacing:-.04em!important;text-transform:none!important;color:var(--v-ink)}
body.tn #quarter .section-head p{margin:14px 0 0;font-size:clamp(1.03rem,1.35vw,1.2rem);line-height:1.55;color:var(--v-muted);max-width:52ch}
body.tn .qs-count{gap:8px;min-height:40px;padding:0 16px;border-color:var(--v-line);box-shadow:var(--v-shadow-soft);font:500 13.5px/1 var(--v-sans);color:var(--v-text)}
body.tn .qs-count b{font:600 15px/1 var(--v-mono)!important;color:var(--v-ink)!important}
body.tn .qs-grid{gap:20px;margin-top:clamp(28px,4vw,44px)}
body.tn .qs-card{border-radius:var(--v-r-lg)!important}
body.tn .qs-media{background:var(--v-paper-2)}
body.tn .qs-signed{top:12px;left:12px;padding:5px 11px 5px 9px;font:600 11.5px/1.2 var(--v-sans)!important;letter-spacing:0!important;text-transform:none!important;color:#fff;background:rgb(11 18 32/.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgb(255 255 255/.2)}
body.tn .qs-signed svg{stroke:var(--v-live)}
body.tn .qs-card figcaption{padding:16px 18px 18px;gap:5px}
body.tn .qs-card figcaption b{font:600 17px/1.2 var(--v-display)!important;letter-spacing:-.025em!important;color:var(--v-ink)}
body.tn .qs-card figcaption span{font:500 13px/1.3 var(--v-sans)!important;color:var(--v-text)!important}
body.tn .qs-card figcaption span svg{stroke:var(--v-camel-deep)}
body.tn .qs-card figcaption em{font:400 13px/1.4 var(--v-sans)!important;color:var(--v-muted)}
body.tn .net-band{display:none}
body.tn section.final{position:relative;padding:clamp(5rem,10vw,8rem) 0!important;background:var(--v-ink)!important;text-align:center;overflow:hidden}
body.tn section.final .court-floor,body.tn section.final .ball{display:none!important}
body.tn section.final > .wrap{max-width:46rem;padding:clamp(2rem,4vw,3rem)!important;border-radius:var(--v-r-xl);background:rgb(255 255 255/.04);border:1px solid rgb(255 255 255/.12)}
body.tn section.final h2{margin:0;font:700 clamp(2rem,4.2vw,3.3rem)/1.04 var(--v-display)!important;letter-spacing:-.04em!important;text-transform:none!important;color:#fff}
body.tn section.final h2 em{font-style:normal;color:#fff;opacity:.72}
body.tn section.final p{margin:16px auto 0;max-width:46ch;color:var(--v-silver);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.6}
body.tn section.final .ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
body.tn section.final .btn-gold{background:#fff!important;color:var(--v-ink)!important}
@media(max-width:700px){
  body.tn .hero-photo .hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}
  body.tn .hero-photo .hero-stats .stat{padding:0 16px}
  body.tn .hero-photo .hero-stats .stat:nth-child(odd){padding-left:0;border-left:0}
  body.tn .hero-photo .hero-ctas .btn,body.tn section.final .ctas .btn{flex:1 1 100%}
  body.tn .qs-grid{gap:12px}
  body.tn .qs-card figcaption{padding:12px 13px 14px}
}

/* hero refinements: breadcrumbs keep clear of the kicker; phones get a deeper scrim (copy sits over the photo) */
body.tn .tl-hero .v-crumbs,body.tn .sa-hero .v-crumbs,body.tn .hero-photo .v-crumbs{padding-bottom:28px}
body.tn .sa-hero h1{font-size:clamp(2.5rem,5.4vw,4.6rem)!important}
@media(max-width:700px){
  body.tn .tl-hero .ed-hero-scrim,body.tn .sa-hero .ed-hero-scrim{background:linear-gradient(180deg,rgb(11 18 32/.55) 0%,rgb(11 18 32/.62) 30%,rgb(11 18 32/.8) 60%,rgb(11 18 32/.92) 100%)!important}
  body.tn .tl-hero .v-crumbs,body.tn .sa-hero .v-crumbs{padding-bottom:0}
}
@media(max-width:640px){
  body.tn #saGrid .sa-ver{left:50%;right:auto;bottom:8px;transform:translateX(-50%);gap:4px;padding:4px 7px;font-size:10px!important;white-space:nowrap}
  body.tn #saGrid .sa-ver svg{width:10px;height:10px}
}

/* ---- QA round 1 ---- */
/* category strip: the full description shows (no ellipsis) */
body.tn .tl-catstrip span{white-space:normal;overflow:visible;text-overflow:clip}
/* "One network" grid: 9 items in 3 even rows */
@media(min-width:1061px){body.tn .tl-eco{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.tn .tl-eco > :last-child:nth-child(9){grid-column:auto!important}}
/* plan cards: the "Best value" badge no longer pushes the 12-month price down */
@media(min-width:900px){
  body.tn .tlx-best{position:relative}
  body.tn .tlx-best::before{position:absolute;top:22px;right:22px;margin:0!important}
}
/* success stories: the final card keeps the page gutter on phones */
@media(max-width:700px){body.tn section.final > .wrap{width:calc(100% - 2 * var(--v-gutter));margin-inline:auto}}

/* Oct 29 2026: portrait padel photo, keep its own shape on phones (no zoom) */
@media(max-width:820px){body.tn .tlx-emp .v-spot-media{aspect-ratio:4/5}}