/* ============================================================
   RESPONSIVE — general mobile overrides
   ============================================================ */
@media (max-width: 768px) {
  .hero {
    padding: 80px 16px 60px;
  }
  .hero-name {
    font-size: 2rem;
  }

  /* Stack legacy dual timeline to single column on mobile */
  .tl-row {
    flex-direction: column;
  }
  .tl-edu-col {
    width: 100%;
    text-align: left;
    padding: 0 0 12px 0;
  }
  .tl-dot-col {
    display: none;
  }
  .tl-work-col {
    width: 100%;
    padding: 0;
  }
  .timeline-dual::before {
    left: 12px;
  }
  .early-toggle-btn {
    max-width: calc(100% - 32px);
  }
  .skills-grid {
    grid-template-columns: 1fr;
  }
  .data-stream {
    display: none;
  }
}