/* Track Mechanics V38.81.129 — Responsive UI/UX convergence layer.
   Presentation/navigation only. No data, timing, Team transport, privacy or result semantics. */
:root{
  --tm-page-max:1200px;
  --tm-reading-max:760px;
  --tm-rail-width:224px;
  --tm-space-1:4px;
  --tm-space-2:8px;
  --tm-space-3:12px;
  --tm-space-4:16px;
  --tm-space-5:20px;
  --tm-space-6:24px;
  --tm-space-8:32px;
  --tm-space-10:40px;
  --tm-touch:48px;
  --tm-topbar:64px;
  --tm-bottom-nav:68px;
  --tm-page-inline:clamp(16px,3vw,32px);
  --tm-section-gap:clamp(20px,3vw,32px);
}

html{overflow-x:hidden;text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  overflow-x:hidden;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--background,#F4F6F8);
  color:var(--text,#17212C);
}
*,*::before,*::after{box-sizing:border-box;}
img,video,canvas,svg{max-inline-size:100%;block-size:auto;}
button,input,select,textarea{font:inherit;}
button,.btn,[role="button"],summary{touch-action:manipulation;}

/* One stable app frame at every viewport. */
.app-shell{min-height:100dvh;min-width:0;}
.main-shell{min-width:0;margin-inline-start:var(--tm-rail-width);}
main{
  inline-size:min(100%,calc(var(--tm-page-max) + 2 * var(--tm-page-inline)));
  max-inline-size:100%;
  margin-inline:auto;
  padding-block:clamp(20px,2.5vw,32px) clamp(112px,10vw,132px);
  padding-inline:var(--tm-page-inline);
  min-width:0;
}
.page,.experience-page{display:grid;gap:var(--tm-section-gap);min-width:0;max-width:100%;}
.page>* ,.experience-page>*{min-width:0;max-width:100%;}

/* Navigation: exactly five primary destinations. */
.experience-rail{
  inline-size:var(--tm-rail-width);
  padding:max(20px,env(safe-area-inset-top,0px)) 12px 18px max(12px,env(safe-area-inset-left,0px));
  gap:20px;
}
.experience-rail .rail-nav{display:grid;gap:4px;}
.experience-rail .nav-link{
  min-block-size:52px;
  border-radius:12px;
  padding:9px 12px;
  gap:12px;
  text-align:start;
}
.experience-rail .nav-mark{inline-size:30px;block-size:30px;}
.experience-rail .rail-support{gap:2px;}
.experience-rail .support-link{min-block-size:48px;border-radius:10px;}
.experience-rail-footer{margin-top:2px;}

.experience-topbar{
  position:sticky;
  inset-block-start:0;
  z-index:35;
  min-block-size:var(--tm-topbar);
  padding:max(8px,env(safe-area-inset-top,0px)) var(--tm-page-inline) 8px;
  gap:12px;
  border-bottom:1px solid color-mix(in srgb,var(--border,#DFE5EB) 86%,transparent);
  background:color-mix(in srgb,var(--surface,#fff) 96%,transparent);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.experience-top-context{min-width:0;flex:1 1 260px;}
.experience-current-title{font-weight:700;color:var(--text,#17212C);}
.experience-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;}
.experience-quick-action,.experience-sync,.experience-topbar .appbar-icon{min-block-size:var(--tm-touch);}
.experience-quick-action,.experience-topbar .appbar-icon{min-inline-size:var(--tm-touch);}

.bottom-nav{
  padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));
  min-block-size:calc(var(--tm-bottom-nav) + env(safe-area-inset-bottom,0px));
  background:color-mix(in srgb,var(--surface,#fff) 98%,transparent);
  border-top:1px solid var(--border,#DFE5EB);
  box-shadow:0 -6px 24px rgba(23,33,44,.07);
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.bottom-nav .nav-link{
  min-width:0;
  min-height:56px;
  padding:6px 2px;
  gap:3px;
  border-radius:12px;
  font-size:11px;
  line-height:1.15;
}
.bottom-nav .nav-mark{width:22px;height:22px;}
.bottom-nav .nav-link span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}

/* Strong hierarchy without oversized decorative headings. */
.page-heading{display:grid;gap:8px;max-width:min(100%,850px);margin:0;}
.page-heading h1{
  margin:0;
  font-size:clamp(1.8rem,3.2vw,2.55rem);
  line-height:1.08;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
}
.page-heading .lead{margin:0;max-width:72ch;font-size:clamp(.94rem,1.3vw,1rem);line-height:1.6;color:var(--text-muted,#536171);}
h2{line-height:1.2;} h3{line-height:1.25;}
.experience-context{margin:0 0 4px;min-height:32px;gap:8px;}
.experience-context button{min-height:32px;padding:4px 0;}
.eyebrow{font-size:10px;letter-spacing:.09em;}
.helper,small{line-height:1.5;}

/* Consistent section rhythm. */
.experience-section{display:grid;gap:14px;min-width:0;max-width:100%;}
.experience-section+.experience-section{margin-top:0;}
.experience-section-heading,.section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.experience-section-heading>div,.section-head>div{min-width:0;}
.experience-section-heading h2,.section-head h2{margin:0;font-size:clamp(1.15rem,1.8vw,1.35rem);letter-spacing:-.02em;}

/* Cards are calm, consistent operational surfaces. */
:where(.card,.surface-card,.support-card,.evidence-panel,.experience-team-card,.experience-onboarding,.experience-empty,.experience-status-note,.home-clear-state,.home-team-pulse,.tm-chart,.result-row,.video-draft-row,.practice-athlete-live-card,.support-boundary){
  max-width:100%;min-width:0;
  border-radius:16px;
  box-shadow:none;
}
:where(.experience-team-card,.experience-onboarding,.experience-empty,.home-team-pulse){padding:clamp(16px,2vw,22px);}
.experience-team-card{gap:16px;}
.experience-team-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.experience-team-actions .btn{flex:0 1 auto;}
.technical-details{margin-top:2px;}

/* Destination/action rows: one clear consequence, ample target size. */
.experience-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.experience-action-stack{display:grid;gap:8px;}
.experience-action{
  min-height:76px;
  padding:14px 15px;
  border-radius:14px;
  gap:13px;
  box-shadow:none;
  transform:none!important;
}
.experience-action:hover{background:var(--surface-muted,#F0F2F3);border-color:var(--border-strong,#B9C4CF);}
.experience-action-icon{width:40px;height:40px;border-radius:11px;}
.experience-action-copy{gap:3px;}
.experience-action-copy strong{font-size:14px;line-height:1.25;}
.experience-action-copy small{font-size:12px;line-height:1.45;}
.experience-chevron{flex:0 0 auto;}

/* Primary working surfaces get emphasis; secondary information stays quieter. */
.experience-feature{padding:clamp(20px,3vw,30px);border-radius:18px;}
.experience-home-hero{gap:22px;}
.home-decision-stack{display:grid;gap:var(--tm-section-gap);}
.home-insights-disclosure{margin:0;}
.home-insights-disclosure>.experience-disclosure-body{display:grid;gap:18px;}
.experience-metrics{border-radius:14px;}
.experience-metrics>div{padding:16px 14px;}
.home-pulse-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));}

/* Disclosures replace always-visible low-priority configuration. */
.experience-disclosure,details.technical-details{
  border:1px solid var(--border,#DFE5EB);
  border-radius:14px;
  background:var(--surface,#fff);
  overflow:clip;
}
.experience-disclosure>summary,details.technical-details>summary{
  min-height:52px;
  padding:12px 14px;
  gap:12px;
  cursor:pointer;
}
.experience-disclosure>summary>span:first-child{min-width:0;display:grid;gap:2px;}
.experience-disclosure>summary small{font-weight:400;color:var(--text-muted,#536171);}
.experience-disclosure-body{padding:0 14px 14px;min-width:0;}
.experience-disclosure-muted{background:color-mix(in srgb,var(--surface-muted,#F0F2F3) 55%,#fff);}

/* Forms: predictable labels, targets and spacing on every screen. */
form{max-width:100%;min-width:0;}
.form-grid,.lab-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;min-width:0;}
.form-span{grid-column:1/-1;}
label{min-width:0;}
label>input,label>select,label>textarea,fieldset input,fieldset select,fieldset textarea{
  width:100%;max-width:100%;min-width:0;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{
  min-height:48px;
  border-radius:12px;
}
textarea{min-height:96px;resize:vertical;}
input[type="checkbox"],input[type="radio"]{min-width:20px;min-height:20px;}
fieldset{min-width:0;max-width:100%;}
.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;}
.btn,button{max-width:100%;}
.btn{min-height:48px;padding-inline:16px;}
.btn-small{min-height:40px;}

/* Data collections: readable without turning every row into a card. */
.experience-recent,.result-list,.board-ledger,.athlete-list{border-radius:14px;}
.experience-recent-row{min-height:72px;padding:13px 15px;gap:14px;}
.experience-recent-copy,.experience-result-value{min-width:0;}
.experience-result-value{text-align:end;}
main :where(.table-wrap,.results-table-wrap,.tm-tryouts-table-wrap,.standards-table-wrap,.report-table-wrap){
  max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
}
table{max-width:100%;border-collapse:collapse;}
th,td{overflow-wrap:break-word;}

/* Two-column workspaces only when width genuinely supports them. */
.experience-home-columns,.split-layout{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:clamp(18px,2.5vw,28px);}
.experience-main-column,.experience-side-column{gap:var(--tm-section-gap);min-width:0;}
.experience-side-column{align-content:start;}

/* Global panels respect screen edges and safe areas. */
.quick-help,.experience-tool-finder{
  width:min(420px,calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));
  max-width:100%;
  max-height:min(720px,calc(100dvh - 96px - env(safe-area-inset-bottom,0px)));
  overflow:auto;
}
.local-state{
  right:max(12px,env(safe-area-inset-right,0px));
  max-width:min(420px,calc(100vw - 24px));
}

/* Focus is unmistakable without shifting layout. */
:where(button,.btn,a,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--action,#B63225);
  outline-offset:3px;
}

/* Tablet and mobile: prioritize task, not chrome. */
@media (max-width:959px){
  :root{--tm-page-inline:clamp(16px,3.6vw,24px);}
  .experience-rail{display:none!important;}
  .main-shell{margin-inline-start:0!important;padding-bottom:calc(var(--tm-bottom-nav) + 20px + env(safe-area-inset-bottom,0px));}
  .bottom-nav{display:grid!important;}
  main{padding-bottom:calc(var(--tm-bottom-nav) + 42px + env(safe-area-inset-bottom,0px));}
  .experience-home-columns,.split-layout{grid-template-columns:minmax(0,1fr);}
  .experience-side-column{order:2;}
  .experience-topbar{padding-inline:var(--tm-page-inline);}
  [data-invite-slot-top]{display:none!important;}
}

@media (min-width:600px) and (max-width:959px){
  .experience-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .form-grid,.lab-form{grid-template-columns:repeat(2,minmax(0,1fr));}
  .experience-top-actions{flex-wrap:nowrap;}
}

@media (max-width:599px){
  :root{--tm-page-inline:16px;--tm-section-gap:22px;--tm-topbar:58px;}
  main{padding-top:20px;}
  .page-heading{gap:7px;}
  .page-heading h1{font-size:clamp(1.7rem,9vw,2rem);}
  .experience-topbar{min-height:58px;align-items:center;flex-wrap:nowrap;padding-block:max(6px,env(safe-area-inset-top,0px)) 6px;}
  .experience-top-context{flex:1 1 auto;overflow:hidden;}
  .experience-top-context .appbar-title,.experience-top-context>span[aria-hidden="true"]{display:none;}
  .experience-current-title{font-size:15px;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .experience-top-actions{flex:0 0 auto;gap:2px;width:auto!important;}
  .experience-quick-action{padding:0;width:48px;justify-content:center;border-color:transparent;background:transparent;}
  .experience-quick-action span{display:none!important;}
  .experience-sync{display:none!important;}
  .experience-topbar .appbar-icon{background:transparent;border-color:transparent;}
  .experience-action-grid,.form-grid,.lab-form{grid-template-columns:minmax(0,1fr)!important;}
  .experience-action{min-height:72px;padding:13px 14px;}
  .experience-section-heading,.section-head{align-items:flex-start;flex-direction:column;gap:8px;}
  .experience-section-heading>.btn,.section-head>.btn{align-self:flex-start;}
  .experience-team-actions,.actions{align-items:stretch;}
  .experience-team-actions>.btn,.actions>.btn{flex:1 1 100%;width:100%;}
  .experience-feature .actions>.btn{width:100%;}
  .experience-home-hero{grid-template-columns:1fr!important;}
  .experience-hero-aside{border-left:0;border-top:1px solid var(--border,#DFE5EB);padding:16px 0 0;}
  .experience-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .experience-recent-row{align-items:flex-start;}
  .experience-result-value{flex:0 0 auto;}
  .experience-context{font-size:12px;}
  .experience-context span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .local-state{bottom:calc(var(--tm-bottom-nav) + 12px + env(safe-area-inset-bottom,0px));font-size:10px;padding:5px 9px;}
  .quick-help,.experience-tool-finder{top:calc(var(--tm-topbar) + env(safe-area-inset-top,0px) + 6px);max-height:calc(100dvh - var(--tm-topbar) - var(--tm-bottom-nav) - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));}
}

@media (max-width:359px){
  :root{--tm-page-inline:14px;}
  .bottom-nav{padding-inline:4px;}
  .bottom-nav .nav-link{font-size:10px;padding-inline:0;}
  .bottom-nav .nav-mark{width:20px;height:20px;}
  .experience-current-title{font-size:14px;}
  .experience-metrics,.home-pulse-grid{grid-template-columns:1fr;}
}

@media (min-width:960px){
  .bottom-nav{display:none!important;}
  .experience-rail{display:flex!important;}
  .main-shell{margin-inline-start:var(--tm-rail-width)!important;padding-bottom:0;}
}

@media (min-width:1440px){
  :root{--tm-page-inline:36px;}
  main{padding-top:36px;}
}

/* Reflow/zoom resilience. */
@media (max-width:320px){
  main{padding-inline:12px;}
  .page-heading h1{font-size:1.6rem;}
  .experience-action{padding-inline:12px;}
  .experience-action-icon{display:none;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}
@media (forced-colors:active){
  .experience-topbar,.bottom-nav,.experience-rail,.experience-disclosure{border-color:CanvasText!important;}
}
@media print{
  .experience-rail,.experience-topbar,.bottom-nav,.local-state,.quick-help,.experience-tool-finder{display:none!important;}
  .main-shell{margin:0!important;padding:0!important;}
  main{width:100%;max-width:none;padding:0!important;}
  .page{gap:18px;}
}

/* V38.81.130 — role-aware experience and contextual navigation */
.results-personal-dashboard{display:grid;gap:18px;}
.results-personal-dashboard .experience-metrics{grid-template-columns:repeat(4,minmax(0,1fr));}
.home-decision-page .experience-home-hero .actions{align-items:center;}
.experience-tool-feature{border:1px solid color-mix(in srgb,var(--action) 28%,var(--border));background:color-mix(in srgb,var(--action) 4%,var(--surface));}
.experience-tool-section>summary strong{font-size:1rem;}
.experience-team-card .experience-team-actions{display:flex;flex-wrap:wrap;gap:8px;}
@media (max-width:720px){
  .results-personal-dashboard .experience-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  .experience-topbar [data-tool-toggle],.experience-topbar .experience-sync{display:none!important;}
  .experience-top-actions{gap:2px;}
}
@media (max-width:420px){
  .results-personal-dashboard .experience-metrics{grid-template-columns:1fr 1fr;}
  .experience-team-actions .btn{flex:1 1 100%;}
}

/* V38.81.131 — practice & athlete workflow convergence: care, simplicity and whole-system coherence */
.practice-stage{position:relative;transition:border-color .18s ease,background-color .18s ease;}
.practice-stage-current{border-color:color-mix(in srgb,var(--action,#B63225) 38%,var(--border,#DFE5EB));background:color-mix(in srgb,var(--action,#B63225) 2.5%,var(--surface,#fff));}
.practice-stage-current::before{content:"Current";position:absolute;top:12px;right:14px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--action,#B63225) 10%,#fff);color:var(--action,#B63225);font-size:11px;font-weight:700;letter-spacing:.02em;}
.practice-capture-converged{display:grid;gap:14px;}
.practice-capture-recommendation{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid color-mix(in srgb,var(--action,#B63225) 36%,var(--border,#DFE5EB));border-radius:16px;background:color-mix(in srgb,var(--action,#B63225) 5%,var(--surface,#fff));}
.practice-capture-recommendation>div{min-width:0;display:grid;gap:5px;}
.practice-capture-recommendation h3,.athlete-next-action h2{margin:0;}
.practice-capture-recommendation p,.athlete-next-action p{margin:0;color:var(--text-muted,#536171);}
.practice-capture-recommendation small{color:var(--text-muted,#536171);line-height:1.45;}
.capture-actions-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.capture-action-secondary{min-height:72px;}
.practice-support-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.practice-manual-result,.practice-more-capture-tools{margin:0;}
.athlete-next-action{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(18px,2.8vw,26px);border:1px solid color-mix(in srgb,var(--action,#B63225) 34%,var(--border,#DFE5EB));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--action,#B63225) 5%,var(--surface,#fff)),var(--surface,#fff));}
.athlete-next-action>div{min-width:0;display:grid;gap:6px;}
.athlete-deep-evidence{margin-top:0;}
.athlete-deep-evidence>.experience-disclosure-body{display:grid;gap:18px;}
.athlete-administration{background:color-mix(in srgb,var(--surface-muted,#F0F2F3) 58%,#fff);}
.athlete-administration .danger-zone{margin-top:18px;}
.athlete-primary-actions{margin-top:0;}
@media (max-width:720px){
  .practice-capture-recommendation,.athlete-next-action{align-items:stretch;flex-direction:column;}
  .practice-capture-recommendation>.btn,.athlete-next-action>.btn{width:100%;}
  .capture-actions-secondary{grid-template-columns:1fr;}
  .practice-stage-current::before{position:static;display:inline-flex;margin:0 0 8px 0;}
}
@media (prefers-reduced-motion:reduce){.practice-stage{transition:none;}}

/* ========================================================================== 
   Track Mechanics V38.81.132 — Product Coherence & Visual System
   A whole-product design pass grounded in service, ordered complexity, care,
   hierarchy, human warmth and visible/hidden integrity. Presentation only.
   ========================================================================== */
:root{
  --navy:#111923;
  --navy-raised:#1C2834;
  --navy-soft:#EEF1F3;
  --action:#C44832;
  --action-pressed:#9D3425;
  --accent-soft:#FBEAE5;
  --success:#2E6B52;
  --success-soft:#EAF4EE;
  --warning:#8A5B10;
  --warning-soft:#FFF2DA;
  --background:#F6F5F1;
  --surface:#FFFFFF;
  --surface-muted:#F0EFEB;
  --surface-raised:#FBFBF9;
  --border:#E2E1DC;
  --border-strong:#C8C9C6;
  --text:#141A21;
  --text-muted:#606A73;
  --text-faint:#7A838B;
  --tm-page-max:1260px;
  --tm-reading-max:760px;
  --tm-rail-width:232px;
  --tm-space-1:4px;
  --tm-space-2:8px;
  --tm-space-3:12px;
  --tm-space-4:16px;
  --tm-space-5:20px;
  --tm-space-6:24px;
  --tm-space-7:28px;
  --tm-space-8:32px;
  --tm-space-10:40px;
  --tm-space-12:48px;
  --tm-touch:48px;
  --tm-topbar:68px;
  --tm-bottom-nav:70px;
  --tm-page-inline:clamp(16px,3.2vw,38px);
  --tm-section-gap:clamp(24px,3.6vw,40px);
  --tm-radius-sm:12px;
  --tm-radius-md:16px;
  --tm-radius-lg:22px;
  --tm-radius-xl:28px;
  --tm-shadow-soft:0 1px 2px rgba(17,25,35,.03),0 10px 28px rgba(17,25,35,.055);
  --tm-shadow-float:0 18px 55px rgba(17,25,35,.14);
  --tm-focus:0 0 0 4px color-mix(in srgb,var(--action) 22%,transparent);
  color-scheme:light;
}

html{background:var(--background);scroll-padding-top:96px;}
body{
  background:
    radial-gradient(circle at 85% -10%,rgba(196,72,50,.055),transparent 30rem),
    linear-gradient(180deg,#F8F7F4 0,var(--background) 32rem);
  color:var(--text);
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:-.005em;
}

/* --- Shell: calm, deliberate, unmistakably Track Mechanics. --- */
.app-shell{background:transparent;}
.main-shell{margin-inline-start:var(--tm-rail-width);background:transparent;}
.experience-rail{
  width:var(--tm-rail-width)!important;
  padding:max(24px,env(safe-area-inset-top,0px)) 14px 18px max(14px,env(safe-area-inset-left,0px))!important;
  background:linear-gradient(180deg,#111923 0%,#15212C 100%)!important;
  border-right:0!important;
  box-shadow:inset -1px 0 rgba(255,255,255,.06);
}
.experience-brand{
  display:flex;align-items:center;gap:12px;width:100%;min-height:64px;
  padding:8px 10px;border:0;border-radius:16px;background:transparent!important;color:#fff!important;text-align:left;
}
.experience-brand:hover{background:rgba(255,255,255,.06)!important;}
.experience-brand-mark{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;flex:0 0 auto;
  border-radius:14px!important;background:#fff!important;color:#111923!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}
.experience-brand-mark svg{width:27px;height:27px;display:block;}
.experience-brand strong{font-size:14px;letter-spacing:-.02em;color:#fff;}
.experience-brand small{font-size:9px;letter-spacing:.14em;color:#9EB0BE!important;font-weight:800;}
.brand-dot{color:#E86B54;}
.experience-rail .rail-nav{margin-top:24px!important;gap:6px!important;}
.experience-rail .nav-link{
  min-height:52px!important;border-radius:14px!important;padding:9px 11px!important;
  color:#C8D3DC!important;font-weight:700!important;border:1px solid transparent!important;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;
}
.experience-rail .nav-link:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.07)!important;}
.experience-rail .nav-link.active{
  background:#fff!important;color:#111923!important;border-color:#fff!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.experience-rail .nav-mark{
  width:32px!important;height:32px!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;color:inherit!important;
}
.experience-rail .nav-link.active .nav-mark{background:#F3F1ED!important;color:#111923!important;}
.experience-rail .nav-link.active::after{content:"";margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--action);}
.experience-rail .rail-support{gap:6px!important;padding:8px 4px!important;}
.experience-rail .support-link{
  min-height:46px!important;border:0!important;border-radius:12px!important;padding:9px 10px!important;
  color:#AAB9C5!important;background:transparent!important;font-weight:650;
}
.experience-rail .support-link:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;}
.experience-rail-footer{padding:14px 8px 2px!important;margin-top:8px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#7F93A3!important;font-size:11px;letter-spacing:.03em;}

.experience-topbar{
  min-height:var(--tm-topbar)!important;padding:max(8px,env(safe-area-inset-top,0px)) var(--tm-page-inline) 8px!important;
  border-bottom:1px solid rgba(20,26,33,.07)!important;
  background:rgba(250,249,246,.88)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.75),0 7px 22px rgba(17,25,35,.025);
  backdrop-filter:blur(18px) saturate(1.15)!important;-webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
}
.experience-top-context{gap:8px!important;align-items:center!important;}
.appbar-title{
  border:0;background:transparent;color:var(--text);padding:6px 0;font-size:12px!important;font-weight:800!important;letter-spacing:.01em;
}
.experience-top-context>span[aria-hidden="true"]{color:#A8AFB5;font-weight:400;}
.experience-current-title{font-size:14px!important;font-weight:720!important;letter-spacing:-.015em;color:var(--text)!important;}
.experience-top-actions{gap:7px!important;}
.experience-quick-action,.experience-sync,.experience-topbar .appbar-icon{
  min-height:44px!important;border-radius:13px!important;border:1px solid rgba(20,26,33,.08)!important;background:rgba(255,255,255,.82)!important;color:var(--text)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8);
}
.experience-quick-action:hover,.experience-sync:hover,.experience-topbar .appbar-icon:hover{background:#fff!important;border-color:var(--border-strong)!important;}
.experience-sync{padding-inline:12px!important;color:var(--text-muted)!important;font-weight:650!important;}

main{
  inline-size:min(100%,calc(var(--tm-page-max) + 2 * var(--tm-page-inline)))!important;
  padding-block:clamp(34px,4vw,54px) clamp(124px,10vw,144px)!important;
  padding-inline:var(--tm-page-inline)!important;
}
.page,.experience-page{gap:var(--tm-section-gap)!important;}

/* --- Typography: strong hierarchy, quiet supporting copy. --- */
.page-heading{gap:10px!important;max-width:min(100%,880px)!important;margin-bottom:2px!important;}
.page-heading h1,.experience-page>header h1{
  max-width:18ch!important;margin:0!important;
  font-size:clamp(2.15rem,4vw,3.35rem)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:760!important;
  text-wrap:balance;
}
.page-heading .lead,.lead{
  max-width:66ch!important;margin:0!important;color:var(--text-muted)!important;
  font-size:clamp(.98rem,1.4vw,1.08rem)!important;line-height:1.62!important;letter-spacing:-.005em;
}
.eyebrow{
  margin:0 0 7px!important;color:#7A6460!important;font-size:10px!important;font-weight:850!important;letter-spacing:.14em!important;text-transform:uppercase;
}
h2{font-weight:750!important;letter-spacing:-.035em!important;}
h3{font-weight:720!important;letter-spacing:-.025em!important;}
.helper,small{color:var(--text-muted);}

/* --- Section architecture: fewer boxes, stronger rhythm. --- */
.experience-section{gap:16px!important;}
.experience-section-heading,.section-head{align-items:flex-end!important;gap:18px!important;}
.experience-section-heading h2,.section-head h2{font-size:clamp(1.2rem,1.9vw,1.48rem)!important;}
.experience-section-heading .btn-quiet,.section-head .btn-quiet{min-height:40px!important;}
.home-decision-stack{gap:clamp(30px,4.5vw,48px)!important;}
.home-decision-section{padding-top:0!important;}
.home-decision-section+.home-decision-section{border-top:1px solid var(--border);padding-top:clamp(28px,4vw,40px)!important;}

/* --- Hero surfaces: one confident moment, not card soup. --- */
.experience-home-hero,.practice-now-strip,.athlete-next-action{
  position:relative;overflow:hidden;border:0!important;
  background:linear-gradient(135deg,#111923 0%,#1C2A36 72%,#24313B 100%)!important;
  color:#fff!important;border-radius:var(--tm-radius-xl)!important;
  padding:clamp(24px,4vw,42px)!important;box-shadow:var(--tm-shadow-float)!important;
}
.experience-home-hero::after,.practice-now-strip::after,.athlete-next-action::after{
  content:"";position:absolute;right:-76px;bottom:-112px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(196,72,50,.28) 0,rgba(196,72,50,.08) 42%,transparent 70%);pointer-events:none;
}
.experience-home-hero .eyebrow,.practice-now-strip .eyebrow,.athlete-next-action .eyebrow{color:#E6A99C!important;}
.experience-home-hero h2,.practice-now-strip h2,.athlete-next-action h2,.athlete-next-action h3{color:#fff!important;font-size:clamp(1.65rem,3vw,2.45rem)!important;line-height:1.03!important;letter-spacing:-.045em!important;max-width:20ch;}
.experience-home-hero p,.practice-now-strip p,.athlete-next-action p{color:#C8D2DA!important;max-width:64ch;}
.experience-home-hero .experience-hero-meta{color:#fff!important;font-weight:700;}
.experience-home-hero .btn-primary,.practice-now-strip .btn-primary,.athlete-next-action .btn-primary{
  background:#fff!important;color:#111923!important;border-color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}
.experience-home-hero .btn:not(.btn-primary),.practice-now-strip .btn:not(.btn-primary),.athlete-next-action .btn:not(.btn-primary){
  color:#fff!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;
}

/* --- Primary cards and lists: precision without sterility. --- */
:where(.card,.surface-card,.support-card,.evidence-panel,.experience-team-card,.experience-onboarding,.experience-empty,.experience-status-note,.home-clear-state,.home-team-pulse,.tm-chart,.result-row,.video-draft-row,.practice-athlete-live-card,.support-boundary,.practice-stage,.practice-capture-recommendation){
  border:1px solid var(--border)!important;background:var(--surface)!important;border-radius:var(--tm-radius-lg)!important;box-shadow:var(--tm-shadow-soft)!important;
}
:where(.card,.surface-card,.support-card,.evidence-panel,.experience-team-card,.experience-onboarding,.experience-empty,.home-clear-state,.home-team-pulse,.support-boundary,.practice-stage){
  padding:clamp(18px,2.5vw,26px)!important;
}
.experience-empty{background:linear-gradient(180deg,#fff,#FBFAF7)!important;}
.experience-status-note{box-shadow:none!important;background:#F6F5F2!important;padding:12px 14px!important;}

.experience-action-grid{gap:12px!important;}
.experience-action-stack{gap:10px!important;}
.experience-action{
  min-height:82px!important;padding:15px 16px!important;border:1px solid var(--border)!important;border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;box-shadow:0 1px 0 rgba(255,255,255,.9),0 6px 18px rgba(17,25,35,.035)!important;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease!important;
}
.experience-action:hover{transform:translateY(-1px)!important;background:#fff!important;border-color:#C8C9C6!important;box-shadow:0 10px 28px rgba(17,25,35,.075)!important;}
.experience-action:active{transform:translateY(0)!important;}
.experience-action-icon{
  width:42px!important;height:42px!important;border-radius:13px!important;background:#F0EFEB!important;color:#24313B!important;
}
.experience-action-copy strong{font-size:14px!important;font-weight:750!important;color:var(--text)!important;}
.experience-action-copy small{font-size:12.5px!important;line-height:1.45!important;color:var(--text-muted)!important;}
.experience-chevron{color:#9A8B86;font-size:18px;font-weight:500;}

/* Dense collections read like ledgers, not repeated cards. */
.experience-recent,.result-list,.board-ledger,.athlete-list{
  overflow:hidden;border:1px solid var(--border)!important;border-radius:var(--tm-radius-lg)!important;background:#fff!important;box-shadow:var(--tm-shadow-soft)!important;
}
.experience-recent-row,.result-row,.athlete-list>*,.board-ledger>article{
  border-radius:0!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--border)!important;background:#fff!important;
}
.experience-recent-row:last-child,.result-row:last-child,.athlete-list>*:last-child,.board-ledger>article:last-child{border-bottom:0!important;}
.experience-recent-row:hover,.result-row:hover{background:#FAF9F6!important;}
.experience-result-value b{font-size:1.05rem;letter-spacing:-.02em;}

/* --- Buttons: clear consequence and tactile confidence. --- */
.btn{
  min-height:46px!important;padding:10px 16px!important;border-radius:13px!important;border:1px solid var(--border-strong)!important;
  background:#fff!important;color:var(--text)!important;font-weight:740!important;letter-spacing:-.01em!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8)!important;transition:background-color .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease!important;
}
.btn:hover{background:#F7F6F2!important;border-color:#AFB3B2!important;transform:translateY(-1px);}
.btn:active{transform:none;}
.btn-primary{
  background:var(--action)!important;border-color:var(--action)!important;color:#fff!important;box-shadow:0 8px 20px rgba(196,72,50,.18)!important;
}
.btn-primary:hover{background:var(--action-pressed)!important;border-color:var(--action-pressed)!important;}
.btn-quiet{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#3F4A54!important;}
.btn-quiet:hover{background:#EFEEE9!important;border-color:#EFEEE9!important;}
.btn-danger{background:#fff!important;color:#9D3425!important;border-color:#E9C8C1!important;}
.btn-danger:hover{background:#FFF4F1!important;border-color:#DDA99F!important;}

/* --- Forms: calm, legible, forgiving. --- */
label,legend{font-size:13px!important;font-weight:720!important;color:#303A43;}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{
  min-height:50px!important;border:1px solid #D6D7D3!important;border-radius:13px!important;background:#FFF!important;color:var(--text)!important;
  padding:11px 13px!important;box-shadow:inset 0 1px 1px rgba(17,25,35,.025)!important;
  transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease;
}
input:hover,select:hover,textarea:hover{border-color:#B9BCB9!important;}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none!important;border-color:var(--action)!important;box-shadow:var(--tm-focus)!important;}
textarea{min-height:110px!important;line-height:1.55;}
.form-grid,.lab-form{gap:16px 18px!important;}
.form-error{border-radius:14px!important;background:#FFF1EE!important;border-color:#E9C1B8!important;color:#7D2D22!important;}

/* --- Disclosures: advanced capability visible, not dominant. --- */
.experience-disclosure,details.technical-details,details.entry-panel{
  border:1px solid var(--border)!important;border-radius:18px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 1px 0 rgba(255,255,255,.8)!important;
}
.experience-disclosure>summary,details.technical-details>summary,details.entry-panel>summary{
  min-height:58px!important;padding:14px 16px!important;font-weight:720!important;
}
.experience-disclosure>summary:hover,details.technical-details>summary:hover,details.entry-panel>summary:hover{background:#F8F7F4!important;}
.experience-disclosure[open]>summary,details.technical-details[open]>summary,details.entry-panel[open]>summary{border-bottom:1px solid var(--border);}
.experience-disclosure-body{padding:16px!important;}
.experience-disclosure-muted{background:#F6F5F1!important;}

/* --- Practice: hierarchy becomes unmistakable. --- */
.practice-workflow-nav{
  position:sticky;top:calc(var(--tm-topbar) + 12px);z-index:12;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
  padding:7px!important;border:1px solid var(--border)!important;border-radius:18px!important;background:rgba(255,255,255,.9)!important;
  box-shadow:0 10px 30px rgba(17,25,35,.06)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.practice-workflow-nav a{min-height:58px!important;border-radius:13px!important;padding:9px 12px!important;text-decoration:none!important;color:var(--text-muted)!important;background:transparent!important;}
.practice-workflow-nav a:hover{background:#F4F3EF!important;color:var(--text)!important;}
.practice-workflow-nav a span{background:#ECEBE6!important;color:#39434C!important;}
.practice-stage{
  padding:clamp(22px,3vw,32px)!important;border-radius:26px!important;box-shadow:var(--tm-shadow-soft)!important;
}
.practice-stage-current{
  border-color:rgba(196,72,50,.35)!important;background:linear-gradient(180deg,#fff 0%,#FFFAF7 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.85),0 18px 42px rgba(196,72,50,.075)!important;
}
.practice-stage-current::before{background:var(--accent-soft)!important;color:#9D3425!important;font-weight:800!important;}
.practice-stage-heading{padding-bottom:14px;border-bottom:1px solid var(--border);}
.practice-stage-intro{max-width:68ch!important;color:var(--text-muted)!important;}
.practice-stage-content{gap:20px!important;}
.practice-capture-recommendation{
  padding:clamp(20px,3vw,28px)!important;border-left:4px solid var(--action)!important;background:linear-gradient(180deg,#fff,#FFFBF9)!important;
}
.practice-capture-recommendation h3{font-size:1.35rem!important;margin-bottom:6px;}
.capture-actions-secondary{gap:10px!important;}
.capture-action-secondary{background:#fff!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:none!important;}

/* --- Athlete workspace: next action feels primary; administration recedes. --- */
.athlete-next-action{margin-bottom:2px;}
.athlete-next-action .actions{position:relative;z-index:1;}
.athlete-at-a-glance,.athlete-workspace-summary{border-radius:22px!important;}
.athlete-administration{background:#F1F0EC!important;border-color:#DBDAD5!important;box-shadow:none!important;}
.athlete-administration>summary{color:#515B64;}
.danger-zone{border-radius:16px!important;background:#FFF7F5!important;border:1px solid #ECD3CE!important;}

/* --- Metrics / charts / evidence: polished but subordinate to action. --- */
.experience-metrics{
  overflow:hidden;border:1px solid var(--border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--tm-shadow-soft)!important;
}
.experience-metrics>div{padding:18px 16px!important;background:transparent!important;}
.experience-metrics>div+div{border-left:1px solid var(--border)!important;}
.experience-metrics strong{font-size:clamp(1.35rem,2.2vw,1.8rem)!important;letter-spacing:-.04em;color:#1B252D;}
.experience-metrics small{font-size:11px!important;letter-spacing:.02em;}
.tm-chart{padding:18px!important;background:#fff!important;}
.tm-chart figcaption{margin-bottom:14px;}
.tm-bar-track{background:#ECEBE6!important;}
.tm-bar-track i{background:linear-gradient(90deg,#24313B,#C44832)!important;}

/* --- Data tables: professional evidence ledgers. --- */
main table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;}
main thead th{position:sticky;top:0;background:#F2F1ED;color:#48535D;font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;}
main th,main td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;}
main tbody tr:last-child td{border-bottom:0;}
main tbody tr:hover{background:#FAF9F6;}

/* --- Alerts, state and hidden-quality surfaces get the same care. --- */
.continuity-banner,.offline-banner,.warning-banner,.success-banner{
  border-radius:0!important;border-left:0!important;border-right:0!important;padding:11px var(--tm-page-inline)!important;font-size:13px!important;
}
.offline-banner{background:#FFF1D8!important;color:#70480C!important;}
.local-state{
  border:1px solid rgba(20,26,33,.1)!important;background:rgba(255,255,255,.9)!important;border-radius:999px!important;
  box-shadow:0 8px 22px rgba(17,25,35,.08)!important;padding:8px 11px!important;
}
.toast-region{gap:10px!important;}
.toast-region>*{border-radius:16px!important;box-shadow:var(--tm-shadow-float)!important;}
.quick-help,.experience-tool-finder{
  border:1px solid var(--border)!important;border-radius:22px!important;background:rgba(255,255,255,.97)!important;box-shadow:var(--tm-shadow-float)!important;
}
.tm-route-loading .experience-section{padding:28px!important;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:var(--tm-shadow-soft);}
.tm-loading-lines span{background:linear-gradient(90deg,#EEEDE8,#F8F7F4,#EEEDE8)!important;}

/* --- Tool catalog: editorial, scannable, deliberate. --- */
.experience-tool-search{
  padding:clamp(18px,2.8vw,26px)!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--border)!important;box-shadow:var(--tm-shadow-soft)!important;
}
.experience-search-label{font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;color:#6F777F;}
.experience-tool-feature{padding:0!important;}
.experience-tool-section{box-shadow:none!important;background:#fff!important;}
.experience-tool-section>summary strong{font-size:1rem;}

/* --- Mobile: field-ready, calm, thumb-safe. --- */
@media (max-width:950px){
  .main-shell{margin-inline-start:0!important;}
  main{padding-block:26px calc(118px + env(safe-area-inset-bottom,0px))!important;}
  .experience-topbar{min-height:60px!important;padding:6px 16px!important;}
  .experience-top-context{flex:1 1 auto!important;}
  .appbar-title{display:none!important;}
  .experience-top-context>span[aria-hidden="true"]{display:none;}
  .experience-current-title{font-size:15px!important;font-weight:760!important;}
  .experience-quick-action span,.experience-sync span:last-child{display:none!important;}
  .experience-quick-action,.experience-sync,.experience-topbar .appbar-icon{min-width:44px!important;width:44px!important;padding:0!important;justify-content:center!important;}
  .bottom-nav{
    position:fixed!important;left:50%!important;right:auto!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
    width:min(calc(100% - 20px),560px)!important;min-height:68px!important;transform:translateX(-50%)!important;
    padding:6px!important;border:1px solid rgba(20,26,33,.1)!important;border-radius:22px!important;
    background:rgba(255,255,255,.94)!important;box-shadow:0 18px 50px rgba(17,25,35,.17)!important;
    backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);
  }
  .bottom-nav .nav-link{min-height:54px!important;border-radius:16px!important;padding:5px 2px!important;color:#707A82!important;font-size:10px!important;font-weight:720!important;}
  .bottom-nav .nav-link.active{background:#F0EFEB!important;color:#111923!important;}
  .bottom-nav .nav-mark{width:25px!important;height:25px!important;background:transparent!important;color:inherit!important;}
  .bottom-nav .nav-link.active .nav-mark{background:#111923!important;color:#fff!important;border-radius:9px!important;}
  .bottom-nav .nav-link.active::after{content:"";position:absolute;top:5px;width:16px;height:2px;border-radius:99px;background:var(--action);}
  .local-state{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;right:12px!important;}
  .experience-home-hero,.practice-now-strip,.athlete-next-action{border-radius:24px!important;}
  .practice-workflow-nav{top:70px!important;}
}

@media (max-width:680px){
  :root{--tm-page-inline:16px;--tm-section-gap:28px;}
  .page-heading h1,.experience-page>header h1{font-size:clamp(2rem,11vw,2.65rem)!important;max-width:15ch!important;}
  .page-heading .lead,.lead{font-size:.98rem!important;line-height:1.55!important;}
  .experience-section-heading,.section-head{align-items:flex-start!important;}
  .experience-action-grid{grid-template-columns:minmax(0,1fr)!important;}
  .experience-action{min-height:78px!important;}
  .form-grid,.lab-form{grid-template-columns:minmax(0,1fr)!important;}
  .experience-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .experience-metrics>div:nth-child(odd){border-left:0!important;}
  .experience-metrics>div:nth-child(n+3){border-top:1px solid var(--border)!important;}
  .practice-workflow-nav{gap:4px!important;padding:5px!important;}
  .practice-workflow-nav a{padding:8px 7px!important;text-align:center!important;}
  .practice-workflow-nav a small{display:none!important;}
  .practice-stage{padding:20px!important;border-radius:22px!important;}
  .practice-stage-current::before{position:static!important;display:inline-flex!important;margin:0 0 10px 0!important;}
  .experience-home-hero,.practice-now-strip,.athlete-next-action{padding:24px 20px!important;}
  main table{font-size:13px;}
  main th,main td{padding:10px 11px;}
}

@media (max-width:380px){
  .bottom-nav{width:calc(100% - 12px)!important;border-radius:18px!important;padding:4px!important;}
  .bottom-nav .nav-link{font-size:9px!important;}
  .experience-top-actions{gap:4px!important;}
  .experience-current-title{font-size:14px!important;}
  .experience-home-hero h2,.practice-now-strip h2,.athlete-next-action h2,.athlete-next-action h3{font-size:1.7rem!important;}
}

/* Avoid ornamental motion; motion exists only to explain response. */
@media (prefers-reduced-motion:reduce){
  .experience-action,.btn,.experience-rail .nav-link,input,select,textarea{transition:none!important;transform:none!important;}
}

@media (forced-colors:active){
  .experience-home-hero,.practice-now-strip,.athlete-next-action{border:2px solid CanvasText!important;box-shadow:none!important;}
  .bottom-nav,.experience-topbar,.experience-action,.experience-disclosure,.practice-stage{box-shadow:none!important;}
}