/* Scoped to the overview and training guides; legal/iOS pages keep their layout. */
[hidden]{display:none!important}
button:focus-visible{outline:3px solid #8eafff;outline-offset:4px}
.visual-hero{grid-template-columns:1fr 1.08fr;gap:56px;padding-block:60px 64px}
.visual-hero h1.hero-title{font-size:clamp(3rem,5.3vw,5.25rem);line-height:1.04;letter-spacing:-.045em}
.visual-hero .hero-description{font-size:1.0625rem;max-width:440px;margin-top:24px}
.visual-hero .actions{flex-wrap:wrap;gap:18px;margin-top:30px}
.visual-hero .hero-lead{font-family:Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:400;color:var(--muted);line-height:1.6;margin:18px 0 0}
.visual-hero .hero-lead a{color:var(--light-blue)}
.feature-story{min-width:0;position:relative;border:1px solid #34415a;border-radius:18px;overflow:hidden;background:#111b2c}
.feature-slide{margin:0}
.feature-image{height:386px;background:#101829;overflow:hidden}
.feature-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:66% center}
.feature-slide:nth-child(2) .feature-image>img{object-position:60% center}
.feature-image.app-capture{background:#e7e9ef;display:flex;align-items:flex-start;justify-content:center;padding:22px 24px 0}
.feature-image.app-capture>img{object-fit:contain;object-position:top;width:206px;height:auto;max-height:none;border:1px solid #66718b;border-radius:16px}
.feature-caption{padding:22px 26px 20px;min-height:163px}
.feature-caption .eyebrow{margin-bottom:8px;font-size:.675rem}
.feature-caption h2{font-size:1.65rem;line-height:1.15;margin-bottom:9px}
.feature-caption>p:not(.eyebrow){font-size:.9375rem;line-height:1.55;max-width:440px}
.feature-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px 18px}
.feature-choices{display:flex;gap:5px}
.feature-choices button,.feature-arrows button{display:grid;place-items:center;min-width:44px;min-height:44px;background:transparent;border:1px solid #39465e;border-radius:50%;color:#c2cfe2;font:600 .8125rem Arial,sans-serif;cursor:pointer}
.feature-choices button[aria-pressed=true]{color:#0a1530;background:#a8c1ff;border-color:#a8c1ff}
.feature-arrows{display:flex;align-items:center;gap:5px}
.feature-arrows output{font-size:.75rem;color:#c2cfe2;padding-inline:8px;white-space:nowrap}
.feature-play{padding:10px 0;min-height:44px;color:#c2cfe2;background:none;border:0;font:inherit;font-size:.75rem;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.story-footnote{font-size:.6875rem;line-height:1.5;color:#aebcd0;padding:0 26px 18px}
.overview-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.overview-intro h2{font-size:clamp(2rem,4vw,3.25rem);max-width:600px}
.overview-intro>p{max-width:360px}
.overview-intro .eyebrow{margin-bottom:14px}
.paper-section{background:#f1f1eb;color:#14203a;color-scheme:light}
.paper-section p{color:#4a5669}
.paper-section .eyebrow{color:#3457a3}
.paper-section .text-link,.paper-section a{color:#21458c}
.paper-section a:hover{color:#14203a}
.visual-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.visual-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #d0d5dc;border-radius:12px}
.visual-card>img{display:block;width:100%;height:210px;object-fit:cover;object-position:64% center}
.visual-card .visual-card-copy{padding:24px}
.visual-card .eyebrow{font-size:.7rem;margin-bottom:13px}
.visual-card h3{font-size:1.6rem;line-height:1.15;margin-bottom:13px}
.visual-card .text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-size:.9375rem}
.visual-card.app-card>img{object-fit:cover;object-position:center 65%;background:#0b1020}
.planner-link{padding-top:24px;margin-top:30px;border-top:1px solid #ccd3db;font-size:.9375rem}
.planner-link strong{color:#172a4b}
.overview-demo .demo-story h2{font-size:clamp(2.3rem,4.1vw,3.5rem)}
.overview-guides .visual-card{background:#101a2d;border-color:#33415a}
.overview-guides .visual-card h3{color:white}
.overview-guides .visual-card .text-link{color:#b2caff}
.overview-guides .visual-card>img{height:180px}
.guide-cover-capture{object-fit:cover!important;object-position:center 23%!important}
.compact-updates .section{padding-block:46px}
.compact-updates .update-grid{margin-top:25px;gap:35px}
.compact-updates h2{font-size:clamp(2rem,3.5vw,3rem)}
.compact-updates .section-heading{max-width:780px}
.compact-updates .section-heading .eyebrow{margin-bottom:12px}
.compact-updates .update-grid h3{font-size:1.4rem;margin-block:12px}
.overview-faq .faq-list summary{font-size:1.125rem}
.overview-faq .faq-list details p+p{padding-top:0}
.shop-inline{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:26px 30px;margin-block:0 60px;border:1px solid #34415a;border-radius:12px;background:#10182a}
.shop-inline h2{font-size:1.5rem;line-height:1.2;margin:0 0 8px}
.shop-inline .text-link{flex:none;min-height:44px;display:flex;align-items:center}
.shop-inline p{font-size:.875rem}
.visual-guide{max-width:1180px;padding-top:46px}
.visual-guide .guide-hero{max-width:none}
.updates-availability{margin-top:24px}
.guide-opening{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;margin-bottom:30px}
.guide-opening h1{font-size:clamp(2.6rem,4.5vw,4.2rem)}
.guide-opening .intro{font-size:1.125rem;line-height:1.6;max-width:550px}
.guide-opening .eyebrow{margin-top:0}
.guide-opening figure{overflow:hidden;border:1px solid #34415a;border-radius:12px;background:#10182a}
.guide-opening img{display:block;width:100%;height:300px;object-fit:cover;object-position:67% center}
.guide-opening figcaption{padding:10px 16px;font-size:.6875rem}
.guide-quick-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.guide-quick-facts span{font-size:.8125rem;padding:6px 12px;border:1px solid #41516e;border-radius:6px;color:#d7e3f7}
.guide-summary{padding:24px 28px;background:#f1f1eb;color:#14203a;border-radius:12px;color-scheme:light;margin:24px 0 30px}
.guide-summary h2{font-size:1.4rem;margin:0 0 8px}
.guide-summary p{color:#4a5669;margin:0;max-width:850px}
.visual-guide .article-nav{margin-block:20px 0}
.visual-guide section{padding-block:36px}
.visual-guide .week-at-glance{list-style:none;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:24px 0}
.week-at-glance li{min-width:0;background:#131e32;border-top:3px solid #7fa6fa;border-radius:7px;padding:16px 11px;margin:0}
.week-at-glance li.running{border-color:#81c4bc}
.week-at-glance li.recovery{border-color:#8894a8;background:#101723}
.week-at-glance strong,.week-at-glance span{display:block}
.week-at-glance strong{font-size:.6875rem;letter-spacing:.08em;color:#b6c8e7;margin-bottom:14px}
.week-at-glance span{font:600 1.125rem/1.25 Outfit,Arial,sans-serif;color:#fff}
.week-at-glance small{display:block;font-size:.75rem;color:#bdc8db;line-height:1.5;margin-top:8px}
.guide-detail{border:1px solid #34415a;border-radius:10px;background:#10182a;margin:20px 0;overflow:hidden}
.guide-detail>summary{padding:19px 25px;cursor:pointer;color:white;font-weight:600;min-height:60px}
.guide-detail>div{padding:0 25px 8px}
.guide-detail .sample-plan{margin-top:10px}
.guide-detail .article-grid{margin-top:8px;margin-bottom:18px}
.visual-guide .key-point{margin-block:22px}
.visual-guide .section-heading-note{max-width:780px}
.visual-guide .progression-list{margin-block:22px}
.visual-guide .progression-list>div{padding-block:16px}
.guide-reading-column{max-width:880px}
.guide-crosslinks{display:flex;flex-wrap:wrap;gap:12px 24px;padding-block:15px}
.guide-crosslinks a{font-weight:600;min-height:44px;display:flex;align-items:center}
@media(max-width:1050px){.visual-hero{gap:28px}.visual-hero h1.hero-title{font-size:clamp(3rem,5.4vw,4.3rem)}.feature-image{height:345px}.feature-navigation{flex-wrap:wrap}.feature-play{order:3;width:100%;text-align:left;padding-block:0}.feature-caption{min-height:180px}.visual-guide .week-at-glance{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-card .visual-card-copy{padding:20px}}
@media(max-width:760px){.visual-hero{grid-template-columns:1fr;gap:32px;padding-block:36px 44px}.visual-hero h1.hero-title{font-size:clamp(3rem,8.5vw,4.6rem);max-width:680px}.visual-hero .hero-description{max-width:580px}.feature-story{width:100%;max-width:620px}.feature-image{height:320px}.feature-caption{min-height:155px}.feature-play{order:initial;width:auto}.overview-intro{display:block}.overview-intro>p{margin-top:18px;max-width:580px}.visual-card-grid{grid-template-columns:1fr}.visual-card{display:grid;grid-template-columns:.85fr 1fr}.visual-card>img,.overview-guides .visual-card>img{height:100%;min-height:240px}.guide-opening{grid-template-columns:1fr;gap:20px}.guide-opening figure{max-width:640px}.guide-opening img{height:260px}.shop-inline{align-items:flex-start;flex-direction:column;gap:15px}.visual-guide section{padding-block:28px}.overview-faq .faq-layout{grid-template-columns:1fr;gap:25px}}
@media(max-width:500px){.visual-hero .actions .play-cta{font-size:.875rem;padding-inline:16px;gap:14px}.feature-image{height:265px}.feature-image.app-capture{padding-top:15px}.feature-image.app-capture>img{width:185px}.feature-caption{padding:20px;min-height:176px}.feature-navigation{padding-inline:16px;gap:8px}.feature-choices{gap:3px}.feature-choices button{min-width:44px}.feature-arrows button{min-width:44px}.feature-play{order:3;width:100%;text-align:left}.story-footnote{padding-inline:20px}.feature-caption h2{font-size:1.5rem}.visual-card{display:block}.visual-card>img,.overview-guides .visual-card>img{height:205px;min-height:0}.guide-opening h1{font-size:2.65rem}.guide-summary{padding:22px}.visual-guide .week-at-glance{grid-template-columns:repeat(2,minmax(0,1fr))}.week-at-glance li{padding:15px}.week-at-glance li:last-child{grid-column:1/-1}.guide-detail>summary{padding:17px 18px}.guide-detail>div{padding-inline:16px}.visual-guide .article-nav{gap:10px 18px}.shop-inline{padding:24px}.overview-intro h2{font-size:2.4rem}}
@media print{.feature-story,.feature-navigation,.feature-play,.story-footnote,.guide-opening figure{display:none}.visual-hero,.guide-opening,.visual-card-grid{display:block}.visual-guide .week-at-glance{grid-template-columns:repeat(7,1fr)}.week-at-glance li{break-inside:avoid}.guide-detail{border-color:#888}.guide-detail>div{display:block!important}.guide-detail::details-content{content-visibility:visible;height:auto}.visual-card{break-inside:avoid}.visual-card>img{max-height:140px}.paper-section,.guide-summary,.week-at-glance li{background:#fff!important}}