/* Clear entry points and a compact header at laptop, tablet and phone widths. */
.topbar-inner{gap:.7rem}
.primary-nav{gap:.08rem;flex-wrap:nowrap}
.primary-nav a{white-space:nowrap;padding-inline:8px}
.primary-nav a[data-nav="candidates"]{gap:3px;font-variant-numeric:tabular-nums}
.primary-nav a[data-nav="candidates"] span:last-child{color:var(--ka-text-muted)}
.global-search select{flex:0 0 auto;max-width:112px;min-width:78px;height:34px;padding:0 22px 0 8px;border:0;border-left:1px solid var(--ka-border);background:transparent;color:var(--ka-text-secondary);font-size:12px}
.global-search input{flex:1 1 auto}
.global-search .search-submit{flex:0 0 36px}
.footer-links a{text-decoration:none}
.footer-links a:hover{text-decoration:underline;text-underline-offset:3px}
.home-query-options .home-search-mode{flex-basis:155px}
.home-shortcuts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 4px;font-size:14px}
.home-shortcuts a{color:var(--ka-primary);font-weight:600;text-decoration:none}
.home-shortcuts a:hover{text-decoration:underline;text-underline-offset:3px}

@media(min-width:1181px){
  .topbar-inner{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(245px,26vw) auto;align-items:center;gap:.7rem}
  .primary-nav{min-width:0;justify-content:space-between;margin:0}
  .primary-nav a{padding-inline:clamp(5px,.65vw,10px)}
  .global-search{width:100%;max-width:none;min-width:0;margin:0}
  .topbar-actions{justify-content:flex-end}
}

@media(max-width:1180px){
  .topbar-inner{display:flex;flex-wrap:wrap;gap:.5rem;padding-block:.45rem}
  .brand{order:1}
  .mobile-nav-toggle{display:inline-grid;order:2;margin-left:auto}
  .topbar-actions{order:3;margin-left:0}
  .global-search{order:4;flex:1 0 100%;width:100%;max-width:none;margin:0}
  .primary-nav{display:none;order:5;flex:1 0 100%;width:100%;max-width:100%;margin:0;padding:.25rem 0 .45rem;border-top:1px solid var(--ka-border);overflow-x:visible}
  .primary-nav.is-open{display:flex;flex-wrap:wrap;gap:4px}
  .primary-nav a{min-height:36px}
}

@media(max-width:620px){
  .topbar-inner{column-gap:.35rem}
  .brand-name{font-size:18px}
  .topbar-actions{gap:2px}
  .global-search{gap:0}
  .global-search input{font-size:13px;padding-inline:8px}
  .global-search select{max-width:86px;min-width:70px;padding-left:5px;padding-right:17px;font-size:11px}
  .global-search .search-submit{flex-basis:32px;width:32px}
  .primary-nav.is-open{gap:2px}
  .primary-nav a{padding-inline:8px}
  .home-query-options .home-search-mode{flex:1 1 140px}
  .home-shortcuts{gap:8px 14px}
}
