/* Scoped responses to the 2026-09-29 phone review of /service/school. */
.sp-mobile-only-break{display:none}

@media(max-width:560px){
  .sp-mobile-only-break{display:initial}
  .school-presentation .sp-hero-copy,
  .school-presentation :is(#how-it-works,#personal-support,#continue)>.mk-wrap>.sp-feature-heading{container-type:inline-size}
  .school-presentation #personal-support>.mk-wrap>.sp-feature-heading #personal-title{font-size:min(8.2cqw,40px);letter-spacing:0}

  .school-presentation .sp-hero h1{font-size:min(7.55cqw,40px);letter-spacing:0}
  .school-presentation .sp-hero .sp-hero-facts{background:transparent;border-block:1px solid #d5c38d70;border-inline:0;margin-top:25px;padding:2px 0}
  .school-presentation .sp-hero .sp-hero-facts>span{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:10px 0;color:#d9e4e8;font-size:.75rem;line-height:1.65}
  .school-presentation .sp-hero .sp-hero-facts>span+span{border-top:1px solid #d5c38d47}
  .school-presentation .sp-hero .sp-hero-facts strong{color:#f0dfaa;font-size:.875rem;line-height:1.55}

  .school-presentation #how-it-works>.mk-wrap>.sp-feature-heading h2{font-size:min(6.55cqw,32px);letter-spacing:0}
  .school-presentation #how-it-works .sp-copy .sp-story-opening>p:first-of-type{font-size:clamp(13.8px,3.7vw,14.5px)}
  .school-presentation #how-it-works>.mk-wrap>.sp-copy>p:last-child{font-size:clamp(12.5px,3.6vw,14px)}
  .school-presentation #how-it-works .sp-reference-1 .sp-generated-caption{display:grid;grid-template-columns:.85fr 1.15fr;gap:4px;font-size:clamp(9px,2.85vw,12px)}
  .school-presentation #how-it-works .sp-reference-1 .sp-generated-caption>span{white-space:nowrap}

  .school-presentation #question-first .sp-copy>p.sp-conclusion-card{flex-direction:column;align-items:flex-start;gap:7px;padding:16px 12px;font-size:clamp(12px,3.6vw,14.2px)}
  .school-presentation #question-first .sp-conclusion-card .sp-conclusion-bulb{width:22px;height:26px}
  .school-presentation #question-first .sp-conclusion-card>span{width:100%}

  .school-presentation #study-efficiency>.mk-wrap>.sp-feature-heading h2{font-size:clamp(20px,6vw,25px)}
  #efficiency-title .sp-efficiency-before,#efficiency-title .sp-efficiency-after{display:block}
  #efficiency-title .sp-efficiency-after{text-align:right}

  .school-presentation #questions>.mk-wrap>.sp-feature-heading,
  .school-presentation #school-classroom>.mk-wrap>.sp-feature-heading,
  .school-presentation #continue>.mk-wrap>.sp-feature-heading{display:block;width:100%;margin-bottom:26px}
  .school-presentation #questions .sp-feature-heading .sp-service-chapter,
  .school-presentation #school-classroom .sp-feature-heading .sp-service-chapter,
  .school-presentation #continue .sp-feature-heading .sp-service-chapter{display:flex;flex-direction:row;align-items:baseline;gap:10px;border:0;padding:0;margin:0 0 14px;font-family:inherit;font-weight:700;font-size:14px;line-height:1.4;color:#b39757}
  .school-presentation #questions .sp-feature-heading .sp-service-chapter span,
  .school-presentation #school-classroom .sp-feature-heading .sp-service-chapter span,
  .school-presentation #continue .sp-feature-heading .sp-service-chapter span{font:32px/1 Georgia,serif;padding:0;border:0;color:#987934}
  .school-presentation #questions>.mk-wrap>.sp-feature-heading h2,
  .school-presentation #school-classroom>.mk-wrap>.sp-feature-heading h2,
  .school-presentation #continue>.mk-wrap>.sp-feature-heading h2{width:100%;font-size:clamp(21px,6vw,24px);line-height:1.55}
  .school-presentation #continue>.mk-wrap>.sp-feature-heading #continue-title{font-size:min(6.55cqw,32px)}
  .school-presentation #questions .sp-question-intro>.sp-support-subheading{font-size:clamp(17px,5vw,20px);line-height:1.6}
  .school-presentation #questions .sp-personal-service-note{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px 12px;padding:14px 16px}
  .school-presentation #questions .sp-personal-service-note .sp-clock{width:28px;height:28px}
  .school-presentation #questions .sp-personal-service-note>span{min-width:0}
  .school-presentation #questions .sp-personal-service-note>a{grid-column:1/-1;justify-self:end;margin:0;text-align:right}

  .school-presentation #school-classroom .sp-service-detail h3{font-size:clamp(14px,4.6vw,19px)}
  .school-presentation #school-classroom .sp-service-detail p.sp-class-note{flex-direction:column;align-items:flex-start;gap:7px;font-size:clamp(11.75px,3.4vw,13.4px)}
  .school-presentation #school-classroom .sp-class-note .sp-conclusion-bulb{width:22px;height:26px}
  .school-presentation #school-classroom .sp-class-note>span{width:100%;letter-spacing:-.01em}

  .school-presentation #juku-plan .sp-price-value-copy>p:nth-of-type(3) strong{font-size:clamp(10.6px,3.4vw,13.5px);letter-spacing:-.03em;white-space:nowrap}
}