/* Mobile nav dropdown overrides — appended to site.css concerns but kept here
   since it's purely a behavioural state (.mobile-open), not a base style. */
@media (max-width: 900px) {
  .site-nav.mobile-open .nav-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    background: var(--color-bg-surface);
    border-bottom: 1px solid var(--color-border);
    padding: var(--space-4) var(--space-6) var(--space-6);
    gap: var(--space-2);
    box-shadow: var(--shadow-raised);
  }
  .site-nav.mobile-open .nav-cta { display: none; }
  .site-nav.mobile-open .nav-dropdown {
    position: static;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    width: 100%;
    grid-template-columns: 1fr;
    box-shadow: none;
    border: none;
    padding: 4px 0 4px 12px;
    display: none;
  }
  .site-nav.mobile-open .has-dropdown.open .nav-dropdown { display: grid; }
  .site-nav.mobile-open .has-dropdown { width: 100%; }
  .site-nav.mobile-open .has-dropdown .nav-link svg { display: none; }
}