.ml-mobile-header{display:none!important}
@media(max-width:767px){
 body header.ml-mobile-replaced{display:none!important}
 body .ml-mobile-header{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:0 12px;width:100%;max-width:100%;padding:5px 16px;background:#fff;border-bottom:1px solid #e1e7ef;box-sizing:border-box;position:relative;z-index:50;margin:0!important;font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif}
 body .ml-mobile-header .ml-mobile-logo{display:flex!important;align-items:center;width:160px;max-width:100%;height:54px;padding:0!important;background:none!important}
 body .ml-mobile-header .ml-mobile-logo img{display:block;width:160px;height:54px;object-fit:contain}
 body .ml-mobile-header a::before{display:none!important}
 body .ml-mobile-header .ml-mobile-toggle{display:flex;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #d4dce8;border-radius:6px;background:#fff;color:#162b45;cursor:pointer;box-shadow:none}
 body .ml-mobile-header .ml-mobile-toggle svg{width:24px;height:24px;flex:none}
 body .ml-mobile-header #ml-mobile-menu{grid-column:1/-1;display:grid!important;grid-template-columns:1fr;gap:0;padding:8px 0 12px;width:100%;border-top:1px solid #e8edf4;margin-top:5px}
 body .ml-mobile-header #ml-mobile-menu[hidden]{display:none!important}
 body .ml-mobile-header #ml-mobile-menu a{display:flex!important;gap:12px;align-items:center;min-height:48px;padding:10px 12px!important;margin:0!important;font-size:16px!important;line-height:1.5!important;font-weight:500!important;letter-spacing:0!important;white-space:nowrap;color:#172e4a!important;text-decoration:none!important;border:0!important;border-radius:6px;box-sizing:border-box;background:white}
 body .ml-mobile-header #ml-mobile-menu a svg{width:20px;height:20px;flex:0 0 20px}
 body .ml-mobile-header #ml-mobile-menu a:hover,body .ml-mobile-header #ml-mobile-menu a[aria-current=page]{background:#eff4ff;color:#2455ce!important}
 body .ml-mobile-header :focus-visible{outline:2px solid #315bdc;outline-offset:2px}
 body .ml h1,body .mlq main h1{font-size:32px!important;line-height:1.3!important;letter-spacing:-.8px!important;word-break:keep-all}
 body .ml h2,body .mlq main h2{font-size:24px;line-height:1.4;word-break:keep-all}
 body .ml p,body .mlq main p{font-size:15px;line-height:1.8;word-break:keep-all;overflow-wrap:break-word}
 body .ml .ml-eyebrow,body .ml .ml-story-label{font-size:12px!important;line-height:1.6!important}
 body .ml .ml-btn,body .ml button,body .mlq main button{min-height:44px;font-size:14px}
 body .ml input,body .ml select,body .mlq input,body .mlq select,body .mlq textarea,body #tutor-registration-form input:not([type=checkbox]),body #tutor-login-form input:not([type=checkbox]){font-size:16px!important}
 body #tutor-registration-form #ml-agreements label{font-size:14px!important;line-height:1.7!important;min-height:32px}
 body #tutor-registration-form #ml-agreements details,body #tutor-registration-form .ml-consent-note,body #tutor-registration-form .ml-legal-text{font-size:13px!important;line-height:1.8!important}
 body #tutor-registration-form #ml-agreements input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px!important}
 body .ml-footer p,body .ml-footer a,body #mlq-shared-footer p,body #mlq-shared-footer a{font-size:13px!important;line-height:1.8!important}
 body .ml-footer-links,body #mlq-shared-footer .ml-footer-links{gap:10px 16px!important;flex-wrap:wrap!important}
 body .ml-footer-links a{min-height:36px;display:inline-flex;align-items:center}
 body .ml-detail-menu{display:flex;flex-wrap:wrap;gap:8px}
 body .ml-detail-menu a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:360px){body .ml h1,body .mlq main h1{font-size:28px!important}body .ml-mobile-header{padding-left:12px;padding-right:12px}}

/* Match the reference site's actual 75% mobile presentation, including spacing. */
@media(max-width:767px){
 body > .wp-site-blocks,body > .tutor-dashboard-layout{zoom:.75}
 body .ml-mobile-header{padding:3px 16px;grid-template-columns:minmax(0,1fr) 40px}
 body .ml-mobile-header .ml-mobile-logo,body .ml-mobile-header .ml-mobile-logo img{width:128px;height:48px}
 body .ml-mobile-header .ml-mobile-toggle{width:40px;height:40px;min-height:40px;padding:8px}
 body .ml-mobile-header #ml-mobile-menu a{min-height:44px;padding:8px 12px!important;font-size:16px!important;gap:10px}
 body .ml-mobile-header #ml-mobile-menu a svg{width:18px;height:18px;flex-basis:18px}
 body .ml h1,body .mlq main h1{font-size:28px!important;line-height:1.35!important}
 body .ml h2,body .mlq main h2{font-size:22px!important;line-height:1.4!important}
 body .ml h3{font-size:20px;line-height:1.5}
 body .ml p,body .mlq main p{font-size:15px;line-height:1.7}
 body .ml-detail-hero{padding-top:36px!important;padding-bottom:36px!important}
 body .ml-detail-section{padding-top:40px!important;padding-bottom:40px!important}
}

/* Footer logos are background images; their text must stay visually hidden. */
@media(max-width:767px){
 body footer.ml-footer a.ml-logo,
 body footer.ml-footer a.ml-logo span,
 body #mlq-shared-footer a.ml-logo,
 body #mlq-shared-footer a.ml-logo span,
 body footer a.mlq-logo,
 body footer a.mlq-logo span{font-size:0!important;line-height:0!important;color:transparent!important;letter-spacing:0!important;text-shadow:none!important}
 body footer.ml-footer a.ml-logo,body #mlq-shared-footer a.ml-logo,body footer a.mlq-logo{background-repeat:no-repeat!important;background-size:contain!important;background-position:left center!important}
}