/* =========================================================
   KRISHNANANDHAM — responsive.css
   All @media breakpoint rules extracted from style.css.
   Must be loaded AFTER style.css and animation.css so these
   overrides win the cascade at matching specificity.
   Breakpoints used: 980px (tablet / nav collapse), 640px (mobile).
   Also includes the prefers-reduced-motion accessibility rule.
   ========================================================= */

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
}

@media (max-width:980px){
  .main-nav{
    position:fixed; top:var(--header-h); left:0; right:0; background:var(--bg-deep); flex-direction:column;
    padding:20px 28px; gap:18px; transform:translateY(-120%); transition:transform .4s var(--ease);
    border-bottom:1px solid rgba(190, 154, 34, 0.2);
  }
  .main-nav.open{ transform:translateY(0); }
  .nav-toggle{ display:flex; }
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .donate-layout{ grid-template-columns:1fr; }
}

@media (max-width:640px){
  body{ font-size:17px; }
  .header-inner{ padding:0 16px; }
  .section{ padding:120px 18px 80px; }
  .footer-grid{ grid-template-columns:1fr; }
  .book-toolbar{ justify-content:center; }
  .tool-search{ width:100%; }
}