/* responsive.css — global breakpoint overrides (loads last) */
/* RESPONSIVE */
@media (max-width: 960px) {
  .about-grid, .reg-grid, .con-grid { grid-template-columns: 1fr; gap: 3rem; }
  .sessions-grid, .tech-grid { grid-template-columns: 1fr; }
  .about-visual { order: -1; }
  .about-badge { right: 0; bottom: -1rem; }
  .nav-links, .btn-reg-nav { display: none; }
  .hamburger { display: flex; }
  .stars-intro { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
  :root { --sp: 3.5rem; }
  .f-row { grid-template-columns: 1fr; }
  h1.hero-title { font-size: clamp(2.8rem, 13vw, 4rem); }
  .pillars { grid-template-columns: 1fr; }
  .both-card { flex-direction: column; }
  /* Slightly larger, easier-to-read pills on mobile */
  .tl-tag { font-size: 12px; padding: 4px 13px; }
  .trn-tag { font-size: 12px; padding: 6px 14px; }
  .tl-tags { gap: 7px; }
  .trn-meta { gap: 0.6rem; }
}