/* Shared, keyboard-accessible navigation. Links remain available without JS. */
.menu-toggle { display: none; font: 600 .9rem var(--display); color: var(--ink); background: #fff; border: 1px solid var(--line, var(--border)); border-radius: 5px; min-height: 44px; padding: 10px 14px; cursor: pointer; }
@media(max-width:1100px) {
  .nav-links a { min-height: 44px; display: inline-flex; align-items: center; }
  .nav { grid-template-columns: 1fr auto; position: relative; }
  .nav-links { grid-column: 1/-1; grid-row: 2; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 4px 24px; border-top: 1px solid var(--line, var(--border)); padding-top: 10px; }
  .nav > .button { grid-column: 2; grid-row: 1; }
  .nav.menu-ready { grid-template-columns: 1fr auto auto; }
  .menu-ready .menu-toggle { display: block; grid-column: 3; grid-row: 1; }
  .menu-ready .nav-links { grid-column: 1/-1; }
  .menu-ready .nav-links[hidden] { display: none; }
}
@media(min-width:1101px) { .nav-links[hidden] { display: flex; } }
@media(max-width:600px) {
  .nav { gap: 8px; }
  .brand img { width: 112px; }
  .nav .button { min-height: 44px; padding: 10px; font-size: .78rem; }
  .menu-toggle { padding-inline: 10px; }
  .cta-long { display: none; }
  .cta-short { display: inline; }
  .nav-links a { flex: 1 0 40%; }
}
@media(max-width:400px) {
  .site-header { position: relative; }
  .nav.menu-ready { grid-template-columns: 1fr auto; }
  .brand img { width: 112px; }
  .menu-ready .menu-toggle { grid-column: 2; }
  .nav > .button { grid-column: 1/-1; grid-row: 2; }
  .menu-ready .nav-links { grid-row: 3; }
  .hero,.writing-page .hero,.writing-article .hero { padding-top: 32px; }
}