/* Akademi English - Ortak soru gorunumu */
.soru{--s-ana:#2563eb;--s-yuzey:#fff;--s-cizgi:#e2e8f0;--s-metin:#1e293b;--s-soluk:#64748b;--s-iyi:#16a34a;--s-kotu:#dc2626;
      color:var(--s-metin);font-size:1rem;line-height:1.7}
.soru *{box-sizing:border-box}

/* Okuma / dinleme metni */
.soru .okuma{background:#f8fafc;border:1px solid var(--s-cizgi);border-left:4px solid #0ea5e9;border-radius:12px;
             padding:1rem 1.2rem;margin-bottom:1rem;max-height:46vh;overflow:auto}
.soru .okuma-baslik{font-weight:700;margin-bottom:.4rem}
.soru .okuma-metin p{margin:0 0 .6rem}

/* Soru koku */
.soru .soru-kok{background:var(--s-yuzey);border:1px solid var(--s-cizgi);border-radius:12px;padding:1.2rem 1.4rem;
                margin-bottom:1rem;font-size:1.05rem}
.soru .soru-kok p{margin:0 0 .5rem}
.soru .bosluk{display:inline-block;min-width:4.5em;border-bottom:2px dashed var(--s-ana);margin:0 .2em;
              padding:0 .3em;color:var(--s-ana);font-weight:700;text-align:center}
.soru .bosluk.dolu{border-bottom-style:solid;background:rgba(37,99,235,.08);border-radius:4px 4px 0 0}
.soru .soru-gorsel{display:block;max-width:100%;max-height:340px;margin:0 auto 1rem;border-radius:12px;object-fit:contain}

/* Diyalog */
.soru .diyalog{display:flex;flex-direction:column;gap:.5rem;margin:.3rem 0}
.soru .balon{max-width:85%;padding:.55rem .9rem;border-radius:14px;position:relative;line-height:1.55}
.soru .balon .kisi{display:block;font-size:.75rem;font-weight:700;opacity:.7;letter-spacing:.02em}
.soru .balon.b0{align-self:flex-start;background:#eff6ff;border-bottom-left-radius:4px}
.soru .balon.b1{align-self:flex-end;background:#f0fdf4;border-bottom-right-radius:4px}

/* Ses */
.soru .ses{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}
.soru .ses audio{width:100%;max-width:420px}
.soru .ses-dugme{border:0;border-radius:999px;padding:.55rem 1.1rem;font-weight:700;cursor:pointer;
                 background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 3px 10px rgba(249,115,22,.3)}
.soru .ses-dugme.yavas{background:#fff;color:#c2410c;border:2px solid #fdba74;box-shadow:none}
.soru .ses-dugme.caliyor{animation:soruNabiz 1s infinite}
@keyframes soruNabiz{50%{transform:scale(1.05)}}

/* Siklar */
.soru .secenekler{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1rem}
.soru .secenek{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;background:var(--s-yuzey);
               border:2px solid var(--s-cizgi);border-radius:12px;padding:.85rem 1.1rem;cursor:pointer;
               font:inherit;color:inherit;transition:border-color .15s,background .15s,transform .1s}
.soru .secenek:hover:not(:disabled){border-color:var(--s-ana);background:rgba(37,99,235,.03)}
.soru .secenek:active:not(:disabled){transform:scale(.99)}
.soru .secenek .harf{width:34px;height:34px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;
                     justify-content:center;font-weight:700;color:var(--s-soluk);flex-shrink:0}
.soru .secenek.secili{border-color:var(--s-ana);background:rgba(37,99,235,.08)}
.soru .secenek.secili .harf{background:var(--s-ana);color:#fff}
.soru .secenek.dogru{border-color:var(--s-iyi);background:#f0fdf4}
.soru .secenek.dogru .harf{background:var(--s-iyi);color:#fff}
.soru .secenek.yanlis{border-color:var(--s-kotu);background:#fef2f2}
.soru .secenek.yanlis .harf{background:var(--s-kotu);color:#fff}
.soru .secenek:disabled{cursor:default}
.soru .sik-icerik{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.soru .sik-gorsel{max-width:100%;max-height:160px;object-fit:contain;border-radius:8px}

/* Resimli siklar: kart izgarasi */
.soru .secenekler.izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.soru .izgara .secenek{flex-direction:column;align-items:stretch;padding:.7rem;position:relative}
.soru .izgara .secenek .harf{position:absolute;top:.5rem;left:.5rem;width:28px;height:28px;font-size:.85rem}
.soru .izgara .sik-icerik{align-items:center;text-align:center}
.soru .izgara .sik-gorsel{width:100%;height:150px;max-height:none}
@media (min-width:700px){.soru .secenekler.izgara{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}

/* Dogru / Yanlis */
.soru .secenekler.dy{flex-direction:row}
.soru .dy .secenek{justify-content:center;font-weight:700;font-size:1.1rem}

/* Eslestirme */
.soru .eslestirme{display:grid;gap:1rem;margin-bottom:1rem}
.soru .es-sag{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem}
.soru .es-kart{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:.5rem .7rem}
.soru .es-kart .harf{width:26px;height:26px;border-radius:50%;background:#7c3aed;color:#fff;display:flex;align-items:center;
                     justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}
.soru .es-gorsel{width:56px;height:56px;object-fit:contain;border-radius:6px}
.soru .es-sol{display:flex;flex-direction:column;gap:.5rem}
.soru .es-satir{display:flex;align-items:center;gap:.7rem;background:var(--s-yuzey);border:2px solid var(--s-cizgi);
                border-radius:10px;padding:.5rem .8rem;flex-wrap:wrap}
.soru .es-satir.dogru{border-color:var(--s-iyi);background:#f0fdf4}
.soru .es-satir.yanlis{border-color:var(--s-kotu);background:#fef2f2}
.soru .es-oge{flex:1;display:flex;align-items:center;gap:.5rem;font-weight:600;min-width:120px}
.soru .es-secim{min-width:80px;padding:.4rem .6rem;border-radius:8px;border:2px solid #c4b5fd;font-weight:700;background:#fff}
.soru .es-dogru{font-size:.85rem;color:var(--s-iyi);font-weight:700}

/* Cumle kurma */
.soru .cumle{margin-bottom:1rem}
.soru .cumle-hedef{min-height:58px;border:2px dashed #93c5fd;border-radius:12px;padding:.6rem;display:flex;flex-wrap:wrap;
                   gap:.45rem;align-items:center;background:#f8fbff;margin-bottom:.7rem;font-size:1.05rem;font-weight:600}
.soru .cumle-hedef:empty::before{content:'Kelimelere dokunarak cümleyi kur';color:#94a3b8;font-weight:400;font-size:.9rem}
.soru .cumle-havuz{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.5rem}
.soru .parca{border:0;border-radius:10px;padding:.5rem .9rem;background:#e0e7ff;color:#3730a3;font-weight:700;
             font-size:1rem;cursor:pointer;box-shadow:0 2px 0 #c7d2fe}
.soru .cumle-hedef .parca{background:#2563eb;color:#fff;box-shadow:0 2px 0 #1e40af}
.soru .cumle-temizle{border:0;background:none;color:var(--s-soluk);font-size:.85rem;cursor:pointer;padding:.2rem 0}

/* Cozum */
.soru .cozum{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:.9rem 1.1rem;font-size:.95rem}
.soru .cozum .aciklama{margin-top:.35rem}
.soru .sonuc-etiket{font-weight:800;margin-bottom:.35rem}
.soru .sonuc-etiket.iyi{color:var(--s-iyi)}
.soru .sonuc-etiket.kotu{color:var(--s-kotu)}

/* Kucuk siniflar (2-4): iri, dokunmaya uygun */
.kucuk-sinif .soru{font-size:1.15rem}
.kucuk-sinif .soru .soru-kok{font-size:1.25rem;border-radius:18px;border-width:2px}
.kucuk-sinif .soru .secenek{border-radius:18px;padding:1rem 1.2rem;font-size:1.15rem}
.kucuk-sinif .soru .izgara .sik-gorsel{height:170px}
.kucuk-sinif .soru .ses-dugme{font-size:1.1rem;padding:.75rem 1.4rem}
.kucuk-sinif .soru .parca{font-size:1.2rem;padding:.65rem 1.1rem}

/* Karanlik tema */
[data-theme="dark"] .soru{--s-yuzey:#1e293b;--s-cizgi:#334155;--s-metin:#e2e8f0;--s-soluk:#94a3b8}
[data-theme="dark"] .soru .okuma,[data-theme="dark"] .soru .es-kart,[data-theme="dark"] .soru .cumle-hedef{background:#0f172a}
[data-theme="dark"] .soru .secenek .harf{background:#334155;color:#cbd5e1}
[data-theme="dark"] .soru .cozum{background:#422006;border-color:#854d0e}
[data-theme="dark"] .soru .balon.b0{background:#1e3a8a}
[data-theme="dark"] .soru .balon.b1{background:#14532d}