/* PyQuest — responsive header/layout refinements and accessibility. Loaded last. */
@media (max-width: 800px) {
  .nav-wrap { min-height: 58px; padding: 0 16px; gap: 10px; }
  .menu-toggle { display: block; }
  .nav-right { margin-left: auto; }
  .nav-links { display: none; position: absolute; left: 12px; right: 12px; top: 62px; margin: 0; padding: 8px; flex-direction: column; background: var(--ink); border: 1px solid #ffffff26; border-radius: 8px; }
  .nav-links.open { display: flex; }
  .nav-link { padding: 12px; }
  .nav-link.active { box-shadow: inset 4px 0 0 var(--yellow); border-radius: 6px; }
  .xp-pill, .name-change { display: none; }
  .main-content { width: calc(100% - 32px); padding: 28px 0 48px; }
  .site-footer { width: calc(100% - 32px); }
  .landing { grid-template-columns: minmax(0, 1fr); gap: 28px; min-height: 0; padding-top: 8px; }
  .overview { grid-template-columns: minmax(0, 1fr); }
  .welcome-row, .section-heading { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 520px) {
  .profile-pill { max-width: 80px; }
  .landing-actions .btn { width: 100%; }
  .result-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer { flex-direction: column; font-size: 11px; }
}
@media (max-width: 380px) { .brand span:last-child { font-size: 17px; } .profile-pill .avatar { display: none; } }
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { transition: none !important; animation: none !important; } }