/* V8.62 — mobile/PWA presentation only. Desktop begins at 761px unchanged. */ @media (max-width:760px){ body.learning-path-view-active{overflow-x:hidden} body.learning-path-view-active main, body.learning-path-view-active #learningPathView{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important} body.learning-path-view-active #learningPathView{padding-bottom:104px} #learningPathView>.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;margin-bottom:6px} #learningPathView>.section-head h3{font-size:1.35rem;line-height:1.18;margin:4px 0 0} #learningPathView>.section-head .eyebrow{font-size:.68rem;letter-spacing:.08em} #learningPathView>.section-head .backHome{min-height:40px;padding:8px 10px;white-space:nowrap} #learningPathIntro{font-size:.88rem;line-height:1.48;margin:4px 0 12px} #learningPathView .learning-path-toolbar{margin:10px 0 12px;padding:12px;border-radius:15px;overflow:hidden;background:#fff} #learningPathView .learning-path-toolbar>div:first-child{display:block;margin-bottom:9px} #learningPathLevelCaption{display:block;margin-bottom:3px} #learningPathLevelLabel{display:block;font-size:1rem;line-height:1.32} #learningPathLevels{display:flex!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:2px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch} #learningPathLevels::-webkit-scrollbar{display:none} #learningPathLevels button{flex:0 0 auto;min-height:42px;padding:8px 13px!important;border-radius:13px!important;font-size:.78rem!important;line-height:1.15;scroll-snap-align:start;box-shadow:0 1px 0 rgba(8,90,52,.04)} #learningPathLevelHint{font-size:.78rem!important;line-height:1.42;margin-top:3px!important} #learningPathView .learning-path-level-info{padding:10px 11px;margin-top:9px;border-radius:11px} #learningPathView .learning-path-level-info strong{font-size:.9rem} #learningPathView .learning-path-level-info span{font-size:.79rem;line-height:1.42} #learningPathView .learning-path-progress-summary{margin:10px 0 14px;padding:12px;border-radius:14px} #learningPathView .learning-path-progress-summary>div:first-child{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center} #learningPathView .learning-path-progress-summary small{grid-column:1/-1;font-size:.72rem} #learningPathView .learning-path-progress-summary strong{font-size:1.12rem} #learningPathView .learning-path-progress-summary span{font-size:.8rem;text-align:right} #learningPathCards>.lp-u-topic-header{margin:0 0 10px!important;padding:0 2px} #learningPathCards>.lp-u-topic-header small{font-size:.68rem;letter-spacing:.06em} #learningPathCards>.lp-u-topic-header h4{font-size:1.08rem;line-height:1.3;margin:4px 0} #learningPathCards>.lp-u-topic-header p{font-size:.82rem;line-height:1.42} #learningPathCards .lp-u-topic-grid{grid-template-columns:1fr!important;gap:9px!important} #learningPathCards .lp-u-topic-card{grid-template-columns:42px minmax(0,1fr);gap:11px;min-height:106px;padding:13px;border-radius:15px;align-items:start;box-shadow:0 3px 12px rgba(10,82,49,.035)} #learningPathCards .lp-u-topic-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf9f2;font-size:1.35rem} #learningPathCards .lp-u-topic-card small{font-size:.67rem;letter-spacing:.04em} #learningPathCards .lp-u-topic-card strong{font-size:.98rem;line-height:1.28;margin:3px 0} #learningPathCards .lp-u-topic-card em{font-size:.76rem;line-height:1.25} #learningPathCards .lp-u-topic-card p{font-size:.77rem;line-height:1.38;margin:5px 0} #learningPathLesson{margin-top:7px} #learningPathLesson>.lp-u-back{position:sticky;top:62px;z-index:30;min-height:40px;margin:0 0 9px;padding:8px 11px;border:1px solid #cee5d8;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 5px 16px rgba(14,73,48,.09);backdrop-filter:blur(8px)} #learningPathLesson .lp-u-hero{border-radius:15px;margin-bottom:10px} #learningPathLesson .lp-u-hero img{min-height:145px;max-height:170px} #learningPathLesson .lp-u-hero>div{padding:14px} #learningPathLesson .lp-u-hero h3{font-size:1.28rem;line-height:1.25;margin:4px 0 8px} #learningPathLesson .lp-u-hero p{font-size:.86rem;line-height:1.45} #learningPathLesson .lp-u-flow{font-size:.75rem;line-height:1.45;margin-top:9px} #learningPathLesson .a0-native-guide{margin:10px 0;padding:12px;border-radius:15px;gap:10px} #learningPathLesson .a0-guide-image{height:132px} #learningPathLesson .a0-guide-head{gap:9px} #learningPathLesson .a0-guide-head>span{width:38px;height:38px;flex-basis:38px;font-size:20px} #learningPathLesson .a0-guide-head strong{font-size:.9rem;line-height:1.35} #learningPathLesson .a0-guide-head p{font-size:.76rem;line-height:1.4} #learningPathLesson .lp-u-section{margin:10px 0;padding:12px;border-radius:15px;overflow:hidden} #learningPathLesson .lp-u-head{gap:9px;margin-bottom:10px} #learningPathLesson .lp-u-head>span{font-size:1.15rem} #learningPathLesson .lp-u-head strong{font-size:.98rem;line-height:1.3} #learningPathLesson .lp-u-head p{font-size:.79rem;line-height:1.4} #learningPathLesson .lp-u-head>.lp-ac6-ask{margin-left:29px!important;margin-top:1px;min-height:38px} #learningPathLesson .a0-native-instruction{margin:0 0 10px;padding:8px 9px;font-size:.77rem;line-height:1.4} #learningPathLesson .lp-u-vocab-grid{grid-template-columns:1fr;gap:8px} #learningPathLesson .lp-u-vocab-grid article, #learningPathLesson .lp-u-task, #learningPathLesson .lp-u-writing, #learningPathLesson .lp-u-practice{padding:11px;border-radius:12px} #learningPathLesson .lp-u-example{font-size:.86rem;line-height:1.5} #learningPathLesson .ielts-item-actions, #learningPathLesson .lp-reading-actions, #learningPathLesson .ielts-mini-actions, #learningPathLesson .lp-ac10-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;width:100%} #learningPathLesson .ielts-item-actions>button, #learningPathLesson .lp-reading-actions>button, #learningPathLesson .ielts-mini-actions>button, #learningPathLesson .lp-ac10-actions>button{width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:9px 8px!important;white-space:normal;line-height:1.25;font-size:.78rem} #learningPathLesson .lp-reading-record, #learningPathLesson .lp-u-q-answer, #learningPathLesson .lp-v-check-writing, #learningPathLesson .lp-u-live-btn{grid-column:1/-1} #learningPathLesson .lp-reading-zero{padding:12px} #learningPathLesson .lp-reading-targets{display:flex;gap:6px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none} #learningPathLesson .lp-reading-targets::-webkit-scrollbar{display:none} #learningPathLesson .lp-reading-targets>span{flex:0 0 auto;max-width:88%;font-size:.72rem;white-space:normal} #learningPathLesson .lp-reading-body{font-size:.96rem!important;line-height:1.82!important;padding:13px 11px!important;border-radius:12px;overflow-wrap:anywhere} #learningPathLesson .lp-reading-word{padding-block:2px} #learningPathLesson .lp-reading-audio-status{display:block;margin:7px 0;font-size:.75rem} #learningPathLesson .lp-reading-question{padding:11px} #learningPathLesson .lp-reading-options{display:grid;grid-template-columns:1fr;gap:7px} #learningPathLesson .lp-reading-options button{min-height:43px;text-align:left} #learningPathLesson .lp-ac10-writing-brief{padding:11px;gap:10px;border-radius:13px} #learningPathLesson .lp-ac10-writing-top{align-items:flex-start} #learningPathLesson .lp-ac10-writing-brief h4{font-size:.92rem;line-height:1.42} #learningPathLesson .lp-ac10-targets{grid-template-columns:1fr;gap:8px} #learningPathLesson .lp-ac10-targets>div, #learningPathLesson .lp-ac10-frame{padding:10px} #learningPathLesson .lp-u-writing textarea{min-height:150px!important;font-size:16px!important;padding:12px} #learningPathLesson .lp-u-live{grid-template-columns:38px minmax(0,1fr);padding:13px;border-radius:15px} #learningPathLesson .lp-u-live p{font-size:.8rem;line-height:1.42} #learningPathView .learning-path-history{padding:12px;margin-top:14px;border-radius:14px} #learningPathView .learning-path-history-head{gap:7px} #learningPathView #learningPathHistoryCount{white-space:normal;text-align:right;font-size:.72rem} #learningPathView .learning-path-history-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px} #learningPathView .learning-path-history-toolbar #learningPathHistoryViewAll{grid-column:1/-1;min-height:42px} body.learning-path-view-active .pwa-install-btn{right:8px!important;bottom:66px!important;width:46px!important;height:46px!important;max-width:46px!important;padding:0!important;border-radius:50%!important;font-size:0!important;overflow:hidden!important;box-shadow:0 7px 20px rgba(6,90,50,.2)!important} body.learning-path-view-active .pwa-install-btn::before{content:"📲";font-size:20px;line-height:1} body.learning-path-view-active .help-contact-fab{right:8px!important;bottom:12px!important;width:46px!important;height:46px!important;padding:0!important;border-radius:50%!important;font-size:0!important;overflow:hidden!important} body.learning-path-view-active .help-contact-fab::before{content:"?";font-size:20px;font-weight:900;color:#d92d4c} } @media (max-width:390px){ #learningPathView>.section-head{grid-template-columns:1fr} #learningPathView>.section-head .backHome{justify-self:start} #learningPathLesson .ielts-item-actions, #learningPathLesson .lp-reading-actions, #learningPathLesson .ielts-mini-actions, #learningPathLesson .lp-ac10-actions{grid-template-columns:1fr} #learningPathLesson .lp-reading-record, #learningPathLesson .lp-u-q-answer, #learningPathLesson .lp-v-check-writing{grid-column:auto} }