/* The optional Level page uses the approved full-width controls/preview layout. */
body[data-stage="level"] .activation-layout{grid-template-columns:minmax(0,1fr);max-width:1120px}
body[data-stage="level"] .visual-context{display:none}
body[data-stage="level"] .task-panel{padding:0}
body[data-stage="level"] #flow-content,body[data-stage="level"] .flow-steps{max-width:none}
.starting-level-guide{--quiet:#b8c3bc;--muted:#57645c}
.starting-level-guide .instruction{font-size:18px;line-height:28px;color:var(--muted);margin:0 0 40px}
.starting-level-guide select,.starting-level-guide input{font:inherit}
.starting-level-guide select:focus-visible{outline:2px solid #007a4d;outline-offset:4px}
.starting-level-guide .guide-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:48px;align-items:start}
.starting-level-guide form{margin:0;padding-top:8px}
.starting-level-guide .workout-options{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;align-items:end}
.starting-level-guide .workout-options label{display:grid;gap:8px;align-content:start;font-size:14px;line-height:20px;font-weight:600;min-width:0}
.starting-level-guide .activity-field,.starting-level-guide .equipment-field{grid-column:1/-1}
.starting-level-guide select,.starting-level-guide input[type=number]{width:100%;min-width:0;min-height:48px;border:1px solid #a3afa6;border-radius:8px;background-color:#fff;color:#142018;padding:8px 16px;caret-color:#00754d}
.starting-level-guide select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2357645c' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:48px}
.starting-level-guide select:hover,.starting-level-guide input[type=number]:hover{border-color:#142018}
.starting-level-guide .fitness{display:grid;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid #dde3de}
.starting-level-guide .fitness label{font-size:14px;line-height:20px;font-weight:600}
.starting-level-guide .fitness label span{font-weight:400;color:var(--muted)}
.starting-level-guide input[type=number]{appearance:textfield;font-size:16px;line-height:24px;font-variant-numeric:tabular-nums}
.starting-level-guide input[type=number]::-webkit-inner-spin-button,.starting-level-guide input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}
.starting-level-guide .fitness input::placeholder{color:#6a766e;opacity:1}
.starting-level-guide .fitness small{font-size:12px;line-height:16px;color:var(--muted)}
.starting-level-guide #guide-error{font-size:14px;line-height:20px;color:#98260c;margin:16px 0 0}
.starting-level-guide #guide-error:empty{display:none}
.starting-level-guide .preview-column{min-width:0}
.starting-level-guide .starting-workout{background:#000;color:#fff;border-radius:16px;padding:32px}
.starting-level-guide .workout-title{display:flex;gap:12px;align-items:center;min-height:32px;color:var(--activity)}
.starting-level-guide .workout-title img{object-fit:contain;flex:none}
.starting-level-guide .workout-title h2{font-size:20px;line-height:28px;font-weight:700;margin:0}
.starting-level-guide .starting-workout button{min-height:44px;min-width:44px;border:1px solid #637168;border-radius:50%;color:#fff;background:transparent;padding:8px;font-size:14px;line-height:20px;font-weight:600}
.starting-level-guide .starting-workout button:hover:not(:disabled){background:#202923;border-color:var(--activity)}
.starting-level-guide .starting-workout button:active:not(:disabled){transform:translateY(1px)}
.starting-level-guide .starting-workout :focus-visible{outline-color:var(--activity)}
.starting-level-guide .level-control{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:4px 24px;max-width:360px;margin:24px auto 24px}
.starting-level-guide .level-control button{width:48px;height:48px;display:grid;place-items:center}
.starting-level-guide .level-control svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.starting-level-guide .level-value{display:contents}
.starting-level-guide #guide-lower{grid-column:1;grid-row:2}
.starting-level-guide #guide-higher{grid-column:3;grid-row:2}
.starting-level-guide .level-value label{grid-column:2;grid-row:1;text-align:center;font-size:14px;line-height:20px;color:var(--quiet)}
.starting-level-guide .level-value output{grid-column:2;grid-row:2;text-align:center;font-size:72px;line-height:1;font-weight:700;color:var(--activity);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.starting-level-guide .slider{margin-bottom:24px}
.starting-level-guide .range-track{position:relative;height:32px;display:flex;align-items:center}
.starting-level-guide .range-track::before,.starting-level-guide .range-track::after{content:'';position:absolute;left:0;height:4px;border-radius:2px;pointer-events:none}
.starting-level-guide .range-track::before{width:100%;background:#414e45}
.starting-level-guide .range-track::after{width:var(--level-progress);background:var(--activity)}
.starting-level-guide .slider input{position:relative;z-index:1;appearance:none;width:100%;height:32px;background:transparent;margin:0;cursor:pointer;accent-color:var(--activity)}
.starting-level-guide .slider input::-webkit-slider-runnable-track{height:4px;background:transparent}
.starting-level-guide .slider input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border:3px solid #000;border-radius:50%;background:var(--activity);margin-top:-8px;box-shadow:0 0 0 1px var(--activity)}
.starting-level-guide .slider input::-moz-range-track{height:4px;background:transparent}
.starting-level-guide .slider input::-moz-range-thumb{width:16px;height:16px;border:2px solid #000;border-radius:50%;background:var(--activity)}
.starting-level-guide .range-labels{margin-bottom:4px;display:flex;justify-content:space-between;color:var(--quiet);font-size:12px;line-height:16px}
.starting-level-guide .speed-chart{margin:0 0 24px}
.starting-level-guide .speed-chart svg{display:block;width:100%;height:104px;overflow:visible}
.starting-level-guide .speed-chart figcaption{display:flex;justify-content:space-between;font-size:12px;line-height:16px;color:var(--quiet);margin-top:8px}
.starting-level-guide .pace-readings{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:24px 16px;margin:0;padding-top:24px;border-top:1px solid #303a33;font-variant-numeric:tabular-nums;text-align:center}
.starting-level-guide .pace-readings dt{font-size:14px;line-height:20px;color:var(--quiet);margin-bottom:4px}
.starting-level-guide .pace-readings dd{display:flex;justify-content:center;align-items:baseline;gap:4px;font-size:20px;line-height:28px;font-weight:700;margin:0;white-space:nowrap}
.starting-level-guide .pace-readings small{font-size:12px;line-height:16px;font-weight:400;color:var(--quiet)}
@media(max-width:959px){
.starting-level-guide .guide-layout{grid-template-columns:1fr;gap:32px}
.starting-level-guide .workout-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.starting-level-guide .activity-field,.starting-level-guide .equipment-field{grid-column:auto}
.starting-level-guide .fitness{max-width:calc(50% - 8px);margin-top:24px;padding-top:0;border-top:0}
}
@media(min-width:600px) and (max-width:759px){.starting-level-guide .workout-options{grid-template-columns:1fr 1fr}}
@media(max-width:599px){
.starting-level-guide .instruction{font-size:16px;line-height:24px;margin-bottom:24px}
.starting-level-guide .workout-options{grid-template-columns:1fr 1fr;gap:16px}
.starting-level-guide .activity-field,.starting-level-guide .equipment-field{grid-column:1/-1}
.starting-level-guide .fitness{max-width:none;margin-top:24px}
.starting-level-guide .starting-workout{padding:24px}
.starting-level-guide .level-value output{font-size:60px}
.starting-level-guide .level-control{margin-top:16px;margin-bottom:24px}
.starting-level-guide .slider{margin-bottom:16px}
.starting-level-guide .pace-readings{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.starting-level-guide .pace-readings dd{font-size:24px;line-height:32px}
.starting-level-guide .pace-readings>div:last-child:nth-child(odd){grid-column:1/-1}
.starting-level-guide .speed-chart svg{height:88px}
}
@media(max-width:360px){
.starting-level-guide .starting-workout{padding:16px}
.starting-level-guide .workout-options{gap:16px 12px}
.starting-level-guide select{font-size:14px;line-height:20px;padding:8px 32px 8px 12px;background-position:right 12px center;background-size:12px}
.starting-level-guide .pace-readings dd{font-size:20px;line-height:28px}
.starting-level-guide .level-control{column-gap:16px}
}
@media(min-width:1200px){.starting-level-guide .pace-readings dd{font-size:24px;line-height:32px}}
@media(forced-colors:active){.starting-level-guide select{appearance:auto;background-image:none;padding-right:16px}}