.header-inner{gap:22px}
.header-inner>.brand{flex:0 0 auto}
.main-nav{flex:1 1 auto;min-width:0;gap:16px;margin-left:auto;margin-right:0;justify-content:space-between;align-items:stretch;font-size:13px}
.main-nav>a{display:flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;line-height:1.45;padding:27px 0 24px}
.main-nav .nav-service-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 1 auto;gap:3px;min-width:110px;max-width:180px;padding:14px 0 12px;white-space:normal;line-height:1.4}
.nav-service-kicker{display:block;color:var(--green);font-size:10.5px;line-height:1.35;font-weight:600;letter-spacing:.2px}
.nav-service-name{display:block;max-width:180px;color:var(--ink);font-size:13px;line-height:1.4;font-weight:600;white-space:normal}
.main-nav .nav-service-item:hover .nav-service-name,.main-nav .nav-service-item[aria-current="page"] .nav-service-name{color:var(--green)}
.header-actions{flex:0 0 auto;gap:10px}
.header-actions .btn{white-space:nowrap}
.header-account-label{display:grid;gap:1px;line-height:1.35;text-align:left}
.header-account-label>small{font-size:10px;font-weight:400;color:#d6e4cf}

@media(min-width:1200px) and (max-width:1399px){
  .header-inner{gap:16px}
  .header-inner>.brand{font-size:21px;gap:8px}
  .main-nav{gap:12px;font-size:12px}
  .main-nav .nav-service-item{min-width:100px;max-width:157px}
  .nav-service-name{max-width:157px;font-size:12.5px}
  .nav-service-kicker{font-size:10px}
  .header-actions{gap:7px}
  .header-actions .btn{padding:9px 12px;font-size:11.5px;gap:8px}
}

@media(max-width:1199px){
  .header-inner{min-height:73px;gap:20px}
  .main-nav{display:none;position:absolute;top:73px;left:0;width:100%;max-height:calc(100vh - 73px);max-height:calc(100dvh - 73px);overflow-y:auto;overscroll-behavior:contain;background:var(--paper);padding:13px 20px 22px;margin:0;box-shadow:0 15px 20px #1533290c;font-size:13px}
  .main-nav.open{display:flex;flex-direction:column;gap:2px;align-items:stretch}
  .main-nav>a{padding:13px 12px;border:0;justify-content:flex-start;min-height:46px;border-radius:6px;white-space:normal}
  .main-nav .nav-service-item{width:100%;max-width:none;min-width:0;min-height:63px;gap:3px;padding:11px 12px;border:0;border-radius:6px}
  .nav-service-kicker{font-size:10.5px;line-height:1.4}
  .nav-service-name{max-width:none;font-size:13.5px;line-height:1.45}
  .main-nav>a:hover,.main-nav>a[aria-current="page"]{background:#eaf0de;border:0}
  .header-actions{margin-left:auto;gap:12px}
  .header-actions .btn{display:none}
  .header-actions .header-account{display:inline-flex;padding:7px 10px;font-size:12px}
  .header-account>svg{display:none}
  .menu-toggle{display:inline-flex}
}

@media(max-width:600px){
  .header-inner{gap:8px}
  .header-inner>.brand{font-size:20px;gap:7px}
  .header-inner>.brand .brand-symbol,.header-inner>.brand .brand-symbol>svg{width:31px;height:31px}
  .header-actions{gap:6px}
  .header-actions .header-account{font-size:11px;padding:6px 9px}
  .header-account-label>small{font-size:9px}
  .main-nav{padding:12px 18px 20px}
  .main-nav .nav-service-item{padding:11px 12px;min-height:62px}
  .nav-service-kicker{font-size:10px}
  .nav-service-name{font-size:13px}
}
@media(max-width:360px){
  .header-inner>.brand{font-size:18px;gap:5px}
  .header-actions{gap:4px}
  .header-actions .icon-btn{padding:4px}
  .header-actions .header-account{padding:6px 7px}
}