/* Keep each programme's name, photos and details together at every screen size. */
.book-short{display:none}
.training-jump{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 32px}
.training-jump a{border:1px solid #10100f30;border-radius:3px;min-height:44px;padding:12px 16px;font-size:12px;font-weight:700}
.training-jump a:hover,.training-jump a:focus-visible{background:#10100f;color:var(--cream)}
.class-heading{margin-bottom:18px;min-height:80px}
.class-heading p{font-size:9px;font-weight:700;letter-spacing:.12em;color:#8d432b;margin-bottom:10px}
.training .class-heading h3{font:800 clamp(34px,3vw,46px)/1 var(--display);text-transform:uppercase}
.training .class-copy,.training #personal .class-copy{padding-top:16px}
.training .class-copy>p:first-child{margin-top:0}
.training .class-card{scroll-margin-top:110px}
#community-title{font-size:clamp(56px,6.7vw,105px)}
.help-launcher-icon svg{width:21px;height:21px}
.help-answer p{overflow-wrap:anywhere}
@media(max-width:600px){
 html{scroll-padding-top:90px}
 .site-header{min-height:70px;padding:10px 16px;gap:10px}
 .brand{gap:7px}.brand img{width:32px;height:32px}.brand>span{font-size:14px}
 .header-actions{gap:7px}.book-long{display:none}.book-short{display:inline}
 .book-header{min-height:40px;padding:10px 12px;gap:8px;font-size:11px}.book-header>span.book-short{font-size:11px}
 .menu-toggle{width:36px;min-height:40px;order:3}
 .site-header .help-launcher{position:relative;inset:auto;display:grid;place-items:center;min-height:40px;width:36px;padding:0;margin:0;box-shadow:none;border:1px solid #ffffff55;border-radius:2px;background:transparent;color:var(--cream);order:2}
 .site-header .help-launcher>span:last-child{display:none}
 .site-header .help-launcher-icon{border:0;width:30px;height:30px}
 .site-header .help-launcher.has-reply:after{top:3px;right:2px;width:9px;height:9px}
 .scroll-dock{display:none!important}
 .section{padding-block:48px}
 .section-heading{margin-bottom:26px;gap:20px}
 .section-heading h2,#community-title,.visit h2,.first-round h2,.schedule h2{font-size:clamp(44px,12.5vw,62px);line-height:.96}
 .section-heading .eyebrow{margin-bottom:18px}
 .training-jump{gap:6px;margin:0 0 26px}.training-jump a{flex:1 0 calc(50% - 6px);text-align:center;font-size:11px;padding-inline:8px}
 .training .class-grid{gap:24px}
 .training .class-card,.training #personal{background:#fff5;border:1px solid #10100f22;padding:16px;border-radius:4px;overflow:hidden}
 .class-heading{min-height:0;margin:0 0 16px}.class-heading p{margin-bottom:8px;font-size:8px}
 .training .class-heading h3{font-size:36px}
 .training .class-image,.training #personal .class-image{aspect-ratio:4/3;margin:0 -16px;width:calc(100% + 32px)}
 .class-image .round-arrow{width:32px;height:32px;right:12px;top:12px;font-size:18px}
 .slideshow-controls{gap:6px;min-height:46px}.slideshow-controls .slide-pause{font-size:10px}
 .training .class-copy>p,.training #personal .class-copy>p{font-size:13px;line-height:1.65}
 .training .class-copy .class-focus,.training #personal .class-copy .class-focus{font-size:10px;margin-top:12px}
 .class-copy .text-link{min-height:44px;margin-top:8px;display:inline-flex;align-items:center}
 .training-help{margin-top:26px;padding-top:22px}
 .coaches-heading{margin-top:34px}.coach-grid{gap:26px}.coach>img{aspect-ratio:4/3;object-position:center 24%}
 .coach>div{padding-top:16px}.coach h3{margin-top:8px;font-size:36px}.coach p{margin-top:10px}
 .coaches-heading h3{font-size:30px}.coaches-heading p{font-size:10px}
 .family-footer .text-link{max-width:100%;font-size:10px;gap:12px}
 .visit-card{padding:24px 20px}.visit-card address{font-size:30px}.contact-links{gap:14px}
 .faqs details{padding:18px 0}.faqs summary{min-height:32px}
 .art-playback{width:100%;justify-content:space-between;gap:10px}.art-playback .text-link{font-size:9px}.speed button{font-size:8px;padding-inline:10px}
 .strip-trigger .limb-name{font-size:29px}.strip.active .panel h3{font-size:64px}
 #panel-shins h3{font-size:56px}
 .practice-film{padding-top:32px;margin-top:22px}.practice-film h3{font-size:56px}
 .class-reel-copy{bottom:24px}.class-reel h2{font-size:clamp(48px,14vw,70px)}
 .help-dialog{inset:auto 8px max(8px,env(safe-area-inset-bottom)) auto;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
 .help-header{padding:16px 18px}.help-header h2{font-size:30px}.help-dialog [role=tabpanel]{padding:16px 18px}
}