/* ────────────────────────────────────────────────────────────
   responsive.css — mobile breakpoints
   ──────────────────────────────────────────────────────────── */

@media(max-width:860px){
  nav{padding:0 20px;}
  .nav-links{display:none;}

  section,#about{padding:72px 20px;}

  .about-inner,
  .contact-inner,
  .cv-grid{grid-template-columns:1fr;}

  .info-card{display:none;}

  .sec-header{grid-template-columns:1fr;gap:8px;}

  .res-grid{grid-template-columns:1fr;}
  .res-card.full{grid-column:auto;}

  .pub-item{grid-template-columns:1fr;}

  footer{flex-direction:column;gap:10px;text-align:center;}
}