/* ============================================================
   STANDARD RESUME TEMPLATE — responsive.css
   Media queries only. Load AFTER style.css.
   ============================================================ */

@media (max-width:1000px){
  .wrap{padding:0 24px;}
}

@media (max-width:860px){
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .stat{border-left:1px solid var(--line);}
  .stat:nth-child(2n+1){border-left:none;}
  .stat:nth-child(n+3){border-top:1px solid var(--line);}
  .hero .wrap{grid-template-columns:1fr;}
  .hero{padding-top:48px; padding-bottom:64px;}
  .photo-frame{order:-1; max-width:240px; margin:0 auto 24px;}
  .two-col{grid-template-columns:1fr; gap:40px;}
  .contact-grid{grid-template-columns:1fr; gap:30px;}
  section{padding:64px 0;}
  .nav-links{
    position:absolute; top:64px; left:0; right:0;
    background:var(--bg);
    flex-direction:column;
    padding:20px 24px 28px;
    border-bottom:1px solid var(--line);
    display:none;
    gap:18px;
    box-shadow:0 12px 24px rgba(16,24,40,0.08);
  }
  .nav-links.open{display:flex;}
  .nav-cta{display:none;}
  .menu-btn{display:flex;}
}

@media (max-width:560px){
  .footer-icon-buttons{justify-content:flex-start;}
  .data-modal-inner{padding:22px;}
  .data-table th, .data-table td{padding:8px 6px; font-size:12.5px;}
  .data-table .usd{display:block; margin-top:2px;}
  .mini-bar-row{grid-template-columns:1fr; gap:4px;}
  .mini-bar-val{text-align:left;}
  .stats-grid{grid-template-columns:1fr;}
  .stat{border-left:none !important; border-top:1px solid var(--line);}
  .stat:first-child{border-top:none;}
  .wrap{padding:0 20px;}
  header nav.wrap{height:64px;}
  .nav-links{top:64px;}
  .hero{padding-top:36px;}
  .hero-actions{flex-direction:column; align-items:stretch;}
  .btn{justify-content:center;}
  section{padding:52px 0;}
  .section-head{margin-bottom:32px;}
  .social-strip .wrap{flex-direction:column; align-items:flex-start;}
  .social-icons{gap:14px;}
  .t-item{grid-template-columns:56px 1fr; gap:16px; padding:22px 0;}
  .timeline::before{left:56px;}
  .t-dot{left:51px;}
  .t-year{font-size:11px;}
  .detail-row{grid-template-columns:110px 1fr;}
  .photo-frame{max-width:200px;}
  .photo-frame .tag{font-size:10px; padding:6px 10px; top:-12px; left:-10px;}
  footer{padding:56px 0 32px;}
  .foot-bottom{flex-direction:column; align-items:flex-start;}
}

@media (max-width:380px){
  .hero h1{font-size:32px;}
  .t-item{grid-template-columns:1fr; gap:6px;}
  .timeline::before{display:none;}
  .t-dot{display:none;}
  .t-year{padding-top:0;}
  .detail-row{grid-template-columns:1fr; gap:4px;}
  .detail-row dt{padding-bottom:2px;}
}