/* GTGF 19.32.6 — Training planner intake + results, training page sport entry. */
/* New visual modules use distinct class names to avoid touching existing planner behavior. */

/* TRAINING PAGE — start with your sport, not an undifferentiated CTA. */
body.gtgf-v14 .gtgf19326-sport-launch {
  padding: clamp(52px, 6vw, 92px) 0;
  color: #f5f7fb;
  background: radial-gradient(ellipse at 100% 0%, rgba(238, 111, 39, .15), transparent 44%), #121b26;
  border-top: 1px solid #253240;
  border-bottom: 1px solid #253240;
}
body.gtgf-v14 .gtgf19326-sport-launch__head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(250px, .65fr);
  gap: 20px 44px;
  align-items: end;
  margin: 0 0 30px;
}
body.gtgf-v14 .gtgf19326-sport-launch__eyebrow {
  margin: 0 0 13px;
  color: #ffab76;
  font-size: .74rem;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .17em;
}
body.gtgf-v14 .gtgf19326-sport-launch__head h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 4.1vw, 4rem);
  line-height: 1.05;
  letter-spacing: -.048em;
  text-wrap: balance;
}
body.gtgf-v14 .gtgf19326-sport-launch__head > p {
  margin: 0;
  max-width: 45ch;
  color: #ced6df;
  font-size: clamp(.94rem, 1.1vw, 1.08rem);
  line-height: 1.65;
}
body.gtgf-v14 .gtgf19326-sport-launch__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
body.gtgf-v14 .gtgf19326-sport-launch__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 292px;
  padding: clamp(18px, 2vw, 27px);
  border: 1px solid #35414e;
  border-radius: 18px;
  background: #1e2a37;
  color: #fff !important;
  text-decoration: none !important;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
body.gtgf-v14 .gtgf19326-sport-launch__card:hover,
body.gtgf-v14 .gtgf19326-sport-launch__card:focus-visible {
  background: #263545;
  border-color: #fa954e;
  transform: translateY(-3px);
}
body.gtgf-v14 .gtgf19326-sport-launch__card:focus-visible {
  outline: 3px solid #ffb17c;
  outline-offset: 3px;
}
body.gtgf-v14 .gtgf19326-sport-launch__meta {
  min-height: 32px;
  color: #b9c7d5 !important;
  font-size: .62rem;
  line-height: 1.3;
  font-weight: 850;
  letter-spacing: .09em;
}
body.gtgf-v14 .gtgf19326-sport-launch__icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  margin: 6px 0 20px;
  color: #ff9c55;
  background: rgba(250, 134, 60, .12);
  border: 1px solid rgba(250, 134, 60, .34);
  border-radius: 14px;
}
body.gtgf-v14 .gtgf19326-sport-launch__icon svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
body.gtgf-v14 .gtgf19326-sport-launch__card > strong {
  display: block;
  color: #fff !important;
  font-size: clamp(1.08rem, 1.38vw, 1.4rem);
  line-height: 1.2;
  letter-spacing: -.026em;
}
body.gtgf-v14 .gtgf19326-sport-launch__description {
  margin: 10px 0 24px;
  color: #ced7e0 !important;
  font-size: .84rem;
  line-height: 1.55;
}
body.gtgf-v14 .gtgf19326-sport-launch__action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
  color: #ffaf7b !important;
  font-size: .84rem;
  font-weight: 850;
}
@media (max-width: 1120px) {
  body.gtgf-v14 .gtgf19326-sport-launch__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.gtgf-v14 .gtgf19326-sport-launch__card { min-height: 262px; }
}
@media (max-width: 720px) {
  body.gtgf-v14 .gtgf19326-sport-launch__head { grid-template-columns: minmax(0, 1fr); }
  body.gtgf-v14 .gtgf19326-sport-launch__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.gtgf-v14 .gtgf19326-sport-launch__card { min-height: 250px; }
}
@media (max-width: 440px) {
  body.gtgf-v14 .gtgf19326-sport-launch__grid { grid-template-columns: minmax(0, 1fr); }
  body.gtgf-v14 .gtgf19326-sport-launch__card { min-height: auto; padding: 20px; }
  body.gtgf-v14 .gtgf19326-sport-launch__meta { min-height: auto; }
  body.gtgf-v14 .gtgf19326-sport-launch__icon { margin: 13px 0 16px; }
}

/* PLANNER — stage navigation stays 5 steps, now more tactile and accessible. */
:root:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .training-guide159950__progress {
  padding: 12px 12px 0 !important;
  gap: 8px !important;
}
:root:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .training-guide159950__progress > button {
  border-radius: 10px 10px 0 0 !important;
  transition: background-color .2s ease, border-color .2s ease;
}
:root:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .training-guide159950__progress > button.is-active {
  border-top: 3px solid #f27629 !important;
  padding-top: calc(var(--gt-space-8) - 2px) !important;
}
:root:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .training-guide159950__progress > button:focus-visible {
  outline: 3px solid #e86d24 !important;
  outline-offset: -3px !important;
}
:root:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .training-guide159950__stage {
  padding: clamp(17px, 3vw, 34px) !important;
}
:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .training-guide159950__head h2 {
  max-width: 24ch !important;
  text-wrap: balance;
}

/* Real available days; no duplicate controls or phantom selections. */
:root:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .planner-v15-availability {
  gap: 10px !important;
}
:root:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .planner-v159987-day {
  padding: 0 !important;
  border-radius: 12px !important;
}
:root:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .planner-v159987-day > label {
  min-height: 52px !important;
  border-radius: 12px !important;
}
:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .planner-v159987-day.gtgf19326-is-available > label {
  background: #1c2936 !important;
  border: 2px solid #e56d2b !important;
  color: #fff !important;
  -webkit-text-fill-color: currentColor !important;
}
:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .planner-v159987-day.gtgf19326-is-available > label::after {
  content: '✓';
  position: absolute;
  top: 3px;
  right: 6px;
  color: #ffba8c;
  font-size: .75rem;
  font-weight: 900;
}
:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .planner-v159987-day > select {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 5px 8px !important;
  color: #152233 !important;
  background: #fff !important;
  border: 1px solid #b5c0ca !important;
  border-radius: 8px !important;
}
:root:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .planner-v159987-day > select:disabled {
  display: none !important;
}
#main-content #gtgf-planner-form .gtgf19326-availability-summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 6px 18px;
  margin: 14px 0 2px;
  padding: 14px 16px;
  background: #f3f6f9;
  border: 1px solid #dce3e9;
  border-radius: 12px;
  color: #1b2a3a;
}
#main-content #gtgf-planner-form .gtgf19326-availability-summary__count {
  color: #1c2936;
  font-size: .91rem;
  line-height: 1.45;
  font-weight: 850;
}
#main-content #gtgf-planner-form .gtgf19326-availability-summary__tip {
  color: #465667;
  font-size: .84rem;
  line-height: 1.45;
}

/* PLAN: quick signal first, explanation and account actions after the real week. */
#main-content #planner-results.gtgf19326-results-first .planner-ux-plan-head {
  margin: 12px 0 0;
}
#main-content #planner-results .gtgf19326-week-pulse[hidden] { display: none !important; }
#main-content #planner-results .gtgf19326-week-pulse {
  display: grid;
  gap: 14px;
  margin: 0 0 6px;
  padding: clamp(17px, 2.5vw, 26px);
  border: 1px solid #263748;
  border-radius: 16px;
  background: #15212e;
  color: #f9fafb !important;
}
#main-content #planner-results .gtgf19326-week-pulse__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 9px;
}
#main-content #planner-results .gtgf19326-week-pulse__heading > div:first-child {
  display: grid;
  gap: 6px;
}
#main-content #planner-results .gtgf19326-week-pulse__eyebrow {
  color: #ffa977 !important;
  font-size: .67rem;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: .13em;
}
#main-content #planner-results .gtgf19326-week-pulse__phase {
  color: #fff !important;
  font-size: clamp(1.23rem, 2vw, 1.64rem);
  line-height: 1.2;
  font-weight: 900;
}
#main-content #planner-results .gtgf19326-week-pulse__fraction {
  color: #e3eaf1;
  font-size: .84rem;
  font-weight: 800;
}
#main-content #planner-results .gtgf19326-week-pulse__track {
  height: 5px;
  background: #3e4c5a;
  border-radius: 20px;
  overflow: hidden;
}
#main-content #planner-results .gtgf19326-week-pulse__track > span {
  display: block;
  height: 100%;
  width: 0;
  background: #f47b31;
  border-radius: inherit;
  transition: width .25s ease;
}
#main-content #planner-results .gtgf19326-week-pulse__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
#main-content #planner-results .gtgf19326-week-pulse__metric {
  display: grid;
  align-content: center;
  gap: 7px;
  min-width: 0;
  padding: 15px;
  border: 1px solid #344557;
  border-radius: 10px;
  background: #223142;
}
#main-content #planner-results .gtgf19326-week-pulse__metric small {
  color: #cbd6e1 !important;
  font-size: .78rem;
  line-height: 1.3;
}
#main-content #planner-results .gtgf19326-week-pulse__metric strong {
  color: #fff !important;
  font-size: clamp(1.13rem, 1.85vw, 1.5rem);
  line-height: 1.2;
  font-weight: 900;
}
#main-content #planner-results .gtgf19326-week-pulse__note {
  margin: 0;
  color: #d5e0eb !important;
  font-size: .82rem;
  line-height: 1.55;
}
@media (max-width: 767px) {
  :root:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .planner-v15-availability {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  #main-content #planner-results .gtgf19326-week-pulse__metrics { gap: 7px; }
  #main-content #planner-results .gtgf19326-week-pulse__metric { padding: 12px; }
}
@media (max-width: 410px) {
  :root:root:root:root:root:root:root:root:root body.gt-pages-training #main-content:not(#a):not(#b):not(#c) #gtgf-planner-form .planner-v15-availability {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #main-content #planner-results .gtgf19326-week-pulse__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #main-content #planner-results .gtgf19326-week-pulse__metric:last-child { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  body.gtgf-v14 .gtgf19326-sport-launch__card,
  #main-content #planner-results .gtgf19326-week-pulse__track > span { transition: none; }
}