/* Comfortable phone reading sizes, with a 2px lift for the smallest supporting text. */
@media (max-width:650px){
  body{font-size:17px;line-height:1.7}
  main p,main li,main dd{overflow-wrap:break-word}
  .hero-description,.heading-side,.program-card>p,.intro,.benefit p,.mission-intro,
  .steps-grid p,.questions-grid>div>p:not(.eyebrow),.faq details p,.start-steps p,
  .tuition-card>p:last-child,.interior-intro,.reading-content,.reading-content .curriculum>div,
  .directory-card p,.two-column-copy p,.sidebar-help p,.course-intro,
  .course-ready>p:not(.eyebrow),.course-form-heading p:not(.eyebrow),
  .course-after p:not(.eyebrow),.course-help p,.course-new-student p,
  .payment-lead,.payment-help>p:not(.eyebrow),.payment-guidance p,.mail-payment p,
  .registration-lead,.registration-heading>p,.registration-card>p,.student-note li,
  .new-student-note p,.registration-next-grid>div>p:not(.eyebrow),
  .registration-instructions p,.registration-support p:not(.eyebrow),
  .admissions-lead,.admissions-note li,.admissions-note>p,.application-card>p:not(.eyebrow),
  .admissions-steps p,.tuition-summary p,.tuition-fees p,.guide-result>p:not(.eyebrow),
  .guide-help p,.guide-form .small-note,.degree-selector .degree-selector-heading>p:not(.eyebrow),
  .degree-selector .degree-selector-instruction,.degree-selector .degree-selector-hint,
  .degree-choice-card dd,.degree-selector .degree-choice-empty,
  .application-readiness p,.reading-content .application-readiness p{
    font-size:17px;line-height:1.7
  }
  .reading-content p,.reading-content li{font-size:inherit;line-height:inherit}
  .reading-content blockquote{font-size:18px;line-height:1.7}
  .reading-content .curriculum summary,.reading-content .answer summary,.faq summary{
    font-size:18px;line-height:1.5
  }
  .benefit h3,.registration-instructions h3,.option-description h4,.new-student-note strong{
    font-size:18px;line-height:1.5
  }
  .degree-choice-card dt,.degree-selector label,.guide-form label{font-size:16px;line-height:1.6}
  .degree-selector .degree-choice-tagline{font-size:17px;line-height:1.6}
  .button,.button.small,.hero-actions .button,.interior-cta .button,
  .two-column-copy .button,.program-next .button,.course-bottom .button,
  .registration-hero .button,.registration-card .button,.support-actions .button,
  .other-payment-card .button,.payment-option .button,.guide-form .button,.guide-result .button{
    font-size:16px;line-height:1.5;min-height:48px;max-width:100%;white-space:normal
  }
  .text-link,.hero-actions .text-link,.tuition-foot .text-link,.interior-cta .text-link,
  .two-column-copy .text-link,.program-next .text-link,.course-ready .text-link,
  .course-after .text-link,.course-help .text-link,.course-new-student .text-link,
  .course-bottom .text-link,.student-note .text-link,.new-student-note .text-link,
  .registration-instructions .text-link,.other-payment-card .text-link,
  .tuition-summary-links .text-link,.degree-selector .text-link,.application-readiness .text-link,
  .program-details,.application-details,.course-phone,.course-contact,.help-phone,
  .support-phone,.advisor-phone,.cta-phone,.student-links a,.start-steps a{
    font-size:16px;line-height:1.6;white-space:normal;overflow-wrap:anywhere
  }
  .mobile-nav a,.mobile-group summary,.mobile-group>div>a{font-size:16px;line-height:1.5;min-height:44px}
  .current-students-ribbon strong{font-size:15px}
  .mobile-enroll>a{font-size:16px;line-height:1.4}
  .mobile-enroll .button{padding-inline:14px;gap:10px}
  .eyebrow,.hero .eyebrow,.final-cta .eyebrow,.card-top>span:first-child,
  .concentrations>span,.tuition-summary .eyebrow,.degree-selector .eyebrow,
  .interior-sidebar>.eyebrow,.directory-card>.eyebrow,.course-ready .eyebrow,
  .course-after .eyebrow,.student-note .eyebrow,.application-card .eyebrow,
  .admissions-note .art-label{font-size:13px;line-height:1.6;letter-spacing:.1em}
  .card-bottom,.concentrations a,.tuition-unit,.interior-sidebar>a,.student-links span{
    font-size:16px;line-height:1.6
  }
  .hero-note,.facts>div>span:last-child,.program-facts span,.course-program,
  .payment-policy,.option-description p,.degree-heading p,.checkout-note p,
  .tuition-foot>p,.tuition-summary-grid dt,.tuition-summary-grid p,
  .form-fallback,.course-form-fallback,.registration-form-note,.application-hint,
  .transcript-fallback,.testimonial-note,.testimonial figcaption small,
  .testimonial figcaption a,.quote-author small,.return-visit-detail,.return-visit-link{
    font-size:15px;line-height:1.7
  }
  .form-fallback{font-size:15px!important}
  .interior-breadcrumb,.course-breadcrumb,.registration-breadcrumb,.payment-breadcrumb,.breadcrumb{
    font-size:15px;line-height:1.6;flex-wrap:wrap
  }
  .reading-content table{font-size:16px;line-height:1.6}
  input,select,textarea,.guide-form select,.degree-selector select{font-size:16px;min-height:48px;max-width:100%}
  .course-level-nav{grid-template-columns:1fr}
  .course-level-nav a,.degree-tabs button{font-size:16px;line-height:1.5}
  .payment-option{grid-template-columns:minmax(0,1fr)}
  .option-price{text-align:left}.option-price span{font-size:16px;line-height:1.6}
  .footer-grid h3,.footer-grid>div>a:not(.brand),address{font-size:15px;line-height:1.7}
  .footer-grid>div>a:not(.brand){min-height:36px}
  .footer-motto,.footer-bottom{font-size:14px;line-height:1.8}
  .return-visit-heading{font-size:17px;line-height:1.5}
  .utility-inner>div{font-size:13px;line-height:1.5}
  .online-badge{font-size:14px;line-height:1.5}
  .brand,.nav-inner,.hero-actions,.tuition-foot>div,.card-bottom{min-width:0}
  .hero-actions{flex-wrap:wrap}
}