/* Musafir Diary — responsive */

@media (max-width:1024px){
  .blog-layout{grid-template-columns:1fr 280px;gap:32px}
  .posts-grid{grid-template-columns:1fr 1fr}
  .post-card.featured{grid-column:span 2;grid-row:auto}
  .post-card.featured .post-img{height:300px}
}

@media (max-width:768px){
  .md-nav{padding:0 20px}
  .md-menu-toggle{display:block}
  .nav-links{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:var(--midnight);flex-direction:column;align-items:stretch;padding:90px 20px 30px;transition:right .3s ease;z-index:200;gap:4px;overflow-y:auto}
  .nav-links.open{right:0}
  .nav-links a{display:block;padding:14px 16px;font-size:1rem}
  .nav-links .sub-menu{position:static;display:block;box-shadow:none;background:rgba(255,255,255,.05);min-width:0}
  .md-menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .md-menu-toggle.active span:nth-child(2){opacity:0}
  .md-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .section,.values-section,.guidelines-section,.topics-wrap,.wfu-form-section,.newsletter-section,.faq-section,.numbers-strip,.contact-wrap,.cta-band{padding-left:20px;padding-right:20px}
  .posts-inner{padding:0 20px}
  .posts-grid{grid-template-columns:1fr}
  .post-card.featured{grid-column:auto}
  .post-card.featured .post-img{height:240px}
  .about-story{grid-template-columns:1fr;gap:40px;padding:60px 20px}
  .contact-layout{grid-template-columns:1fr}
  .contact-info,.contact-form-wrap{padding:40px 28px}
  .values-grid{grid-template-columns:1fr}
  .numbers-inner{grid-template-columns:repeat(2,1fr);gap:24px}
  .footer-grid,.footer-widgets{grid-template-columns:1fr 1fr}
  .guide-grid{grid-template-columns:1fr}
  .topics-grid{grid-template-columns:repeat(2,1fr)}
  .wfu-why{grid-template-columns:1fr}
  .dest-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,180px)}
  .dest-card:first-child{grid-row:auto;grid-column:span 2}
  .form-row{grid-template-columns:1fr}
  .blog-layout{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .md-sidebar{margin-top:40px}
  .stats-bar{gap:30px}
  .stat-num{font-size:1.5rem}
}

@media (max-width:480px){
  .footer-grid,.footer-widgets{grid-template-columns:1fr}
  .dest-grid{grid-template-columns:1fr}
  .dest-card:first-child{grid-column:auto}
  .topics-grid{grid-template-columns:1fr}
  .numbers-inner{grid-template-columns:1fr 1fr}
  .nl-form{flex-direction:column}
  .nl-form input{border-radius:4px;margin-bottom:8px}
  .nl-form button{border-radius:4px}
  .hero-title{font-size:2.4rem}
  .blog-wrap,.page-content-narrow{padding-left:18px;padding-right:18px}
}