/* Desktop navigation: wider canvas, restrained emphasis, single-line labels. */
@media (min-width:1181px) {
  .site-header { min-height:72px; }
  .site-header .header-inner {
    width:min(calc(100% - 64px),1600px);
    min-height:72px;
    gap:clamp(16px,2vw,36px);
  }
  .site-header .brand { flex:0 0 auto; }
  .site-header .brand img { max-width:178px; }
  .site-header .nav {
    flex:1 1 auto;
    justify-content:center;
    gap:clamp(2px,.5vw,12px);
    min-width:0;
  }
  .site-header .nav-item>a {
    position:relative;
    padding:14px clamp(7px,.8vw,13px);
    border-radius:0;
    font-size:clamp(12px,.81vw,14px);
    font-weight:720;
    line-height:1.2;
    white-space:nowrap;
    letter-spacing:-.01em;
    transition:color .18s ease;
  }
  .site-header .nav-item>a::after {
    content:"";
    position:absolute;
    height:2px;
    left:10px;
    right:10px;
    bottom:5px;
    background:var(--accent);
    border-radius:3px;
    opacity:0;
    transform:scaleX(.45);
    transition:opacity .18s ease,transform .18s ease;
  }
  .site-header .nav-item>a:hover,
  .site-header .nav-item>a[aria-current="page"] { color:var(--accent); background:none; }
  .site-header .nav-item>a:hover::after,
  .site-header .nav-item>a[aria-current="page"]::after { opacity:1; transform:scaleX(1); }
  .site-header .nav-item--pro { margin-left:clamp(8px,1.2vw,22px); padding-left:clamp(8px,1.2vw,22px); border-left:1px solid color-mix(in srgb,var(--header-text,var(--text)) 17%,transparent); }
  .site-header .nav-item--pro>a { font-weight:610; color:color-mix(in srgb,var(--header-text,var(--text)) 70%,transparent); }
  .site-header .header-cta {
    margin-left:0;
    min-height:42px;
    padding:10px 18px;
    font-size:12px;
    box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 16%,transparent);
    white-space:nowrap;
  }
  .site-header .header-tools { margin-left:0; flex:0 0 auto; }
  .site-header .language select { min-width:102px; padding:8px 23px 8px 11px; font-size:12px; }
}

@media (min-width:981px) and (max-width:1180px) {
  .site-header .header-inner { width:min(calc(100% - 48px),1600px); gap:12px; }
  .site-header .nav { gap:0; }
  .site-header .nav-item>a { white-space:nowrap; padding-inline:6px; font-size:12px; }
  .site-header .brand img { max-width:145px; }
  .site-header .header-cta { display:none; }
  .site-header .header-tools { margin-left:0; }
}