.utilitybar {
  min-height: 34px;
  padding: 0 4vw;
  background: #102f39;
  color: #d9e7e2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.language-shortcuts { width:100%; display:flex; align-items:center; justify-content:flex-end; min-width:0; white-space:nowrap; }
.language-shortcuts a,.language-shortcuts button { color:#fff; text-decoration:none; border:0; background:transparent; border-radius:18px; padding:6px 13px; font:650 13px/1.2 Inter,"Segoe UI",Arial,sans-serif; cursor:pointer; white-space:nowrap; }
.language-shortcuts a:hover,.language-shortcuts a[aria-current="page"],.language-shortcuts button:hover { background:rgba(255,255,255,.14); }
.language-shortcuts a[aria-current="page"] { box-shadow:inset 0 0 0 1px rgba(255,255,255,.42); }
.language-shortcuts .language-menu-trigger{min-width:154px;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.34)}
.language-menu-chevron{font-size:16px;line-height:1;transform:translateY(-1px)}

.utilitybar > div { display: flex; align-items: center; gap: 22px; }
.utilitybar a { color: inherit; text-decoration: none; }
.utilitybar a:hover { text-decoration: underline; }
.utilitybar .language {
  border: 0;
  border-left: 1px solid #47616a;
  background: transparent;
  color: #fff;
  padding-left: 20px;
}

.topbar .header-search{flex:1 1 360px;max-width:560px;min-width:220px}
.topbar nav { flex:0 1 auto; margin-left:auto; margin-right:0; justify-content:flex-end; gap:14px; }
.topbar .actions{flex:0 0 auto;margin-left:0}
.topbar nav a { white-space: nowrap; }
.topbar nav .nav-item{position:relative}.topbar nav .nav-item>a{display:block}.topbar nav .nav-submenu{position:absolute;top:100%;left:0;z-index:40;display:none;min-width:210px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 36px rgba(16,43,43,.16)}.topbar nav .nav-submenu a{display:block;padding:9px 11px;color:var(--ink);text-decoration:none;border-radius:5px}.topbar nav .nav-submenu a:hover{background:var(--mint)}.topbar nav .nav-item:hover>.nav-submenu,.topbar nav .nav-item:focus-within>.nav-submenu{display:block}
.signin { color: var(--ink); font-weight: 750; text-decoration: none; }
.menu-toggle { display:none; width:46px; height:46px; border:1px solid var(--line); border-radius:12px; background:transparent; padding:11px; }
.menu-toggle span { display:block; height:2px; background:var(--ink); margin:5px 0; transition:.2s ease; }

@media (max-width: 900px) {
  .utilitybar > span { display: none; }
  .utilitybar { justify-content: center; padding-inline:12px; }
  .language-shortcuts { justify-content:flex-end; }
  .topbar { flex-wrap:wrap; height:auto; min-height:76px; padding-top:12px; padding-bottom:12px; }
  .menu-toggle { display:block; margin-left:auto; order:2; }
  .topbar .actions { order:3; margin-left:0; }
  .topbar nav { display:none; order:4; flex:0 0 calc(100% + 10vw); margin:12px -5vw -12px; padding:12px 5vw 20px; background:#fff; border-top:1px solid var(--line); }
  .topbar.nav-open nav { display:grid; grid-template-columns:1fr 1fr; gap:0; }
  .topbar.nav-open nav a { display:block; padding:11px 8px; border-bottom:1px solid #e6eeeb; }
  .topbar.nav-open nav .nav-submenu{position:static;display:block;min-width:0;padding:0 0 0 16px;border:0;box-shadow:none;background:transparent}.topbar.nav-open nav .nav-submenu a{font-size:13px}
  .topbar.nav-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .topbar.nav-open .menu-toggle span:nth-child(2){opacity:0}
  .topbar.nav-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

@media (max-width: 570px) {
  .utilitybar > a { display: none; }
  .topbar .actions { display:none; }
  .topbar.nav-open nav { grid-template-columns:1fr; }
  .topbar.nav-open nav:after { content:""; }
  .topbar.nav-open .actions { display:flex; order:5; flex:0 0 calc(100% + 40px); margin:12px -20px -12px; padding:12px 20px 18px; background:#fff; border-top:1px solid var(--line); }
  .topbar.nav-open .actions a { flex:1; text-align:center; padding:11px; border:1px solid var(--line); border-radius:7px; }
}