/* ==========================================================================
   09 · MOSLASHUVCHANLIK — ekran oʻlchamiga qarab tuzatishlar
   Bu fayl boshqa uslublardan KEYIN ulanadi.
   ========================================================================== */

/* ---------- 3 + 3 muvozanat ---------- */
@media (min-width: 900px) {
  .life-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ---------- planshet: menyu yigʻiladi ---------- */
@media (max-width: 1080px) {
  .nav { display: none; }
  .nav.open {
    display: flex;
    position: absolute;
    top: var(--topbar-h); left: 0; right: 0;
    flex-direction: column;
    background: var(--surface);
    border-bottom: 1px solid var(--line);
    padding: 12px;
    box-shadow: var(--shadow-lg);
  }
  .nav-toggle { display: inline-flex; }
  .topbar-inner { justify-content: space-between; }
  .tool-label { display: none; }
  .tool { padding: 9px 11px; }
}

/* ---------- kichik planshet / katta telefon ---------- */
@media (max-width: 900px) {
  .hero-grid,
  .two-col,
  .three-col,
  .warn-grid,
  .convert-box,
  .game-grid,
  .anatomy-box,
  .repr-grid,
  .lab-stage { grid-template-columns: 1fr; }

  .hero { padding: 34px 0 20px; }
  .hero-mascot { order: -1; max-width: 300px; margin: 0 auto; }
  .anat-viz { width: 140px; margin: 0 auto; }
  .anat-frac { margin-inline: auto; }
  .scale { grid-template-columns: 1fr; }
  .scale-mid { display: grid; place-items: center; }
  .match-board { grid-template-columns: repeat(4, 1fr); }
  .lab-stage { justify-items: center; }
  .lab-viz { max-width: 320px; width: 100%; }
}

/* ---------- telefon ---------- */
@media (max-width: 560px) {
  .container { padding: 0 15px; }
  .chapter { padding: 36px 0 6px; }
  .card, .lab, .quiz, .exam, .story, .warn, .recap, .fact, .answer-key { padding: 18px; }
  .rule-box { padding: 20px 18px; }
  .card[data-rule], .conv[data-rule], .warn[data-rule], .rule-box[data-rule] { padding-top: 30px; }
  .q-opts, .exam-opts { grid-template-columns: 1fr; }
  .match-board { grid-template-columns: repeat(3, 1fr); }
  .match-card { font-size: .95rem; }
  .eq-viz > div { width: 110px; }
  .duel-card { font-size: 1.5rem; min-height: 96px; }
  .big-eq { font-size: 1.25rem; }
  .step-eq { font-size: 1.1rem; gap: 10px; }
  .sp-eq { font-size: 1.3rem; }
  .story-avatar { width: 88px; margin-left: 12px; }
  .lab-controls { gap: 16px; }
  .machine { gap: 12px; padding: 14px; }
  .machine input[type="number"] { width: 78px; font-size: 1.15rem; }
  .footer-inner { flex-direction: column; align-items: flex-start; }
  .fab { right: 14px; bottom: 14px; }
}

/* ---------- juda tor ekran: kasrlar biroz kattaroq boʻlsin ---------- */
@media (max-width: 420px) {
  .frac { --frac-size: .82em; }
}

/* ---------- harakatni kamaytirish ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}