/* the site's menu (web/_nav.html): links on wide screens, a "Menu" button with a drop-down on narrow ones */
.gs-nav { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.gs-links { display: flex; gap: 2px; }
.gs-links a { color: var(--text); text-decoration: none; padding: 6px 9px; border-radius: 8px; font-size: 14px; white-space: nowrap; }
.gs-links a:hover { background: var(--surface-2); }
.gs-links a[aria-current="page"] { background: var(--surface-2); font-weight: 600; }
.gs-links a.gs-more { display: none; }
.gs-burger { display: none; gap: 6px; }
@media (max-width: 1100px) {
  .gs-burger { display: inline-flex; }
  .gs-login { display: none; }
  .gs-links { display: none; position: absolute; top: calc(100% + 6px); right: 12px; left: 12px; flex-direction: column; gap: 2px;
    padding: 8px; background: var(--surface); border: 1px solid var(--border); border-radius: 16px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .18); z-index: 50; }
  .gs-links.open { display: flex; }
  .gs-links a, .gs-links a.gs-more { display: block; padding: 12px 14px; font-size: 16px; }
}
@media (min-width: 700px) and (max-width: 1100px) { .gs-links { left: auto; width: 280px; } }