/* The course's existing story rhythm, shared only by the three core pages. */
html body :is(main.training-story, main.cards-story, main.journey-story){
  width:min(920px,calc(100% - 28px));margin:0 auto 36px;text-align:center;color:#3f4632;
}
html body :is(main.training-story, main.cards-story, main.journey-story) :is(p,li){
  font-family:Rubik,Arial,sans-serif!important;font-size:18px!important;line-height:1.55!important;
  text-wrap:pretty;white-space:normal!important;max-width:42em;margin:8px auto!important;
}
html body :is(main.training-story, main.cards-story, main.journey-story) :is(h1,h2,h3){
  font-family:BuNotza,Rubik,sans-serif!important;font-weight:400!important;color:#24152c;
  line-height:1.16!important;text-wrap:balance;letter-spacing:0!important;
}
html body :is(main.training-story, main.cards-story, main.journey-story) h1{
  font-size:clamp(48px,6vw,64px)!important;margin:0 auto 12px!important;
}
html body :is(main.training-story, main.cards-story, main.journey-story) h2{font-size:clamp(28px,3.3vw,38px)!important}
html body :is(main.training-story, main.cards-story, main.journey-story) h3{font-size:30px!important}
html body :is(.ts-hero,.cs-hero){min-height:48svh!important;padding:36px 16px 24px!important}
html body main.journey-story .js-hero{min-height:0!important;padding:20px 16px 12px!important}
html body main.journey-story .js-name{padding:12px 12px 8px!important}
html body main.journey-story .js-punch-strong{font-size:20px!important;font-weight:600!important;color:#24152c}
html body main.journey-story :is(.js-hero .reveal-step,.js-idea,.js-name){opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
html body main :is(.ts-clinic p,.cs-hero-q,.cs-hero-q2,.js-hero-q){font-size:clamp(22px,2.7vw,30px)!important;line-height:1.4!important;max-width:34ch!important;text-wrap:balance}
html body main :is(.ts-name,.cs-name,.js-name){padding:24px 12px 12px!important}
html body main :is(.ts-imagine,.cs-imagine,.js-imagine,.cs-uses){padding:24px 18px!important;border:0!important;border-radius:20px;background:rgba(255,252,246,.34)}
html body main :is(.ts-how,.ts-language,.ts-payment,.cs-pack,.cs-purchase,.js-how,.js-practical,.js-end){border:0!important;padding:24px 18px!important}
html body :is(main.training-story,main.cards-story,main.journey-story) section{border-top:0!important;border-bottom:0!important}
html body main.training-story .interest-form input{min-height:46px;font-size:17px}
html body main :is(.ts-language-grid,.ts-value>div){grid-template-columns:repeat(3,minmax(0,1fr))}
html body main :is(.ts-imagine-lines,.cs-imagine-lines){grid-template-columns:repeat(2,minmax(0,1fr))}
html body main :is(.offer-price,.js-price,.price){font-family:Rubik,Arial,sans-serif!important;font-size:22px!important;font-weight:500!important;line-height:1.4!important}
html body main :is(.ts-language-grid p,.ts-value p){border:0!important}
html body main :is(.button,.cta,.secondary-button,.secondary-cta){font-family:Rubik,Arial,sans-serif!important;font-size:17px!important;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-wrap:balance;white-space:normal!important}
html body main .purchase-note{font-size:17px!important}
@media(max-width:720px){
 html body :is(main.training-story,main.cards-story,main.journey-story){width:calc(100% - 20px)}
 html body :is(main.training-story,main.cards-story,main.journey-story) :is(p,li){font-size:17px!important;line-height:1.5!important}
 html body :is(main.training-story,main.cards-story,main.journey-story) h1{font-size:40px!important;max-width:17ch}
 html body :is(main.training-story,main.cards-story,main.journey-story) h2{font-size:27px!important}
 html body :is(main.training-story,main.cards-story,main.journey-story) h3{font-size:27px!important}
 html body main :is(.ts-clinic p,.cs-hero-q,.cs-hero-q2,.js-hero-q){font-size:21px!important;max-width:29ch!important}
 html body :is(.ts-hero,.cs-hero,.js-hero){min-height:0!important;padding:26px 10px 18px!important}
 html body main :is(.ts-imagine-lines,.cs-imagine-lines,.ts-language-grid,.ts-value>div,.js-imagine-lines,.js-practical,.start-options){display:grid!important;grid-template-columns:1fr!important;gap:8px}
 html body main :is(.ts-how,.cs-pack,.js-how){display:block!important;text-align:center!important}
 html body main :is(.ts-how-copy,.cs-pack-copy,.js-how-copy){text-align:center!important}
 html body main :is(.ts-how img,.cs-pack img,.js-how img){width:min(260px,100%)!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:14px auto;display:block}
 html body main .payment-actions{flex-wrap:wrap;gap:10px}
}
@media(prefers-reduced-motion:reduce){.reveal-step,.reveal-on-scroll{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}