#cycling401{--ink:#102858;--text:#46586f;--muted:#65778c;--line:#ccdef3;--paper:#fff;--soft:#f5f8fd;--blue:#0867ff;color:var(--text);background:var(--paper);font:14px/1.5 Arial,sans-serif}#cycling401 *{box-sizing:border-box}#cycling401 h2{font-size:19px;line-height:1.25;color:var(--ink);margin:0 0 13px}#cycling401 p{margin:7px 0 12px}#cycling401 .subtitle{font-size:20px;font-weight:600;color:var(--ink);margin:0 0 6px}#cycling401 .intro{font-size:13px;margin-bottom:15px}#cycling401 .panel{padding:16px;border:1px solid var(--line);border-radius:7px;background:var(--paper);min-width:0}#cycling401 .layout,#cycling401 .twocol{display:grid;grid-template-columns:minmax(0,.485fr) minmax(0,.515fr);gap:12px}#cycling401 .twocol{margin-top:12px}#cycling401 .presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:13px}#cycling401 button,#cycling401 input{font:inherit}#cycling401 button{cursor:pointer;touch-action:manipulation}#cycling401 .preset{position:relative;height:104px;min-width:0;display:flex;align-items:center;text-align:left;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:8px 9px;color:var(--ink)}#cycling401 .preset.selected{background:#edf6ff;border-color:#428dff;box-shadow:inset 0 0 0 1px #428dff}#cycling401 .preset>.art{width:57%;flex:0 1 57%;height:86px;min-width:0}#cycling401 .preset>span:last-child{min-width:0;flex:1}#cycling401 .preset strong{display:block;font-size:14px;line-height:1.25;color:var(--ink)}#cycling401 .preset small{display:block;font-size:11px;color:var(--muted);margin-top:5px}#cycling401 .radio{position:absolute;top:9px;left:9px;width:12px;height:12px;border:1px solid #7493b4;border-radius:50%;z-index:3}#cycling401 .selected .radio{border:3px solid #0867ff;background:#fff}#cycling401 .controls{display:flex;align-items:stretch;gap:10px;margin-bottom:19px}#cycling401 .segmented{display:flex;flex:1;min-width:0;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--soft)}#cycling401 .segmented button{flex:1;border:0;padding:9px 7px;background:transparent;color:var(--ink);font-size:12px;min-width:0;font-weight:500;white-space:nowrap}#cycling401 .segmented .active{background:#0867ff;color:#fff}#cycling401 .segmented.units{flex:.66}#cycling401 .input-row{display:grid;grid-template-columns:28px minmax(100px,1fr) minmax(135px,1.2fr);gap:10px;align-items:center;margin:18px 0}#cycling401 .step-circle{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#0867ff;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:13px;font-weight:700}#cycling401 label{font-size:12px;font-weight:600;color:var(--ink);line-height:1.35}#cycling401 .field{display:flex;align-items:stretch;border:1px solid #b8cde5;border-radius:5px;overflow:hidden;height:38px;min-width:0;background:var(--paper)}#cycling401 .field:focus-within{outline:2px solid #86b7ff;outline-offset:1px}#cycling401 .field input{display:block;width:0;min-width:0;flex:1;height:100%;max-height:100%;border:0;border-radius:0;margin:0;padding:7px 9px;background:transparent;color:var(--ink);font-size:15px;appearance:auto;color-scheme:light;outline:0}#cycling401 input[type=number]::-webkit-inner-spin-button{opacity:1;appearance:auto}#cycling401 .field>span{display:flex;align-items:center;padding:0 8px;border-left:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:11px;white-space:nowrap}#cycling401 details{border:1px solid var(--line);border-radius:5px;margin:8px 0;background:var(--paper);font-size:12px}#cycling401 summary{padding:9px 10px;cursor:pointer;color:var(--ink);font-weight:600;line-height:1.5}#cycling401 details p{padding:0 11px 7px;font-size:11px;line-height:1.7}#cycling401 .assumptions{margin:25px 0 21px}#cycling401 .assumptions summary{font-weight:500;font-size:12px}#cycling401 .assumptions summary small{display:block;margin:3px 0 0 15px;font-size:10px;font-weight:400;color:var(--muted)}#cycling401 .assumption-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:10px}#cycling401 .assumption-inputs label{font-size:11px}#cycling401 .assumption-inputs .field{margin-top:6px}#cycling401 .assumption-inputs input{font-size:13px}#cycling401 .assumption-inputs label>small{font-size:9px;font-weight:400}#cycling401 .form-actions,#cycling401 .actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%}#cycling401 .form-actions button,#cycling401 .actions button{min-width:0;min-height:40px;padding:9px 10px;border:1px solid #237dff;border-radius:5px;background:var(--paper);color:#0867ff;font-size:13px;font-weight:600}#cycling401 .form-actions .primary,#cycling401 .actions button:first-child{background:#0867ff;color:#fff}#cycling401 button:disabled{opacity:.5;cursor:not-allowed}#cycling401 button:focus-visible,#cycling401 summary:focus-visible{outline:3px solid #8cbbff;outline-offset:2px}#cycling401 .error{color:#b32b38;font-size:12px;margin:8px 0}#cycling401 .error:empty{display:none}#cycling401 .result{min-height:120px;text-align:center;padding:14px 10px;border-radius:7px;border:1px solid #ccebdd;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#102858;background:#e5f8ed}#cycling401 .result>b{font-size:14px}#cycling401 .result>strong{font-size:48px;line-height:1.2;color:inherit;overflow-wrap:anywhere}#cycling401 .result.pending{background:var(--soft);border-color:var(--line);color:var(--muted)}#cycling401 .metrics{display:grid;gap:8px;margin:10px 0}#cycling401 .metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}#cycling401 .metrics.two{grid-template-columns:repeat(2,minmax(0,1fr))}#cycling401 .metrics>div{background:var(--soft);border:1px solid var(--line);border-radius:5px;text-align:center;padding:11px 4px;min-width:0}#cycling401 .metrics b{font-size:20px;display:block;color:var(--ink);overflow-wrap:anywhere;line-height:1.4}#cycling401 .metrics small{display:block;color:var(--muted);font-size:11px}#cycling401 .metrics.two b{font-size:23px}#cycling401 .equivalent{display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;gap:12px;background:var(--soft);padding:8px 11px;color:var(--ink);margin-top:10px}#cycling401 .equivalent>div{flex:1;min-width:0}#cycling401 .equivalent small{font-size:11px;display:block}#cycling401 .equivalent b{display:block;font-size:23px;line-height:1.3;overflow-wrap:anywhere}#cycling401 .equivalent p{flex:0 1 40%;border-left:1px solid var(--line);padding-left:12px;font-size:10px;margin:0;color:var(--muted)}#cycling401 .energy-note summary{font-size:11px;font-weight:400}#cycling401 .hint{font-size:11px;color:var(--muted)}#cycling401 .notice{background:var(--soft);padding:9px;border-radius:5px;font-size:11px;color:var(--ink)}#cycling401 .climb{margin-top:12px}#cycling401 .art{position:relative;isolation:isolate;min-width:0;overflow:hidden}#cycling401 .art .subject{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}#cycling401 .art .wm{position:absolute;z-index:0;pointer-events:none;width:80%;height:auto;max-height:60%;left:10%;top:35%;opacity:.095;object-fit:contain}#cycling401 .art .night{display:none}#cycling401 .photograph .wm,#cycling401 .landscape .wm{z-index:2;top:auto;left:auto;right:8px;bottom:8px;width:115px;opacity:.26}#cycling401 .explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:6px;padding:11px 10px;gap:12px;margin-top:12px}#cycling401 .explainer>div{display:flex;align-items:flex-start;gap:10px;min-width:0}#cycling401 .explainer>div+div{border-left:1px solid var(--line);padding-left:12px}#cycling401 .explainer p{margin:0;font-size:11px;line-height:1.4;min-width:0}#cycling401 .explainer b{display:block;color:var(--ink)}#cycling401 .explainer small{display:block;font-size:10px;color:var(--muted);margin-top:4px}#cycling401 .actions{margin-top:12px}#cycling401 .status{min-height:12px;margin:3px 0}#rideFallback{width:100%;height:170px}#cycling401 .step{display:flex;align-items:flex-start;gap:12px;margin:13px 0}#cycling401 .step p{font-size:12px;margin:2px 0;line-height:1.7}#cycling401 .sources{margin-top:12px}#cycling401 .source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#cycling401 .source-list>a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:5px;text-decoration:none;color:var(--text);padding:11px;min-width:0;min-height:65px}#cycling401 .sourcebrand{font-size:17px;color:var(--ink);flex:0 0 auto;line-height:1.1;letter-spacing:-.5px}#cycling401 .source-list a>span{border-left:1px solid var(--line);padding-left:12px;min-width:0;overflow-wrap:anywhere}#cycling401 .source-list strong{display:block;font-size:11px;color:var(--ink)}#cycling401 .source-list small{display:block;font-size:10px;color:var(--muted);margin-top:3px}#cycling401 .small-print{font-size:10px;text-align:center;color:var(--muted);margin:9px 0 0}#cycling401 .work-breakdown{padding:0 11px 5px}#cycling401 .work-bar{height:10px;display:flex;border-radius:6px;overflow:hidden;background:var(--line)}#cycling401 .work-bar span{display:block;height:100%}#cycling401 .work-key{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;margin-top:8px}#cycling401 .work-key i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}#cycling401 [hidden]{display:none!important}
.cycling401-related-art{position:relative;display:block;width:110px;height:90px;flex:0 0 110px;isolation:isolate}.cycling401-related-art>.st401-wm{position:absolute!important;z-index:0;left:5px!important;top:35px!important;width:100px!important;height:auto!important;max-height:30px!important;object-fit:contain!important;opacity:.12}.cycling401-related-photo{position:relative;z-index:1;width:110px!important;height:90px!important;object-fit:contain!important}
html.st-master-dark #cycling401{--ink:#e1edff;--text:#c3d0de;--muted:#aabed4;--line:#35526f;--paper:#112438;--soft:#152e47;background:#0b1b2c}html.st-master-dark #cycling401 .preset.selected{background:#1b3a59;border-color:#6fa8fc;box-shadow:inset 0 0 0 1px #6fa8fc}html.st-master-dark #cycling401 .field input{color-scheme:dark}html.st-master-dark #cycling401 .form-actions .primary,html.st-master-dark #cycling401 .actions button:first-child{background:#176bdf;color:#fff}html.st-master-dark #cycling401 .form-actions button:not(.primary),html.st-master-dark #cycling401 .actions button:last-child{color:#a5ccff}html.st-master-dark #cycling401 .result:not(.pending){background:#153d33;border-color:#397d68;color:#c6f2df}html.st-master-dark #cycling401 .error{color:#ffb7c4}html.st-master-dark #cycling401 .art .day{display:none}html.st-master-dark #cycling401 .art .night{display:block}html.st-master-dark #cycling401 .art .wm{opacity:.12}html.st-master-dark #cycling401 .photograph .wm,html.st-master-dark #cycling401 .landscape .wm{opacity:.3}html.st-master-dark .cycling401-related-art>.st401-wm{filter:brightness(0) invert(1);opacity:.13}
@media(max-width:1050px){#cycling401 .preset strong{font-size:12px}#cycling401 .preset small{font-size:10px}#cycling401 .input-row{grid-template-columns:26px minmax(83px,.9fr) minmax(120px,1.15fr);gap:8px}#cycling401 .controls{gap:7px}#cycling401 .segmented button{font-size:11px;padding:9px 5px}#cycling401 .metrics b{font-size:17px}#cycling401 .metrics.two b{font-size:20px}#cycling401 .result>strong{font-size:43px}#cycling401 .explainer{gap:8px}#cycling401 .explainer>div{gap:7px}}
@media(max-width:760px){#cycling401 .layout,#cycling401 .twocol{grid-template-columns:1fr}#cycling401 .source-list{grid-template-columns:1fr}#cycling401 .explainer{grid-template-columns:1fr}#cycling401 .explainer>div+div{border-left:0;border-top:1px solid var(--line);padding:9px 0 0}#cycling401 .result>strong{font-size:48px}}
@media(max-width:520px){#cycling401 .panel{padding:13px}#cycling401 .presets{grid-template-columns:1fr;gap:8px}#cycling401 .preset{padding:8px 16px;gap:12px}#cycling401 .preset>.art{width:43%;flex-basis:43%}#cycling401 .preset strong{font-size:15px}#cycling401 .preset small{font-size:12px}#cycling401 .input-row{grid-template-columns:25px minmax(82px,.8fr) minmax(125px,1.2fr);gap:7px}#cycling401 .step-circle{width:25px;height:25px;flex-basis:25px}#cycling401 .field input{padding:7px 6px;font-size:14px}#cycling401 .field>span{font-size:10px;padding:0 6px}#cycling401 .controls{gap:7px}#cycling401 .segmented button{font-size:11px;padding:9px 5px}#cycling401 .actions button{font-size:11px;padding:9px 5px}#cycling401 .assumptions summary small{font-size:10px}#cycling401 .sourcebrand{font-size:16px}}
@media(max-width:370px){#cycling401 .input-row{grid-template-columns:24px minmax(70px,.85fr) minmax(115px,1.15fr);gap:5px}#cycling401 label{font-size:11px}#cycling401 .metrics b{font-size:16px}#cycling401 .metrics.two b{font-size:19px}#cycling401 .controls{flex-wrap:wrap}#cycling401 .controls .segmented{flex:1 1 100%}#cycling401 .assumption-inputs{grid-template-columns:1fr}}



/* W402 — cohesive educational photo pair; no marks in top selectors. */
#cycling401 .presets .wm{display:none!important}
#cycling401 .climb{padding:16px}
#cycling401 .climb-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
#cycling401 .photograph{border-radius:6px;aspect-ratio:3/2;min-height:0;align-self:start;background:var(--soft)}
#cycling401 .photograph .subject{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain}
#cycling401 .photograph .wm,#cycling401 .landscape .wm{width:110px;max-width:32%;height:auto;max-height:20px;right:9px;bottom:9px;top:auto;left:auto;opacity:.22;filter:drop-shadow(0 1px 2px rgba(255,255,255,.9))}
#cycling401 .climb-review{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:3/2;min-width:0;gap:10px;align-self:start}
#cycling401 .climb-top{display:flex;flex-direction:column;gap:8px;margin:0}
#cycling401 .climb-top>small{font-size:10px;color:var(--muted);line-height:1.3;text-align:left}
#cycling401 .climb-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:none;margin:0}
#cycling401 .climb-metrics>div{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:58px;padding:7px 9px;border:1px solid var(--line);border-radius:5px;background:var(--soft);color:var(--ink)}
#cycling401 .climb-metrics b{display:block;font-size:24px;line-height:1.15;overflow-wrap:anywhere}
#cycling401 .climb-metrics span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
#cycling401 .landscape{width:100%;height:auto;aspect-ratio:1933/814;border-radius:6px;background:var(--soft)}
#cycling401 .landscape .subject{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1933/814;object-fit:contain}
#cycling401 .climb-caption{padding-top:10px;margin:12px 0 0;font-size:11px;line-height:1.55;color:var(--muted);border-top:1px solid var(--line)}
html.st-master-dark #cycling401 .photograph .wm,html.st-master-dark #cycling401 .landscape .wm{opacity:.38;filter:drop-shadow(0 1px 2px rgba(0,0,0,.65))}
@media(max-width:1050px){#cycling401 .climb-grid{gap:12px}#cycling401 .climb-review{gap:8px}#cycling401 .climb-top{gap:7px}#cycling401 .climb-metrics>div{min-height:50px;padding:6px}#cycling401 .climb-metrics b{font-size:21px}}
@media(max-width:760px){#cycling401 .climb-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#cycling401 .climb-top>small{font-size:9px}#cycling401 .climb-metrics{gap:7px}#cycling401 .climb-metrics>div{min-height:45px;padding:5px}#cycling401 .climb-metrics b{font-size:18px}#cycling401 .climb-metrics span{font-size:10px}#cycling401 .photograph .wm,#cycling401 .landscape .wm{width:90px;right:6px;bottom:6px}}
@media(max-width:600px){#cycling401 .climb{padding:13px}#cycling401 .climb-grid{grid-template-columns:1fr;gap:12px}#cycling401 .climb-review{gap:9px;aspect-ratio:auto}#cycling401 .climb-top>small{font-size:10px}#cycling401 .climb-metrics{gap:10px}#cycling401 .climb-metrics>div{min-height:56px;padding:8px}#cycling401 .climb-metrics b{font-size:23px}#cycling401 .climb-metrics span{font-size:11px}#cycling401 .climb-caption{margin-top:10px;padding-top:9px}}