/* Workouts: page composition; shared type, tokens, controls and navigation. */
.workout-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  gap:clamp(32px,6vw,96px);align-items:center;
  background:radial-gradient(ellipse at 100% 0,rgba(16,169,183,.1),transparent 65%)}
.workout-hero .lead{max-width:49ch}
.workout-flow{border-top:1px solid var(--line)}
.flow-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:28px;padding-block:12px;
  border-block:1px solid var(--line)}
.flow-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px;
  font-size:14px;text-decoration:none}
.flow-links a:hover{color:var(--cyan-hi);text-decoration:underline}
.flow-links span{font-family:var(--disp);color:var(--cyan-hi)}
.workout-journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  list-style:none;padding:0;margin:0;gap:0 clamp(32px,6vw,96px)}
.workout-journey>li{min-width:0;padding-block:clamp(32px,4vw,56px);border-bottom:1px solid var(--line)}
.journey-wide{grid-column:1/-1}
.journey-with-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;gap:clamp(32px,6vw,96px)}
.journey-copy h3{font-size:clamp(27px,3vw,42px);line-height:1.15}
.journey-copy>p:not(.kicker){margin-top:20px;max-width:49ch;color:#D3DEE5;font-size:16px}
.journey-copy .text-link{margin-top:16px}
.journey-copy>.journey-note{color:var(--muted);font-size:14px}
.logging-points{list-style:none;padding:0;margin:24px 0 0}
.logging-points li{display:grid;grid-template-columns:125px minmax(0,1fr);
  gap:12px;padding-block:12px;border-top:1px solid var(--line);font-size:14px}
.logging-points span{color:var(--muted)}
.finish-copy{max-width:850px;border-left:2px solid var(--cyan);padding-left:24px}
.finish-copy>p:not(.kicker){max-width:65ch}
.workout-templates,.workout-sharing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(30px,5vw,80px);align-items:start;border-top:1px solid var(--line)}
.workout-templates{background:var(--panel)}
.workout-templates .steps{margin-top:0}
.workout-templates .steps li{padding-bottom:24px}
.workout-templates .steps li:last-child{padding-bottom:0}
.workout-progress{border-top:1px solid var(--line)}
.workout-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;
  list-style:none;padding:0;margin:36px 0 16px}
.workout-path li{position:relative;min-width:0;border-top:1px solid var(--cyan);padding-top:20px}
.workout-path li:not(:last-child)::after{content:'→';position:absolute;right:-25px;top:-17px;
  padding-inline:4px;background:var(--ink);color:var(--cyan-hi);font-size:21px}
.workout-path h3{font-size:26px}
.workout-path p{font-size:15px;color:var(--muted);margin-top:12px;max-width:32ch}
.workout-sharing h2{font-size:clamp(28px,3vw,42px)}
.workout-sharing .lead{margin-top:0}
.workouts-page .faq{border-top:1px solid var(--line)}
@media (max-width:900px){
  .workout-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}
  .journey-with-media,.workout-templates,.workout-sharing{grid-template-columns:1fr;gap:28px}
}
@media (max-width:600px){
  .workout-hero,.workout-journey,.workout-path{grid-template-columns:1fr}
  .workout-journey>li{padding-block:32px}
  .journey-copy h3{font-size:29px}
  .flow-links{gap:0;display:grid;grid-template-columns:1fr}
  .logging-points li{grid-template-columns:1fr;gap:3px}
  .finish-copy{padding-left:18px}
  .workout-path{gap:28px}
  .workout-path li:not(:last-child)::after{content:'↓';right:auto;left:0;top:auto;bottom:-29px}
  .workout-path li{padding-top:18px}
}