@media (max-width: 860px) {
  .hero-grid, .about-grid, .card-grid, .edu-grid { grid-template-columns: minmax(0, 1fr); }
  .tl-card { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
  .facts li { grid-template-columns: minmax(0, 1fr); gap: .1rem; }
  .contact-panel { flex-direction: column; align-items: flex-start; }

  .js .nav-toggle { display: inline-flex; }
  .js .brand { margin-right: auto; }
  .js .nav-links { position: absolute; top: 100%; left: 0; right: 0; display: none; flex-direction: column; gap: 0; padding: .25rem clamp(1.25rem, 4vw, 2.5rem) 1rem; background: var(--bg); border-bottom: 1px solid var(--line); overflow: visible; }
  .js .nav-links.is-open { display: flex; }
  .js .nav-links a { font-size: 1.1rem; color: var(--ink); padding: .85rem 0; border-top: 1px solid var(--line); }
  .js .nav-links a:first-child { border-top: 0; }
}
@media (max-width: 560px) {
  .brand-name { position: absolute; left: -9999px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .term .ln { opacity: 1; animation: none; }
  .caret { animation: none; }
}