/* Header-only alignment with /alle/. Homepage content layouts stay independent. */
@media (min-width: 721px) {
  .home-no-banner .topbar { height: 64px; }
}
@media (min-width: 1001px) {
  .home-no-banner .topbar { gap: 30px; }
  .home-no-banner .topbar .brand { font-size: 24px; }
  .home-no-banner .topbar .main-nav > .nav-home,
  .home-no-banner .topbar .main-nav > .nav-menu > a,
  .home-no-banner .topbar .main-nav > .nav-menu > button { padding: 10px 12px; }
  .home-no-banner .topbar .main-nav .menu a { padding: 10px 14px; }
  .home-no-banner .topbar .search { width: min(270px, 22vw); }
}
@media (min-width: 721px) and (max-width: 1000px) {
  .home-no-banner .topbar .search { width: min(220px, 22vw); }
}
@media (min-width: 900px) and (max-height: 700px) {
  .home-no-banner .topbar { height: 54px; gap: 12px; padding-inline: 2%; }
  .home-no-banner .topbar .brand { gap: 6px; font-size: 20px; }
  .home-no-banner .topbar .brand-mark { width: 29px; height: 29px; font-size: 25px; }
  .home-no-banner .topbar .main-nav { gap: 1px; padding-inline: 2px; }
  .home-no-banner .topbar .main-nav a,
  .home-no-banner .topbar .main-nav button,
  .home-no-banner .topbar .main-nav > .nav-home,
  .home-no-banner .topbar .main-nav > .nav-menu > a,
  .home-no-banner .topbar .main-nav > .nav-menu > button,
  .home-no-banner .topbar .main-nav .menu a { padding: 7px 9px; font-size: 13px; }
  .home-no-banner .topbar .search { width: min(210px, 18vw); padding: 6px 10px; }
  .home-no-banner .topbar .header-actions { gap: 7px; }
}