/* Header konsisten MTsN 9 Tabalong: identitas hijau-emas, alignment, dan responsif. */
.m9-header{box-shadow:0 7px 24px rgba(4,52,37,.09)!important}
.m9-header .m9-header-top{background:#073b2d!important;color:#e6f1e9!important}
.m9-header .m9-mainbar{background:#fff!important;border-bottom:2px solid #d8c078!important}
.m9-header .m9-main-inner{width:min(1280px,calc(100% - 40px))!important;min-height:88px!important;gap:clamp(12px,2vw,26px)!important}
.m9-header .m9-brand{min-width:0!important;gap:12px!important;flex:1 1 300px!important}
.m9-header .m9-brand img{width:62px!important;height:62px!important;object-fit:contain!important}
.m9-header .m9-brand-text strong{font-size:clamp(16px,1.5vw,20px)!important;color:#075c3e!important;line-height:1.2!important}
.m9-header .m9-brand-text span{font-size:9px!important;letter-spacing:.045em!important}
.m9-header .m9-nav-list{gap:4px!important}
.m9-header .m9-nav-link,.m9-header .m9-profile-toggle{min-height:40px!important;padding:9px 11px!important;border-radius:10px!important;font-size:11px!important}
.m9-header .m9-nav-link.m9-active{background:#08764b!important;box-shadow:inset 0 -2px #d4b65c!important}
.admin-shell .top{min-height:82px;display:flex;align-items:center;gap:16px;border-bottom:2px solid #d8c078!important;padding:16px clamp(16px,2.5vw,34px)!important}
.admin-shell .top>div:nth-child(2){min-width:0;flex:1}
.admin-shell .top h1{font-size:clamp(19px,2vw,27px)!important;line-height:1.25!important;margin:4px 0 0!important;overflow-wrap:anywhere}
.admin-shell .top .eyebrow{font-size:9px!important;letter-spacing:.16em!important;color:#a17c25!important}
.admin-shell .side-brand{display:flex;align-items:center;gap:12px!important;min-height:94px}
.admin-shell .side-brand img{width:48px!important;height:48px!important;object-fit:contain;flex:0 0 48px}
.admin-shell .side-brand>div{min-width:0}
.admin-shell .side-brand strong{display:block;line-height:1.35;overflow-wrap:anywhere}
.admin-shell .side-brand span{display:block;font-size:9px!important;margin-top:4px}
@media(max-width:900px){.m9-header .m9-main-inner{width:calc(100% - 28px)!important;min-height:74px!important;gap:10px!important}.m9-header .m9-brand img{width:48px!important;height:48px!important}.m9-header .m9-brand-text strong{font-size:15px!important}.admin-shell .top{min-height:72px;padding:12px 16px!important}.admin-shell .side-brand{min-height:76px}}
@media(max-width:560px){.m9-header .m9-header-top-inner{width:calc(100% - 24px)!important}.m9-header .m9-main-inner{width:calc(100% - 22px)!important;min-height:68px!important}.m9-header .m9-brand{gap:8px!important}.m9-header .m9-brand img{width:42px!important;height:42px!important}.m9-header .m9-brand-text strong{font-size:13px!important;letter-spacing:-.02em!important}.m9-header .m9-brand-text span{font-size:7px!important;line-height:1.25!important}.admin-shell .top{padding:11px 12px!important;gap:8px!important}.admin-shell .top h1{font-size:17px!important}.admin-shell .top .view{padding:8px 9px!important;font-size:10px!important;white-space:nowrap}.admin-shell .side-brand img{width:42px!important;height:42px!important;flex-basis:42px}}

/* Referensi header utama: logo di kiri, navigasi sejajar di kanan, aktif hijau dengan aksen emas. */
.m9-header .m9-mainbar{background:#fff!important;border-bottom:1px solid #e4d3a0!important;box-shadow:none!important}
.m9-header .m9-main-inner{width:calc(100% - 20px)!important;max-width:1600px!important;min-height:80px!important;margin-inline:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.m9-header .m9-brand{flex:0 0 auto!important;min-width:0!important;gap:12px!important;margin:0!important}
.m9-header .m9-brand img{width:60px!important;height:60px!important;flex:0 0 60px!important;object-fit:contain!important}
.m9-header .m9-brand-text{min-width:0!important}
.m9-header .m9-brand-text strong{font-size:clamp(16px,1.35vw,20px)!important;line-height:1.15!important;letter-spacing:-.035em!important;color:#075c3e!important}
.m9-header .m9-brand-text span{font-size:9px!important;line-height:1.3!important;letter-spacing:.035em!important;margin-top:5px!important}
.m9-header .m9-nav{flex:1 1 auto!important;min-width:0!important}
.m9-header .m9-nav-list{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:4px!important}
.m9-header .m9-nav-link,.m9-header .m9-profile-toggle{min-height:40px!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:11px!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important;white-space:nowrap!important}
.m9-header .m9-nav-link.m9-active{background:#087a4b!important;color:#fff!important;border-color:#087a4b!important;box-shadow:inset 0 -2px #d8bd64!important}
.m9-header .m9-profile-toggle{background:#edf8f2!important;color:#087a4b!important;border-color:#d8eee2!important}
.m9-header .m9-nav-icon{font-size:11px!important}
@media(max-width:1100px) and (min-width:901px){
 .m9-header .m9-main-inner{gap:12px!important;width:calc(100% - 16px)!important}
 .m9-header .m9-brand img{width:52px!important;height:52px!important;flex-basis:52px!important}
 .m9-header .m9-brand{gap:8px!important}
 .m9-header .m9-brand-text strong{font-size:16px!important}
 .m9-header .m9-brand-text span{font-size:8px!important}
 .m9-header .m9-nav-link,.m9-header .m9-profile-toggle{padding-inline:7px!important;font-size:10px!important}
}
@media(max-width:900px){
 .m9-header .m9-main-inner{width:calc(100% - 28px)!important;min-height:72px!important;gap:10px!important}
 .m9-header .m9-brand img{width:48px!important;height:48px!important;flex-basis:48px!important}
 .m9-header .m9-brand-text strong{font-size:15px!important}
 .m9-header .m9-brand-text span{font-size:8px!important}
}

/* Header publik mengikuti komposisi header Beranda */
.m9-header{box-shadow:0 5px 22px rgba(5,45,34,.08)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important}
.m9-header .m9-header-top{background:#032b20!important;color:#d7f5e6!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.m9-header .m9-header-top-inner{width:calc(100% - 36px)!important;max-width:1800px!important;min-height:64px!important;gap:18px!important}
.m9-header .m9-top-info{gap:24px!important;font-size:14px!important;color:#d8f6e6!important}
.m9-header .m9-top-info span{overflow:visible!important;text-overflow:clip!important}
.m9-header .m9-top-actions{display:flex;align-items:center;gap:18px;flex:none}
.m9-header .m9-pmbm-ticker{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:30px;background:#064b35;border:1px solid #087a55;color:#ffe45e;font-size:14px;font-weight:700;white-space:nowrap}
.m9-header .m9-pmbm-ticker i{display:block;width:19px;height:19px;border-radius:50%;background:#668c63;flex:none}
.m9-header .m9-mainbar{background:#fff!important;border-bottom:1px solid #e6d59e!important}
.m9-header .m9-main-inner{width:calc(100% - 48px)!important;max-width:1800px!important;min-height:120px!important;gap:22px!important}
.m9-header .m9-brand{flex:0 1 auto!important;min-width:240px!important;gap:14px!important}
.m9-header .m9-brand img{width:72px!important;height:72px!important;border-radius:50%!important;border:1px solid #e5f3eb!important;padding:3px!important}
.m9-header .m9-brand-text strong{display:flex!important;align-items:center;gap:12px;color:#052f23!important;font-size:27px!important;font-weight:850!important;letter-spacing:-.045em!important;line-height:1.15!important}
.m9-header .m9-brand-text span{font-size:13px!important;color:#078052!important;letter-spacing:.075em!important;font-weight:800!important;text-transform:uppercase!important;line-height:1.55!important;margin-top:3px!important}
.m9-header .m9-accreditation{display:inline-block;background:#f5ca48;color:#1d2a1e;font-size:12px;font-style:normal;font-weight:900;letter-spacing:0;padding:7px 10px;border-radius:7px;white-space:nowrap}
.m9-header .m9-nav{flex:1 1 auto!important;min-width:0!important}
.m9-header .m9-nav-list{justify-content:flex-end!important;gap:5px!important}
.m9-header .m9-nav-link,.m9-header .m9-profile-toggle{min-height:48px!important;padding:12px 13px!important;border-radius:11px!important;font-size:15px!important;font-weight:750!important;color:#3b4655!important;text-transform:uppercase!important;letter-spacing:.01em!important}
.m9-header .m9-nav-link.m9-active{background:#087a4b!important;color:#fff!important;box-shadow:inset 0 -3px #e2c65f!important}
.m9-header .m9-login-link{display:flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;min-width:225px;min-height:86px;padding:15px 22px;border:1px solid #087a4b;border-radius:18px;background:#00523b;color:#fff;text-decoration:none;font-size:18px;font-weight:850;line-height:1.25;box-shadow:0 4px 8px #003c2a26}
.m9-header .m9-login-icon{color:#f5d34f;font-size:23px}
@media(max-width:1500px){.m9-header .m9-main-inner{gap:14px!important}.m9-header .m9-brand{min-width:210px!important;gap:10px!important}.m9-header .m9-brand img{width:60px!important;height:60px!important}.m9-header .m9-brand-text strong{font-size:21px!important}.m9-header .m9-brand-text span{font-size:10px!important}.m9-header .m9-accreditation{font-size:9px;padding:5px 7px}.m9-header .m9-nav-link,.m9-header .m9-profile-toggle{font-size:12px!important;padding:10px 8px!important}.m9-header .m9-login-link{min-width:175px;min-height:70px;font-size:14px;padding:12px}}
@media(max-width:1050px){.m9-header .m9-header-top-inner{min-height:48px!important;width:calc(100% - 28px)!important}.m9-header .m9-top-info{font-size:11px!important;gap:12px!important}.m9-header .m9-pmbm-ticker{display:none}.m9-header .m9-main-inner{min-height:84px!important;width:calc(100% - 28px)!important}.m9-header .m9-brand-text strong{font-size:18px!important}.m9-header .m9-brand-text span{font-size:9px!important}.m9-header .m9-accreditation{display:none}.m9-header .m9-login-link{display:none!important}}
@media(max-width:600px){.m9-header .m9-header-top-inner{width:calc(100% - 20px)!important}.m9-header .m9-contact-desktop{display:none!important}.m9-header .m9-main-inner{min-height:76px!important}.m9-header .m9-brand img{width:48px!important;height:48px!important}.m9-header .m9-brand-text strong{font-size:16px!important}.m9-header .m9-brand-text span{font-size:8px!important;letter-spacing:.02em!important}}

/* Penyempurnaan identitas/logo: judul tidak bertabrakan dengan badge akreditasi. */
.m9-header .m9-brand{
  flex:0 0 370px!important;
  min-width:320px!important;
  max-width:390px!important;
  gap:14px!important;
  align-items:center!important;
}
.m9-header .m9-brand img{
  width:72px!important;height:72px!important;flex:0 0 72px!important;
  border-radius:50%!important;border:1px solid #d9f2e4!important;padding:4px!important;
  object-fit:contain!important;
}
.m9-header .m9-brand-text{display:block!important;min-width:0!important;flex:1 1 auto!important}
.m9-header .m9-brand-text strong{
  display:block!important;color:#052f23!important;font-size:27px!important;
  font-weight:850!important;letter-spacing:-.045em!important;line-height:1.12!important;
  white-space:normal!important;overflow-wrap:normal!important;
}
.m9-header .m9-accreditation{
  float:right!important;display:block!important;max-width:100px!important;
  white-space:normal!important;line-height:1.35!important;text-align:left!important;
  margin:2px 0 3px 8px!important;padding:7px 9px!important;font-size:12px!important;
}
.m9-header .m9-brand-text>span{
  display:block!important;margin-top:5px!important;color:#078052!important;
  font-size:13px!important;font-weight:800!important;letter-spacing:.075em!important;
  line-height:1.45!important;white-space:normal!important;
}
@media(max-width:1500px){
 .m9-header .m9-brand{flex-basis:310px!important;min-width:290px!important;gap:10px!important}
 .m9-header .m9-brand img{width:60px!important;height:60px!important;flex-basis:60px!important}
 .m9-header .m9-brand-text strong{font-size:22px!important}
 .m9-header .m9-accreditation{max-width:92px!important;font-size:11px!important;padding:6px 8px!important}
 .m9-header .m9-brand-text>span{font-size:11px!important;letter-spacing:.055em!important}
}
@media(max-width:1050px){
 .m9-header .m9-brand{flex:1 1 auto!important;min-width:0!important;max-width:none!important}
 .m9-header .m9-brand-text strong{font-size:18px!important}
 .m9-header .m9-accreditation{display:none!important}
 .m9-header .m9-brand-text>span{font-size:9px!important}
}
@media(max-width:600px){
 .m9-header .m9-brand img{width:48px!important;height:48px!important;flex-basis:48px!important}
 .m9-header .m9-brand-text strong{font-size:16px!important}
 .m9-header .m9-brand-text>span{font-size:8px!important;letter-spacing:.02em!important}
}

/* FINAL HEADER: desain beranda diterapkan konsisten pada semua halaman publik. */
.m9-header .m9-header-top{background:#002f23!important;color:#e5f5ee!important;min-height:44px!important}
.m9-header .m9-header-top-inner{width:calc(100% - 28px)!important;max-width:none!important;min-height:44px!important;gap:16px!important}
.m9-header .m9-top-info{font-size:13px!important;gap:18px!important;flex:1 1 auto!important}
.m9-header .m9-top-actions{display:flex!important;align-items:center!important;gap:18px!important}
.m9-header .m9-pmbm-ticker{font-size:13px!important;white-space:nowrap!important}
.m9-header .m9-mainbar{background:#fff!important;border-bottom:1px solid #e5c84f!important}
.m9-header .m9-main-inner{width:calc(100% - 40px)!important;max-width:none!important;min-height:108px!important;gap:20px!important}
.m9-header .m9-brand{flex:0 0 315px!important;min-width:315px!important;max-width:340px!important;gap:13px!important}
.m9-header .m9-brand img{width:66px!important;height:66px!important;flex:0 0 66px!important}
.m9-header .m9-brand-text{min-width:0!important;flex:1 1 auto!important}
.m9-header .m9-brand-text strong{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;font-size:27px!important;line-height:1.15!important;letter-spacing:-.045em!important;color:#052f23!important;font-weight:850!important}
.m9-header .m9-school-name{display:block!important;flex:0 1 auto!important;min-width:0!important}
.m9-header .m9-accreditation{float:none!important;display:block!important;flex:0 0 90px!important;width:90px!important;max-width:90px!important;margin:3px 0 0!important;padding:7px 8px!important;background:#f5ca48!important;color:#172b20!important;border-radius:6px!important;font-size:12px!important;line-height:1.35!important;font-weight:900!important;font-style:normal!important;letter-spacing:0!important;text-align:left!important;white-space:normal!important}
.m9-header .m9-brand-text>span{margin-top:5px!important;color:#078052!important;font-size:12px!important;font-weight:800!important;letter-spacing:.065em!important;line-height:1.4!important}
.m9-header .m9-nav{flex:1 1 auto!important;min-width:0!important}
.m9-header .m9-nav-list{justify-content:space-between!important;gap:5px!important}
.m9-header .m9-nav-link,.m9-header .m9-profile-toggle{min-height:46px!important;padding:11px 12px!important;border-radius:8px!important;font-size:14px!important;font-weight:750!important;color:#374151!important;letter-spacing:0!important}
.m9-header .m9-nav-link.m9-active{background:#087a4b!important;color:#fff!important;box-shadow:inset 0 -3px #e2c65f!important}
.m9-header .m9-login-link{min-width:242px!important;min-height:78px!important;border-radius:16px!important;background:#00523b!important;font-size:17px!important}
@media(max-width:1500px){.m9-header .m9-main-inner{gap:14px!important}.m9-header .m9-brand{flex-basis:300px!important;min-width:280px!important;max-width:310px!important}.m9-header .m9-brand img{width:62px!important;height:62px!important;flex-basis:62px!important}.m9-header .m9-brand-text strong{font-size:22px!important}.m9-header .m9-accreditation{flex-basis:80px!important;width:80px!important;max-width:80px!important;font-size:11px!important;padding:6px 7px!important}.m9-header .m9-nav-link,.m9-header .m9-profile-toggle{font-size:12px!important;padding:9px 8px!important}.m9-header .m9-login-link{min-width:180px!important;min-height:68px!important;font-size:14px!important}}
@media(max-width:1050px){.m9-header .m9-header-top-inner{min-height:42px!important}.m9-header .m9-main-inner{min-height:84px!important}.m9-header .m9-brand{flex:1 1 auto!important;min-width:0!important;max-width:none!important}.m9-header .m9-brand-text strong{font-size:18px!important}.m9-header .m9-accreditation{display:block!important;flex-basis:66px!important;width:66px!important;max-width:66px!important;font-size:9px!important;padding:5px!important}.m9-header .m9-nav{display:none!important}.m9-header .m9-nav.is-open{display:flex!important}.m9-header .m9-login-link{display:none!important}.m9-header .m9-menu-toggle{display:block!important}}
@media(max-width:600px){.m9-header .m9-top-info{font-size:10px!important;gap:8px!important}.m9-header .m9-pmbm-ticker{display:none!important}.m9-header .m9-main-inner{width:calc(100% - 20px)!important;gap:8px!important}.m9-header .m9-brand img{width:46px!important;height:46px!important;flex-basis:46px!important}.m9-header .m9-brand{gap:7px!important}.m9-header .m9-brand-text strong{font-size:14px!important;gap:5px!important}.m9-header .m9-accreditation{flex-basis:54px!important;width:54px!important;max-width:54px!important;font-size:8px!important;padding:4px!important}.m9-header .m9-brand-text>span{font-size:7px!important;letter-spacing:.02em!important}}

/* MOBILE BRAND CLEANUP: prevent school name and accreditation badge from colliding. */
@media (max-width: 600px) {
  .m9-header .m9-mainbar { overflow: visible !important; }
  .m9-header .m9-main-inner {
    min-height: 112px !important;
    padding: 10px 0 !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .m9-header .m9-brand {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    gap: 10px !important;
    align-items: center !important;
  }
  .m9-header .m9-brand img {
    width: 62px !important;
    height: 62px !important;
    flex: 0 0 62px !important;
  }
  .m9-header .m9-brand-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: block !important;
  }
  .m9-header .m9-brand-text strong {
    display: block !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    letter-spacing: .015em !important;
    overflow-wrap: normal !important;
  }
  .m9-header .m9-school-name {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .m9-header .m9-accreditation {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 5px 0 0 !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
  }
  .m9-header .m9-brand-text > span {
    margin-top: 5px !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
    letter-spacing: .035em !important;
    overflow-wrap: normal !important;
  }
}
@media (max-width: 360px) {
  .m9-header .m9-main-inner { width: calc(100% - 16px) !important; gap: 7px !important; }
  .m9-header .m9-brand { gap: 7px !important; }
  .m9-header .m9-brand img { width: 54px !important; height: 54px !important; flex-basis: 54px !important; }
  .m9-header .m9-brand-text strong { font-size: 14px !important; }
  .m9-header .m9-brand-text > span { font-size: 8px !important; }
}


/* Compact Login Admin button: proportionate on desktop and small screens. */
.m9-header .m9-login-link {
  min-width: 148px !important;
  width: auto !important;
  min-height: 46px !important;
  height: auto !important;
  padding: 8px 12px !important;
  gap: 7px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  line-height: 1.18 !important;
  box-sizing: border-box !important;
}
.m9-header .m9-login-link .m9-login-icon,
.m9-header .m9-login-link .m9-nav-icon { font-size: 15px !important; }
@media (max-width: 600px) {
  .m9-header .m9-nav-list > .m9-login-link { min-width: 0 !important; width: 100% !important; min-height: 42px !important; padding: 9px 11px !important; font-size: 12px !important; }
}
@media (max-width: 1050px) {
  .m9-header .m9-nav-list > .m9-login-link {
    min-width: 0 !important; width: 100% !important; min-height: 44px !important;
    padding: 10px 12px !important; font-size: 13px !important; border-radius: 10px !important;
  }
}

/* FINAL MOBILE BRAND POLISH + DYNAMIC ACCREDITATION FROM ADMIN SETTINGS */
.m9-header .m9-brand-text strong{display:flex!important;align-items:flex-start!important;gap:12px!important;min-width:0!important}
.m9-header .m9-school-name{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow-wrap:anywhere!important}
.m9-header .m9-accreditation{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;width:auto!important;max-width:132px!important;min-width:90px!important;box-sizing:border-box!important;padding:8px 10px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important;font-size:11px!important;line-height:1.2!important}
.m9-header .m9-accreditation-label{display:block!important;font-size:.9em!important;letter-spacing:.035em!important}
.m9-header .m9-accreditation-value{display:block!important;font-size:1em!important;font-weight:900!important;line-height:1.25!important}
@media(max-width:600px){
 .m9-header .m9-main-inner{min-height:112px!important;padding:10px 0!important;align-items:center!important}
 .m9-header .m9-brand{flex:1 1 auto!important;min-width:0!important;max-width:none!important;gap:9px!important;align-items:center!important}
 .m9-header .m9-brand img{width:52px!important;height:52px!important;flex:0 0 52px!important}
 .m9-header .m9-brand-text{display:block!important;flex:1 1 auto!important;min-width:0!important}
 .m9-header .m9-brand-text strong{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(82px,104px)!important;align-items:start!important;gap:7px!important;font-size:14px!important;line-height:1.22!important;letter-spacing:0!important}
 .m9-header .m9-school-name{min-width:0!important;overflow-wrap:anywhere!important}
 .m9-header .m9-accreditation{width:100%!important;min-width:0!important;max-width:104px!important;padding:7px 8px!important;margin:0!important;border-radius:7px!important;font-size:9px!important;line-height:1.2!important;white-space:normal!important}
 .m9-header .m9-accreditation-label{font-size:8px!important}
 .m9-header .m9-accreditation-value{font-size:10px!important;overflow-wrap:anywhere!important}
 .m9-header .m9-brand-text>span{display:block!important;margin-top:7px!important;font-size:8px!important;line-height:1.35!important;letter-spacing:.025em!important;overflow-wrap:anywhere!important}
}
@media(max-width:360px){
 .m9-header .m9-main-inner{width:calc(100% - 16px)!important;gap:6px!important}
 .m9-header .m9-brand{gap:7px!important}
 .m9-header .m9-brand img{width:46px!important;height:46px!important;flex-basis:46px!important}
 .m9-header .m9-brand-text strong{grid-template-columns:minmax(0,1fr) 88px!important;font-size:13px!important;gap:5px!important}
 .m9-header .m9-accreditation{max-width:88px!important;padding:6px!important}
 .m9-header .m9-accreditation-label{font-size:7px!important}
 .m9-header .m9-accreditation-value{font-size:9px!important}
 .m9-header .m9-brand-text>span{font-size:7px!important}
}


/* Final brand cleanup: remove accreditation badge and keep school identity tidy. */
.m9-header .m9-brand-text strong{display:block!important;min-width:0!important;line-height:1.2!important}
.m9-header .m9-school-name{display:block!important;min-width:0!important;overflow-wrap:normal!important;word-break:normal!important}
.m9-header .m9-accreditation{display:none!important}
.m9-header .m9-brand-text>span{display:block!important;margin-top:5px!important;max-width:100%!important;line-height:1.4!important;overflow-wrap:normal!important;word-break:normal!important}
@media(max-width:600px){
 .m9-header .m9-main-inner{min-height:96px!important;padding:9px 0!important;align-items:center!important}
 .m9-header .m9-brand{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 44px)!important;gap:10px!important;align-items:center!important}
 .m9-header .m9-brand img{width:54px!important;height:54px!important;flex:0 0 54px!important}
 .m9-header .m9-brand-text{min-width:0!important;flex:1 1 auto!important}
 .m9-header .m9-brand-text strong{font-size:16px!important;line-height:1.2!important;letter-spacing:.01em!important}
 .m9-header .m9-school-name{overflow-wrap:normal!important}
 .m9-header .m9-brand-text>span{font-size:9px!important;line-height:1.35!important;letter-spacing:.025em!important;margin-top:5px!important}
}
@media(max-width:360px){
 .m9-header .m9-brand img{width:46px!important;height:46px!important;flex-basis:46px!important}
 .m9-header .m9-brand-text strong{font-size:14px!important}
 .m9-header .m9-brand-text>span{font-size:8px!important;letter-spacing:0!important}
}

/* Final polish: stronger school identity and refined staff-card borders. */
.m9-header .m9-brand-text strong{font-size:clamp(19px,1.45vw,24px)!important;line-height:1.18!important;letter-spacing:-.015em!important}
.m9-header .m9-brand-text>span{font-size:10px!important;line-height:1.3!important;letter-spacing:.035em!important;margin-top:4px!important}
@media(max-width:600px){
 .m9-header .m9-brand-text strong{font-size:clamp(17px,4.8vw,21px)!important;line-height:1.18!important;letter-spacing:0!important}
 .m9-header .m9-brand-text>span{font-size:8px!important;line-height:1.3!important;letter-spacing:.02em!important;margin-top:4px!important}
}
@media(max-width:360px){
 .m9-header .m9-brand-text strong{font-size:16px!important}
 .m9-header .m9-brand-text>span{font-size:7px!important;letter-spacing:0!important}
}

/* Mobile header refinement: remove the oversized empty top strip and balance brand/menu. */
@media (max-width: 600px) {
  .m9-header .m9-header-top { display:none !important; }
  .m9-header .m9-mainbar { border-bottom:1px solid #e6d59e !important; }
  .m9-header .m9-main-inner {
    width:calc(100% - 28px) !important;
    min-height:86px !important;
    padding:12px 0 !important;
    gap:10px !important;
    align-items:center !important;
  }
  .m9-header .m9-brand {
    flex:1 1 auto !important;
    max-width:calc(100% - 58px) !important;
    min-width:0 !important;
    gap:9px !important;
    align-items:center !important;
  }
  .m9-header .m9-brand img {
    width:48px !important;
    height:48px !important;
    flex:0 0 48px !important;
    padding:2px !important;
  }
  .m9-header .m9-brand-text { min-width:0 !important; flex:1 1 auto !important; }
  .m9-header .m9-brand-text strong {
    font-size:clamp(15px,4.3vw,18px) !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
    white-space:normal !important;
  }
  .m9-header .m9-brand-text .m9-school-name {
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .m9-header .m9-brand-text > span {
    margin-top:4px !important;
    font-size:8px !important;
    line-height:1.3 !important;
    letter-spacing:.02em !important;
    font-weight:700 !important;
    overflow-wrap:normal !important;
  }
  .m9-header .m9-menu-toggle {
    display:flex !important;
    flex:0 0 46px !important;
    width:46px !important;
    height:46px !important;
    padding:0 !important;
    margin-left:auto !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:13px !important;
    background:#087a4b !important;
    color:#fff !important;
    font-size:25px !important;
    line-height:1 !important;
    box-shadow:0 5px 14px rgba(0,83,56,.14) !important;
  }
  .m9-header .m9-nav { top:100% !important; left:14px !important; right:14px !important; }
}
@media (max-width:380px) {
  .m9-header .m9-main-inner { width:calc(100% - 20px) !important; min-height:80px !important; }
  .m9-header .m9-brand { gap:7px !important; max-width:calc(100% - 52px) !important; }
  .m9-header .m9-brand img { width:42px !important; height:42px !important; flex-basis:42px !important; }
  .m9-header .m9-brand-text strong { font-size:14px !important; }
  .m9-header .m9-brand-text > span { font-size:7px !important; }
  .m9-header .m9-menu-toggle { width:42px !important; height:42px !important; flex-basis:42px !important; font-size:23px !important; }
}

/* HOTFIX: keep the public header visible on mobile; only compact the top strip. */
@media (max-width: 600px) {
  .m9-header { display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important; min-height:0 !important; }
  .m9-header .m9-header-top { display:block !important; visibility:visible !important; height:auto !important; min-height:26px !important; }
  .m9-header .m9-header-top-inner { display:flex !important; min-height:26px !important; width:calc(100% - 20px) !important; gap:8px !important; }
  .m9-header .m9-mainbar { display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important; }
  .m9-header .m9-main-inner { display:flex !important; visibility:visible !important; }
  .m9-header .m9-brand, .m9-header .m9-brand img, .m9-header .m9-brand-text, .m9-header .m9-menu-toggle { visibility:visible !important; opacity:1 !important; }
}

/* Penyesuaian identitas madrasah pada layar HP: nama lebih menonjol, tagline tetap ringkas. */
@media (max-width: 560px) {
  .m9-header .m9-brand-text { min-width: 0 !important; }
  .m9-header .m9-brand-text strong,
  .m9-header .m9-brand-text .m9-school-name { font-size: 18px !important; line-height: 1.2 !important; letter-spacing: 0 !important; font-weight: 800 !important; }
  .m9-header .m9-brand-text > span { font-size: 9px !important; line-height: 1.3 !important; letter-spacing: .025em !important; margin-top: 4px !important; }
}
@media (max-width: 380px) {
  .m9-header .m9-brand-text strong,
  .m9-header .m9-brand-text .m9-school-name { font-size: 16px !important; }
  .m9-header .m9-brand-text > span { font-size: 8px !important; }
}

/* FIX HEADER DESKTOP 100%: pastikan menu Galeri tidak tertutup tombol Login Admin. */
@media (min-width: 1501px) {
  .m9-header .m9-main-inner {
    width: calc(100% - 40px) !important;
    max-width: 1800px !important;
    gap: 12px !important;
    justify-content: space-between !important;
  }
  .m9-header .m9-brand {
    flex: 0 1 310px !important;
    min-width: 260px !important;
    max-width: 330px !important;
    gap: 10px !important;
  }
  .m9-header .m9-brand img {
    width: 64px !important;
    height: 64px !important;
    flex-basis: 64px !important;
  }
  .m9-header .m9-brand-text strong,
  .m9-header .m9-brand-text .m9-school-name {
    font-size: 21px !important;
    line-height: 1.15 !important;
  }
  .m9-header .m9-brand-text > span { font-size: 10px !important; }
  .m9-header .m9-nav {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
  .m9-header .m9-nav-list {
    width: 100% !important;
    justify-content: space-between !important;
    gap: 1px !important;
  }
  .m9-header .m9-nav-link,
  .m9-header .m9-profile-toggle {
    min-width: 0 !important;
    padding: 9px 7px !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }
  .m9-header .m9-login-link {
    flex: 0 0 165px !important;
    width: 165px !important;
    min-width: 165px !important;
    min-height: 66px !important;
    padding: 10px 12px !important;
    gap: 8px !important;
    border-radius: 15px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  .m9-header .m9-login-icon { font-size: 18px !important; }
}

/* Desktop/laptop: pertahankan navigasi horizontal; hamburger hanya untuk layar sempit. */
@media (min-width: 1051px) and (max-width: 1500px) {
  .m9-header .m9-main-inner {
    width: calc(100% - 28px) !important;
    min-height: 92px !important;
    gap: 10px !important;
    position: relative !important;
  }
  .m9-header .m9-brand {
    flex: 0 1 255px !important;
    min-width: 220px !important;
    max-width: 275px !important;
    gap: 9px !important;
  }
  .m9-header .m9-brand img {
    width: 54px !important;
    height: 54px !important;
    flex: 0 0 54px !important;
  }
  .m9-header .m9-brand-text strong,
  .m9-header .m9-brand-text .m9-school-name {
    font-size: 17px !important;
    letter-spacing: 0 !important;
  }
  .m9-header .m9-brand-text > span { font-size: 8px !important; letter-spacing: .02em !important; }
  .m9-header .m9-accreditation {
    flex: 0 0 62px !important;
    width: 62px !important;
    max-width: 62px !important;
    padding: 5px !important;
    font-size: 9px !important;
  }
  .m9-header .m9-nav {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    position: static !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .m9-header .m9-nav-list {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 1px !important;
    min-width: 0 !important;
  }
  .m9-header .m9-nav-link,
  .m9-header .m9-profile-toggle {
    width: auto !important;
    min-height: 40px !important;
    padding: 8px 6px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }
  .m9-header .m9-login-link {
    display: flex !important;
    flex: 0 0 132px !important;
    width: 132px !important;
    min-width: 132px !important;
    min-height: 56px !important;
    padding: 8px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    border-radius: 12px !important;
  }
  .m9-header .m9-menu-toggle { display: none !important; }
}

/* FINAL: gunakan komposisi visual acuan zoom 80%, tanpa meminta pengunjung mengubah zoom browser.
   Skala elemen header dirapikan pada ukuran CSS normal; navigasi tidak boleh tertindih tombol login. */
@media (min-width: 1501px) {
  .m9-header .m9-header-top-inner {
    width: calc(100% - 32px) !important;
    max-width: 1840px !important;
    min-height: 56px !important;
    gap: 16px !important;
  }
  .m9-header .m9-top-info { gap: 22px !important; font-size: 13px !important; }
  .m9-header .m9-top-actions { gap: 12px !important; }
  .m9-header .m9-pmbm-ticker { padding: 8px 13px !important; font-size: 12px !important; }
  .m9-header .m9-main-inner {
    width: calc(100% - 32px) !important;
    max-width: 1840px !important;
    min-height: 100px !important;
    gap: 12px !important;
    justify-content: space-between !important;
  }
  .m9-header .m9-brand {
    flex: 0 0 330px !important;
    min-width: 300px !important;
    max-width: 330px !important;
    gap: 12px !important;
  }
  .m9-header .m9-brand img { width: 64px !important; height: 64px !important; flex-basis: 64px !important; }
  .m9-header .m9-brand-text strong,
  .m9-header .m9-brand-text .m9-school-name { font-size: 23px !important; line-height: 1.12 !important; letter-spacing: -.025em !important; }
  .m9-header .m9-brand-text > span { font-size: 10px !important; line-height: 1.35 !important; letter-spacing: .04em !important; margin-top: 4px !important; }
  .m9-header .m9-accreditation { max-width: 88px !important; font-size: 10px !important; padding: 6px 7px !important; }
  .m9-header .m9-nav { flex: 1 1 0 !important; min-width: 0 !important; }
  .m9-header .m9-nav-list { justify-content: space-between !important; gap: 2px !important; }
  .m9-header .m9-nav-link,
  .m9-header .m9-profile-toggle {
    min-height: 42px !important;
    padding: 9px 8px !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }
  .m9-header .m9-login-link {
    flex: 0 0 178px !important;
    width: 178px !important;
    min-width: 178px !important;
    min-height: 64px !important;
    padding: 10px 12px !important;
    gap: 8px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  .m9-header .m9-login-icon { font-size: 18px !important; }
  .m9-header .m9-menu-toggle { display: none !important; }
}

/* Laptop: menu horizontal selama ruang cukup, dengan padding ringkas. */
@media (min-width: 1251px) and (max-width: 1500px) {
  .m9-header .m9-main-inner { width: calc(100% - 28px) !important; min-height: 96px !important; gap: 9px !important; }
  .m9-header .m9-brand { flex: 0 1 285px !important; min-width: 245px !important; max-width: 300px !important; gap: 9px !important; }
  .m9-header .m9-brand img { width: 56px !important; height: 56px !important; flex-basis: 56px !important; }
  .m9-header .m9-brand-text strong,
  .m9-header .m9-brand-text .m9-school-name { font-size: 18px !important; letter-spacing: 0 !important; }
  .m9-header .m9-brand-text > span { font-size: 8px !important; letter-spacing: .015em !important; }
  .m9-header .m9-accreditation { max-width: 66px !important; font-size: 9px !important; padding: 5px !important; }
  .m9-header .m9-nav { display: flex !important; flex: 1 1 0 !important; min-width: 0 !important; }
  .m9-header .m9-nav-list { justify-content: space-between !important; gap: 0 !important; }
  .m9-header .m9-nav-link,
  .m9-header .m9-profile-toggle { min-height: 38px !important; padding: 7px 5px !important; font-size: 10px !important; }
  .m9-header .m9-login-link { flex: 0 0 140px !important; width: 140px !important; min-width: 140px !important; min-height: 56px !important; padding: 8px !important; font-size: 11px !important; border-radius: 12px !important; }
  .m9-header .m9-menu-toggle { display: none !important; }
}

/* Di bawah lebar yang cukup untuk seluruh menu, pindahkan navigasi ke hamburger agar tak bertumpuk. */
@media (min-width: 601px) and (max-width: 1250px) {
  .m9-header .m9-main-inner { width: calc(100% - 32px) !important; min-height: 86px !important; gap: 12px !important; }
  .m9-header .m9-brand { flex: 1 1 auto !important; min-width: 0 !important; max-width: none !important; }
  .m9-header .m9-brand img { width: 56px !important; height: 56px !important; flex-basis: 56px !important; }
  .m9-header .m9-brand-text strong,
  .m9-header .m9-brand-text .m9-school-name { font-size: 19px !important; }
  .m9-header .m9-brand-text > span { font-size: 9px !important; }
  .m9-header .m9-accreditation { display: none !important; }
  .m9-header .m9-nav { display: none !important; }
  .m9-header .m9-menu-toggle { display: flex !important; flex: 0 0 44px !important; width: 44px !important; height: 44px !important; align-items: center !important; justify-content: center !important; }
  .m9-header .m9-login-link { flex: 0 0 150px !important; width: 150px !important; min-width: 150px !important; min-height: 56px !important; padding: 8px !important; font-size: 12px !important; }
}