/* Phone composition for the four multi-angle campaign pages. */
@media(max-width:760px){
 .still-treatment{--gutter:22px}
 .still-treatment .hero-content{padding-top:100px;padding-bottom:38px}
 .still-treatment .hero h1{font-size:clamp(32px,9.6vw,68px);line-height:1.12;letter-spacing:-.045em;margin:22px 0 18px;text-wrap:balance}
 .still-treatment .physician-lockup .hero-authority{font-size:clamp(26px,7.3vw,48px);line-height:1.14;text-wrap:balance}
 .still-treatment .hero-links{gap:8px;margin-top:20px}
 .still-treatment .hero-links a{min-height:48px;white-space:normal;text-align:center}
 .still-treatment .hero-intro{margin-top:14px}
 .still-treatment .method h2,.still-treatment .science-opening h2{font-size:clamp(30px,8.5vw,56px);line-height:1.15;text-wrap:balance}
 .still-treatment .method-deck{font-size:clamp(20px,5.7vw,25px);line-height:1.45}
 .still-treatment .method-principles h3,.still-treatment .care-steps h3{font-size:clamp(24px,6.6vw,30px);line-height:1.2;text-wrap:balance}
 .still-treatment .pathway-list h3{font-size:clamp(25px,7.2vw,34px);line-height:1.17;text-wrap:balance}
 .still-treatment .pathway-list>a{padding:26px 0}
 .still-treatment .pathway-list p{font-size:17px;line-height:1.6}
 .still-treatment .care-steps{gap:0}
 .still-treatment .care-plan>.text-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;text-align:center;white-space:normal}
 .still-treatment .answer h3{font-size:clamp(21px,5.6vw,25px);line-height:1.3;text-wrap:balance}
 .still-treatment .answer p,.still-treatment .questions>div:first-child>p:not(.eyebrow){font-size:17px;line-height:1.6}
 .still-treatment .closing .invitation{font-size:17px;min-height:54px;white-space:normal;text-align:center}
 .still-treatment .reading a{display:flex;align-items:center;min-height:44px;line-height:1.5}
 .still-treatment .explainer-pin{min-height:0}
 .still-treatment .explainer-chapter h3{line-height:1.2;text-wrap:balance}
}
/* A short screen cannot fit a heading, image and full explanation in one
   fixed panel. Let the complete story flow naturally instead of clipping it. */
@media(max-width:760px) and (max-height:700px), (max-width:760px) and (prefers-reduced-motion:reduce){
 .still-treatment .explainer-stage{height:auto;margin-top:26px}
 .still-treatment .explainer-pin{position:relative;height:auto;min-height:0;overflow:visible;display:flex;flex-direction:column;padding:0 22px}
 .still-treatment .anatomy-study{position:relative;inset:auto;margin:0 -22px;height:auto;min-height:180px}
 .still-treatment .anatomy-study img{width:100%;max-width:none}
 .still-treatment .explainer-copy{position:relative;inset:auto;display:block}
 .still-treatment .explainer-chapter:nth-child(n){position:relative;inset:auto;opacity:1;pointer-events:auto;padding:26px 0;border-top:1px solid #ffffff26;transition:none}
 .still-treatment .explainer-chapter:nth-child(n) h3{position:static;transform:none;font-size:27px;line-height:1.2;text-align:left;width:auto;max-width:none}
 .still-treatment .explainer-chapter:nth-child(n) p{position:static;transform:none;width:auto;max-width:none;text-align:left;padding:0;margin:16px 0 0;font-size:17px;line-height:1.6;background:none}
}
@media(max-width:360px){
 .still-treatment header{padding-inline:18px;gap:10px}
 .still-treatment .header-cta{font-size:11px;padding:10px}
 .still-treatment .logo img{width:94px}
 .still-treatment .hero-links a{font-size:15px;padding-inline:12px}
}