/* رتِّل — التجاوب */
@media (max-width:980px){
  .hero{grid-template-columns:1fr;padding-top:2.5rem;gap:2rem}
  .hero-visual{order:-1}
  .lab{grid-template-columns:1fr}
  .mock-card.c2{inset-inline-end:-.4rem}
}
@media (max-width:760px){
  .nav{position:fixed;inset-inline:0;top:68px;z-index:40;display:none;flex-direction:column;align-items:stretch;
    gap:.2rem;padding:1rem;background:var(--card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lift)}
  .nav.open{display:flex;animation:fadeUp .25s var(--ease)}
  .nav a{padding:.75rem 1rem}
  .burger{display:inline-flex}
  .nav-actions .btn-label{display:none}
  .reader-bar{top:64px}
  .example{grid-template-columns:1fr;gap:.5rem}
  .ayah{grid-template-columns:1fr;gap:.4rem}
  .ayah-num{order:-1}
  .topbar-inner{height:64px}
  .brand-sub{display:none}
  .toast-wrap{inset-inline:.75rem;inset-block-end:.75rem}
}
@media (max-width:520px){
  .section{padding:2.25rem 0}
  .container{padding-inline:1rem}
  .surah-grid{grid-template-columns:1fr}
  .trust{gap:1rem}
  .clay{padding:1.15rem}
  .btn{padding:.7rem 1.15rem}
  .mock-card{display:none}
}
@media print{
  .topbar,.sitefooter,.toast-wrap,.nav{display:none!important}
  body{background:#fff}
}