/* MEZOLA v23: compact top navigation; logo moved to the bottom. */
header .topNavigation,.ap-header .topNavigation{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
header .navBtn,.ap-header .navBtn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:9px;padding:8px 14px;font-size:13px;line-height:1.25;font-weight:650;text-decoration:none;white-space:nowrap;cursor:pointer;font-family:inherit}
header .navHome,.ap-header .navHome{background:#eaf2f5;border:1px solid #cee0e7;color:#405e70}
header .navBack,.ap-header .navBack{background:#fff;border:1px solid #d9e2e5;color:#4a6370}
header .navBtn:hover,.ap-header .navBtn:hover{background:#daeaf1;border-color:#adcad7}
header .navBtn:focus-visible,.ap-header .navBtn:focus-visible{outline:3px solid #9bbecf;outline-offset:2px}
header .navBack.hidden{display:none!important}
header .navContext,.ap-header .navContext{font-size:13px;color:#87969d;font-weight:600;letter-spacing:.01em}
/* Entrance and exit: equally compact. Applies only to the header, not the modal submit. */
header .loginBtn{padding:7px 12px;min-height:35px;font-size:13px;font-weight:650;border-radius:9px;line-height:1.25;white-space:nowrap}
header .settings{padding:8px 11px;min-height:35px;font-size:13px;border-radius:9px;gap:7px}
header .settings svg{width:16px;height:16px}
header .head-right{gap:9px}
header .accountMenuToggle{font-size:13px}
/* Logo in footer, separate from the attribution and hummingbirds. */
footer.siteFooter,footer.ap-footer{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;padding:12px clamp(20px,4vw,70px);min-height:85px}
footer .footerMezola{width:110px;height:49px;display:flex;align-items:center;justify-content:center;flex:none;padding:5px 10px;border:0!important;border-radius:9px;background:#171d1f;text-decoration:none;opacity:.94}
footer .footerMezola:hover{opacity:1;border:0!important}
footer .footerMezola img{display:block;max-width:100%;max-height:100%;object-fit:contain}
footer.siteFooter .credits{margin:0 0 0 auto}
footer .apCredits{margin-left:auto;display:flex;align-items:center;gap:9px}
footer .apCredits img{display:block;width:34px;height:34px;object-fit:contain}
footer .apCredits a{color:#536b7a}
@media(max-width:650px){
  header .topNavigation,.ap-header .topNavigation{gap:6px}
  header .navBtn,.ap-header .navBtn{padding:8px 10px;font-size:12px;min-height:34px}
  header .head-right{gap:7px}
  header .loginBtn{padding:7px 10px;font-size:12px;min-height:33px}
  header .settings{padding:7px 10px;min-height:33px}
  footer.siteFooter,footer.ap-footer{justify-content:center;gap:8px;padding:13px 14px}
  footer.siteFooter .credits,footer .apCredits{margin:0}
  footer .footerMezola{width:90px;height:40px;padding:5px 8px}
}
@media(max-width:390px){header .navContext{display:none}header .settings .text{display:none}}