/* Navigation hotfix: keep desktop items on one baseline and make mobile a real drawer. */
html,body{max-width:100%;overflow-x:clip}
.site-header__inner{display:flex;align-items:center;gap:1rem;min-height:78px;flex-wrap:nowrap}
.primary-nav{margin-left:auto;min-width:0}
.primary-nav>.menu{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:.15rem;margin:0;padding:0;list-style:none}
.primary-nav>.menu>li{display:flex;align-items:center;position:relative;min-height:46px;flex:none}
.primary-nav>.menu>li>a{display:flex;align-items:center;justify-content:center;min-height:46px;white-space:nowrap;margin:0;line-height:1.2}
.primary-nav>.menu>li>.cc-submenu-toggle{position:static;margin-left:-.45rem;margin-right:.2rem;width:30px;height:30px;display:none;align-items:center;justify-content:center;border:0;background:transparent;color:var(--cc-muted)}
.cc-theme-toggle,.cc-menu-toggle{flex:none}
.cc-menu-icon{display:grid;gap:4px;width:18px}
.cc-menu-icon span{display:block;width:100%;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.cc-menu-toggle[aria-expanded=true] .cc-menu-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.cc-menu-toggle[aria-expanded=true] .cc-menu-icon span:nth-child(2){opacity:0}
.cc-menu-toggle[aria-expanded=true] .cc-menu-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media (min-width:901px){
  .primary-nav{display:block!important;position:static!important;inset:auto!important;width:auto!important;max-width:none!important;height:auto!important;overflow:visible!important;transform:none!important;visibility:visible!important;opacity:1!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
  .primary-nav>.menu{height:100%}
  .primary-nav>.menu>li{height:100%}
}

@media (max-width:900px){
  .site-header{overflow:clip}
  .site-header__inner{min-height:70px;padding-block:.5rem}
  .site-brand{min-width:0;overflow:hidden}
  .site-brand__logo{max-width:180px!important;max-height:40px!important}
  .site-brand>span:last-child{overflow:hidden;text-overflow:ellipsis}
  .cc-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;margin-left:auto;width:42px;height:42px;min-height:42px;padding:0;z-index:151}
  .cc-theme-toggle{z-index:151}
  .primary-nav{position:fixed!important;top:70px!important;right:0!important;bottom:0!important;left:auto!important;width:min(88vw,380px)!important;max-width:100vw!important;height:calc(100dvh - 70px)!important;margin:0!important;padding:1rem!important;background:var(--cc-surface)!important;border-left:1px solid var(--cc-border)!important;box-shadow:var(--cc-shadow)!important;overflow-y:auto!important;overflow-x:hidden!important;transform:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:opacity .18s ease,visibility 0s linear .18s!important;z-index:150!important}
  .primary-nav.is-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transition:opacity .18s ease!important}
  .primary-nav>.menu{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  .primary-nav>.menu>li{display:grid!important;grid-template-columns:minmax(0,1fr) 42px;align-items:center;width:100%!important;min-height:52px!important;border-bottom:1px solid var(--cc-border)!important}
  .primary-nav>.menu>li>a{grid-column:1;justify-content:flex-start!important;width:100%!important;min-width:0!important;min-height:52px!important;padding:.75rem .5rem!important;white-space:normal!important;text-align:left!important;border-radius:8px!important}
  .primary-nav>.menu>li>.cc-submenu-toggle{grid-column:2;display:inline-flex!important;position:static!important;width:38px!important;height:38px!important;margin:0!important;border:1px solid var(--cc-border)!important;border-radius:8px!important;background:var(--cc-surface-2)!important;color:var(--cc-text)!important}
  .primary-nav>.menu>li>.cc-submenu-toggle::before{content:"⌄";font-size:1.1rem;line-height:1;transition:transform .15s ease}
  .primary-nav>.menu>li.cc-submenu-open>.cc-submenu-toggle::before{transform:rotate(180deg)}
  .primary-nav .sub-menu{grid-column:1/-1;position:static!important;display:none!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0 0 .65rem!important;padding:.35rem 0 .35rem .75rem!important;background:transparent!important;border:0!important;border-left:2px solid var(--cc-border)!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
  .primary-nav li.cc-submenu-open>.sub-menu{display:block!important}
  .primary-nav .sub-menu li{display:grid!important;grid-template-columns:minmax(0,1fr) 42px;width:100%!important}
  .primary-nav .sub-menu a{justify-content:flex-start!important;min-height:44px!important;padding:.55rem .6rem!important;white-space:normal!important}
  body.cc-menu-open::before{content:"";position:fixed;inset:70px 0 0;background:rgba(0,0,0,.35);z-index:140}
}

@media (max-width:520px){
  .site-header__inner{gap:.5rem}
  .site-brand{font-size:1rem}
  .site-brand__mark{width:30px;height:30px}
  .cc-menu-toggle{width:40px;height:40px}
  .cc-theme-toggle{width:40px;height:40px}
  .primary-nav{width:100%!important;border-left:0!important}
}
