/* =========================================================
   duzeltme.css · sefer · 30 Agu
   Gomulu stile DOKUNULMADI. Ustune yazan onarim.
   Geri alma: index.html'deki <link> satirini sil.
   ========================================================= */

/* ---------------------------------------------------------
   1 · TELEFONDA YATAY BOSLUK YOKTU
   Olcum: .screen'in padding-left/right kurali YALNIZ
   @media(min-width:1024px) icinde. 1024 altinda hicbir yatay
   bosluk yok; .app 420px sinirini asamadigi icin telefonda
   ekrani TAM dolduruyor, icerik iki kenara DAYANIYOR.
   Harfler ve kart oklari kesik goruruyor.
   ⚠️ Ilk denemede .screen'e yazdim, ETKI ETMEDI: karsilama
      icerigi .screen icinde DEGIL, dogrudan .app icinde.
      Hedef .app olmali.
   ⚠️ .bottom-nav ve .mushaf-actions position:fixed, yani
      .app'in padding'inden ETKILENMEZ · dugmeler daralmaz.
   --------------------------------------------------------- */
@media (max-width:1023px){
  .app{
    padding-left:16px;
    padding-right:16px;
  }
}

@media (max-width:360px){
  .app{
    padding-left:12px;
    padding-right:12px;
  }
}