/* Mobile reading scale. Loaded after theme and component styles. */
@media screen and (max-width:800px){
 html{ -webkit-text-size-adjust:100%;text-size-adjust:100% }
 body{font-size:16px;line-height:1.9}
 .main{overflow-wrap:anywhere}
 .field,.check,.answer{font-size:16px;line-height:1.9}
 .field input,.field select,.field textarea{font-size:16px;line-height:1.7;min-height:48px}
 .hint,.notice,.muted,.small-text,.original-copy{font-size:14px;line-height:1.95}
 .button,.button.small,.theme-4 .button,.theme-4 .energy-hero .hero-actions .button,
 .theme-4 .energy-courses .section-heading .button,.student-course-actions .button,
 .learning-page .button,.notice-dialog .button{font-size:15px;line-height:1.7;min-height:46px;padding:12px 17px;white-space:normal;gap:10px}
 .plain-link,.text-button,.auth-switch{font-size:15px;line-height:1.9}
 .text-button{min-height:44px}
 .theme-4 .brand,.brand{font-size:16px;line-height:1.65}
 .theme-4 .brand small,.brand small{font-size:12px;line-height:1.7}
 .brand>span{min-width:0;overflow-wrap:anywhere}
 .theme-4 .nav-links,.nav-links{font-size:16px}
 .nav-links>a{min-height:44px;display:flex;align-items:center}
 .eyebrow,.energy-hero>.eyebrow,.theme-4 .energy-hero>.eyebrow{font-size:14px;line-height:1.8;letter-spacing:0}
 .energy-hero>p,.hero-copy>p,.auth-panel>p,.auth-intro p,.description,
 .about-banner p,.theme-4 .about-banner p{font-size:16px;line-height:2}
 .energy-courses .section-heading p,.theme-4 .energy-courses .section-heading p{font-size:15px;line-height:1.9}
 .energy-hero h1{font-size:clamp(30px,8vw,39px);line-height:1.65;letter-spacing:0}
 .energy-note strong{font-size:16px;line-height:1.8}
 .energy-note span{font-size:14px;line-height:1.9}
 .energy-ribbon{grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
 .energy-portrait{grid-column:1/-1;grid-row:1;height:170px}
 .energy-note{padding:16px 12px}
 .phase-tabs a{font-size:15px;padding:10px 15px;min-height:44px}
 .managed-cards .card-title{font-size:max(21px,var(--card-heading,21px));line-height:1.75}
 .managed-cards .card-description,.course-content p{font-size:16px;line-height:1.95;opacity:1;color:var(--card-ink,var(--ink))}
 .card-meta{font-size:14px;line-height:1.9;opacity:1}
 .card-button{font-size:15px;line-height:1.8;min-height:46px;padding:11px 16px}
 .course-chip,.pill,.badge{font-size:13px;line-height:1.8}
 .learning-breadcrumb{font-size:14px;line-height:1.9}
 .learning-kicker,.learning-tags span{font-size:14px;line-height:1.9}
 .learning-hero p,.learning-chapter-body>p,.learning-companion p,.learning-locked p,
 .learning-empty p,.learning-lesson-heading>p,.learning-complete p{font-size:16px;line-height:2;color:#655174}
 .learning-hero h1,.learning-lesson-heading h1{font-size:clamp(28px,7.5vw,34px);line-height:1.7;letter-spacing:0}
 .learning-facts small{font-size:14px;line-height:1.9;color:#655174}
 .learning-facts article{padding:16px 12px;gap:9px;min-width:0}
 .learning-facts article>span{width:32px;height:36px;font-size:22px}
 .learning-facts strong{font-size:27px}
 .learning-section-heading{flex-wrap:wrap;gap:8px}
 .learning-section-heading h2{font-size:23px;line-height:1.8}
 .learning-section-heading>span{font-size:14px}
 .learning-chapter-title strong,.learning-resource strong{font-size:17px;line-height:1.9}
 .learning-chapter-title small,.learning-resource small{font-size:14px;line-height:1.9;color:#6b557b}
 .learning-text-link,.learning-open-lesson,.learning-dashboard-link,.learning-content-nav a,
 .learning-next-prev,.learning-syllabus nav strong{font-size:15px;line-height:1.9}
 .learning-content-nav a{padding:10px 13px;min-height:44px}
 .learning-content-nav b{font-size:14px}
 .learning-syllabus nav a{min-height:48px}
 .learning-file-grid{grid-template-columns:1fr}
 .learning-video-caption h3,.learning-file-card h3{font-size:18px;line-height:1.85}
 .learning-video-caption small,.learning-file-card p{font-size:14px;line-height:1.9;color:#6b557b}
 .student-welcome p,.student-heading>p,.student-notice>p,.student-teacher-note{font-size:16px;line-height:2;color:#655174}
 .student-topline,.student-alert-link,.student-mobile-menu summary,.student-mobile-menu nav a,
 .student-section-title a,.student-course-dates,.student-course-subject,.student-course .badge,
 .student-progress-head,.student-progress-note{font-size:14px;line-height:1.9}
 .student-section-title{flex-wrap:wrap;gap:10px}
 .student-topline{flex-wrap:wrap;gap:12px;align-items:center}
 .student-alert-link{white-space:nowrap;flex-shrink:0;min-height:44px;display:inline-flex;align-items:center;gap:8px}
 .student-empty p{font-size:16px;line-height:2;color:#655174}
 .student-section-title h2{font-size:23px;line-height:1.8}
 .student-metrics article>span,.student-metrics small{font-size:14px;line-height:1.9;color:#655174}
 .student-metrics article{padding:16px 12px}
 .student-metrics strong{font-size:30px}
 .student-mobile-nav a{font-size:12px;line-height:1.8;padding:6px 2px;min-height:58px}
 .student-mobile-menu nav a{min-height:46px;display:flex;align-items:center}
 .student-result h2{font-size:18px;line-height:1.8}
 .student-result>span,.notice-analytics span,.notice-analytics small{font-size:14px;line-height:1.9}
 .notice-dialog>p:not(.hint){font-size:16px;line-height:2;color:#655174}
 .notice-dialog h2{font-size:25px;line-height:1.8}
 .notice-dialog-x{width:44px;height:44px}
 .footer-grid,.footer-grid p,.footer-grid>span{font-size:14px;line-height:1.9}
 .stats-strip span,.feature-list span,.hero-footnote,.learning-cover-caption{font-size:14px;line-height:1.9}
 .feature-list>div,.question h3,.quiz-link,.lesson-row{font-size:16px;line-height:1.9}
 .stats-strip>div{padding:14px 10px;min-width:0}
 .whatsapp{font-size:14px;line-height:1.8;min-height:44px}
 .admin-content,.admin-content p,.admin-content td,.admin-content th,.lesson-editor summary{font-size:15px;line-height:1.9}
 .lesson-upload-box .hint,.lesson-editor-hint{font-size:14px;line-height:1.9}
}
@media screen and (max-width:380px){
 .brand{gap:8px}.theme-4 .brand,.brand{font-size:15px}.brand img{width:36px;height:36px}
 .learning-chapter summary{gap:9px;padding:15px 12px}
 .learning-chapter-number{width:34px;height:38px;font-size:14px}
 .learning-hero{padding:22px 18px}.student-welcome{padding:22px 18px}
 .student-mobile-nav{gap:0;padding-inline:3px}
 .student-mobile-nav a{font-size:12px}
}