/* Shared navigation: keep each label on one line and allow room for navigation links. */
.header .header-inner{max-width:1440px;gap:24px}.header nav{gap:clamp(16px,1.7vw,27px)}.header nav a,.site-header nav a{white-space:nowrap}.header nav a[aria-current=page]{color:#4659cd}.site-header nav{gap:clamp(14px,1.6vw,24px)}
@media(max-width:1200px){.header .header-action,.site-header .header-cta{display:none}.header .header-inner{gap:20px}.header nav{gap:18px}}
@media(min-width:721px) and (max-width:1100px){.header .header-inner{flex-wrap:wrap;gap:14px}.header .menu-toggle{display:block;margin-left:auto;background:white;border:1px solid #e3e7ef;border-radius:6px;padding:8px 14px;color:#18223b;font-size:14px}.header nav{display:none;width:100%;flex-wrap:wrap;padding-top:12px;border-top:1px solid #e3e7ef;gap:16px}.header nav.open{display:flex}}
@media(max-width:720px){.header nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.header nav a{padding:9px 0}.site-header nav{flex-wrap:wrap;height:auto;gap:10px 18px}.site-header nav a{font-size:13px}}

.header #navigation .nav-login{border:1px solid #d8e4f2;border-radius:9px;padding:9px 16px;color:#1267c5}.header #navigation{gap:clamp(12px,1.5vw,23px)}

/* Shared header proportions and baseline. */
.header .brand.moabom-brand{width:210px;flex-basis:210px}
.header .header-inner{align-items:center;min-height:76px;padding-top:12px;padding-bottom:12px}
.header #navigation{align-items:center}.header #navigation>a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;line-height:1.3;font-size:16px;font-weight:650;padding-top:0;padding-bottom:0}
.header #navigation>a.nav-login{min-height:32px;padding:6px 13px;font-size:14px;border-radius:8px;box-sizing:border-box}
@media(max-width:720px){.header .brand.moabom-brand{width:182px;flex-basis:182px}.header #navigation>a{font-size:15px}.header .header-inner{min-height:66px}}

@media(min-width:1101px){.header #navigation{gap:20px}.header .header-action{display:none}}

/* Consistent compact logo and interactive menu across every section. */
body .header .header-inner{min-height:76px;box-sizing:border-box;max-width:1600px}body .header a.brand.moabom-brand{width:210px;flex:0 0 210px;max-width:210px}body .header #navigation{gap:8px}body .header #navigation>a{position:relative;padding:10px 12px;border-radius:10px;transition:background .18s,color .18s,transform .18s;font-size:15px;gap:7px}body .header #navigation>a:hover,body .header #navigation>a:focus-visible{background:#edf4ff;color:#1468e9;transform:translateY(-2px)}body .header #navigation>a:focus-visible{outline:2px solid #438aff;outline-offset:2px}.nav-symbol{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;flex:none}body .header #navigation>a[aria-current=page]{background:#edf4ff;color:#1468e9}body .header #navigation>.nav-login{padding:7px 12px;font-size:13px}@media(max-width:720px){body .header a.brand.moabom-brand{width:182px;flex-basis:182px;max-width:182px}body .header #navigation>a{font-size:14px}}@media(prefers-reduced-motion:reduce){body .header #navigation>a{transition:none;transform:none!important}}

body .header .header-inner{height:76px;min-height:76px;padding-top:12px;padding-bottom:12px}body .header .brand.moabom-brand{max-height:50px}body .header .brand .hannune-wordmark{height:auto}body .header{box-sizing:border-box}