/* DHHD Mobile Navigation 3.0 */
.dhhd-mnav3{display:none}
@media(max-width:849px){
html.dhhd-mnav3-lock,html.dhhd-mnav3-lock body{overflow:hidden!important}
body.dhhd-mnav3-active{padding-bottom:78px!important}
body.dhhd-mnav3-active.dhhd-mnav3-replace-header #header,
body.dhhd-mnav3-active.dhhd-mnav3-replace-header .header-wrapper,
body.dhhd-mnav3-active.dhhd-mnav3-replace-header #masthead{display:none!important}
body.dhhd-mnav3-active .dhhd-contact-mobile-bar{display:none!important}
body.dhhd-mnav3-active .dhhd-mobile-bottom-nav,
body.dhhd-mnav3-active .dhhd-mobile-nav,
body.dhhd-mnav3-active .dhhd-mobile-app-nav{display:none!important}
.dhhd-mnav3{display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#263c57}
.dhhd-mnav3 *{box-sizing:border-box}
.dhhd-mnav3 button,.dhhd-mnav3 a{font:inherit}
.dhhd-mnav3 svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dhhd-mnav3-preview{position:fixed;z-index:1000000;top:5px;left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:999px;background:#111827;color:#fff;font-size:8px;font-weight:800;white-space:nowrap}
.dhhd-mnav3-top{height:62px;display:grid;align-items:center;gap:8px;padding:7px 12px;position:sticky;top:0;z-index:99990;background:rgba(255,255,255,.97);border-bottom:1px solid #e3eaf2;box-shadow:0 4px 18px rgba(17,75,139,.065);backdrop-filter:blur(14px)}
.admin-bar .dhhd-mnav3-top{top:46px}
.dhhd-mnav3-iconbtn,.dhhd-mnav3-call{width:40px;height:40px;border:0;border-radius:12px;display:grid;place-items:center;background:#f3f7fb;color:var(--dhhd-mnav-blue);padding:0}
.dhhd-mnav3-call{background:var(--dhhd-mnav-red);color:#fff}
.dhhd-mnav3-logo{height:46px;display:flex;align-items:center;justify-content:flex-start;overflow:visible;min-width:0}
.dhhd-mnav3-logo img{display:block;width:auto;height:auto;max-width:min(190px,52vw);max-height:44px;object-fit:contain;object-position:left center}
.dhhd-mnav3-logo strong{color:var(--dhhd-mnav-blue);font-size:13px;line-height:1.05}
.dhhd-mnav3-top-actions{display:flex;gap:6px}
.dhhd-mnav3-backdrop{position:fixed;inset:0;z-index:99991;background:rgba(8,26,49,.48);opacity:0;visibility:hidden;transition:.22s;backdrop-filter:blur(2px)}
.dhhd-mnav3.is-open .dhhd-mnav3-backdrop{opacity:1;visibility:visible}
.dhhd-mnav3-sheet{position:fixed;z-index:99992;left:8px;right:8px;bottom:8px;max-height:min(84vh,720px);overflow:auto;background:#fff;border-radius:24px;padding:7px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 25px 80px rgba(5,35,73,.28);transform:translateY(calc(100% + 30px));opacity:0;visibility:hidden;transition:transform .25s ease,opacity .2s ease,visibility .2s}
.dhhd-mnav3-sheet.active{transform:none;opacity:1;visibility:visible}
.dhhd-mnav3-sheet.compact{max-height:min(72vh,610px)}
.sheet-handle{width:42px;height:4px;border-radius:99px;background:#dce4ec;margin:3px auto 12px}
.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}
.sheet-head>div>span{display:block;color:var(--dhhd-mnav-red);font-size:9px;font-weight:900;letter-spacing:.09em}
.sheet-head h2{margin:3px 0 0;color:#123f74;font-size:22px;line-height:1.18;letter-spacing:-.02em}
.sheet-head>button{width:36px;height:36px;border:0;border-radius:10px;background:#f3f6f9;color:#526a83;display:grid;place-items:center;padding:0}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}
.quick-grid>a,.quick-grid>button{border:1px solid #dfe7ef;border-radius:15px;background:#f8fbfe;min-height:72px;padding:11px;display:flex;align-items:center;gap:9px;text-align:left;color:#294866;text-decoration:none}
.quick-grid i{width:35px;height:35px;border-radius:10px;background:#eaf3fd;color:var(--dhhd-mnav-blue);display:grid;place-items:center;font-style:normal}
.quick-grid .flag{font-size:27px;line-height:1}.quick-grid span{font-size:11px;font-weight:800;line-height:1.3}
.menu-groups{display:grid;gap:8px}
.menu-groups details{border:1px solid #dde6ef;border-radius:15px;background:#fff;overflow:hidden}
.menu-groups summary{list-style:none;min-height:50px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;color:#234766;font-size:13px;font-weight:850;cursor:pointer}
.menu-groups summary::-webkit-details-marker{display:none}.menu-groups summary>span{display:flex;align-items:center;gap:9px}.menu-groups summary>svg{width:17px;transition:.2s}.menu-groups details[open] summary>svg{transform:rotate(90deg)}
.country-dot{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:9px}.country-dot.korea{background:#1f5ca8}.country-dot.taiwan{background:#e3323e}
.menu-groups details>div{padding:0 13px 10px 53px;display:grid}
.menu-groups details>div a{padding:9px 0;border-top:1px solid #edf1f5;color:#557087;text-decoration:none;font-size:11px;font-weight:650}
.secondary-links{display:grid;margin-top:12px;border-top:1px solid #e7edf3}
.secondary-links a{height:45px;display:grid;grid-template-columns:24px 1fr 18px;gap:7px;align-items:center;border-bottom:1px solid #edf1f5;color:#3e5c78;text-decoration:none;font-size:11px;font-weight:750}
.secondary-links svg:last-child{width:15px}
.school-choices{display:grid;gap:9px}.school-choices>a{display:grid;grid-template-columns:48px 1fr 20px;gap:10px;align-items:center;padding:14px;border:1px solid #dfe7ef;border-radius:16px;background:#f9fbfd;text-decoration:none;color:#2e506e}.school-choices b{font-size:30px}.school-choices strong,.action-list strong{display:block;color:#1d436b;font-size:13px}.school-choices small,.action-list small{display:block;margin-top:2px;color:#71849a;font-size:9.5px}
.mobile-search-form{margin-top:13px;display:grid;grid-template-columns:1fr auto;gap:7px}.mobile-search-form input{height:45px;border:1px solid #d7e2ed!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;padding:0 12px!important;font-size:12px!important}.mobile-search-form>button{height:45px;border:0;border-radius:11px;background:var(--dhhd-mnav-blue);color:#fff;padding:0 14px;font-size:10px;font-weight:850;display:flex;align-items:center;gap:5px}
.mobile-search-form.prominent{display:block}.mobile-search-form.prominent>div{height:49px;border:2px solid #d9e5f0;border-radius:13px;display:grid;grid-template-columns:1fr 47px;overflow:hidden}.mobile-search-form.prominent input{height:45px;border:0!important}.mobile-search-form.prominent button{border:0;background:var(--dhhd-mnav-blue);color:#fff;display:grid;place-items:center}
.search-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.search-shortcuts a{padding:7px 10px;border-radius:999px;background:#f1f6fb;color:#45627e;text-decoration:none;font-size:9px;font-weight:800}
.action-list{display:grid;gap:8px}.action-list>a,.action-list>button{width:100%;display:grid;grid-template-columns:42px 1fr 18px;gap:10px;align-items:center;padding:12px;border:1px solid #dfe7ef;border-radius:15px;background:#fff;color:#2c506e;text-align:left;text-decoration:none}.action-list i{width:40px;height:40px;border-radius:11px;background:#edf5fd;color:var(--dhhd-mnav-blue);display:grid;place-items:center;font-style:normal}.action-list>button{cursor:pointer}
.contact-primary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact-primary>a{min-height:76px;border-radius:16px;padding:12px;display:flex;align-items:center;gap:10px;text-decoration:none}.contact-primary .phone{background:#eef6ff;color:#1d568c}.contact-primary .zalo{background:#eaf5ff;color:#0874c9}.contact-primary>a>svg,.contact-primary>a>b{width:37px;height:37px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:18px}.contact-primary small{display:block;font-size:8px;opacity:.75}.contact-primary strong{display:block;margin-top:2px;font-size:13px}
.contact-more{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.contact-more a{min-height:66px;border:1px solid #e0e7ee;border-radius:13px;background:#fafcfe;color:#496781;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;text-align:center}.contact-more a>b{font-size:9px}.contact-more a>span{font-size:8px;font-weight:800}
.dhhd-mnav3-bottom{position:fixed;z-index:99989;left:7px;right:7px;bottom:max(6px,env(safe-area-inset-bottom));height:66px;padding:4px;border:1px solid #dce5ee;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 12px 38px rgba(8,48,97,.18);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(5,1fr);align-items:end}
.dhhd-mnav3-bottom>a,.dhhd-mnav3-bottom>button{height:57px;border:0;background:transparent;color:#61768d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;padding:0;font-size:8px;font-weight:800;position:relative}
.dhhd-mnav3-bottom svg{width:19px;height:19px}.dhhd-mnav3-bottom .center-action{overflow:visible}.dhhd-mnav3-bottom .center-action i{width:42px;height:42px;border-radius:15px;margin-top:-17px;background:linear-gradient(145deg,var(--dhhd-mnav-blue),#073775);color:#fff;box-shadow:0 7px 18px rgba(17,75,139,.27);display:grid;place-items:center;font-style:normal;border:3px solid #fff}.dhhd-mnav3-bottom .center-action span{margin-top:1px}.dhhd-mnav3-bottom .center-action svg{width:20px}
.dhhd-mnav3-bottom .active{color:var(--dhhd-mnav-blue)}
.dhhd-mnav3-bottom button[data-dhhd-nav="contact"]{color:var(--dhhd-mnav-red)}
}
@media(min-width:850px){.dhhd-mnav3{display:none!important}}

/* v3.0.1 - Bottom navigation owns Menu. Top header stays clean. */
@media(max-width:849px){
 .dhhd-mnav3-top.no-top-menu{grid-template-columns:1fr auto}
 .dhhd-mnav3-top.has-top-menu{grid-template-columns:42px 1fr auto}
 .dhhd-mnav3-top.no-top-menu .dhhd-mnav3-logo{padding-left:2px}
}

/* v3.0.2 - full horizontal DHHD logo */
@media(max-width:390px){
 .dhhd-mnav3-logo img{max-width:155px;max-height:40px}
 .dhhd-mnav3-top-actions{gap:4px}
 .dhhd-mnav3-iconbtn,.dhhd-mnav3-call{width:38px;height:38px}
}