/* Elmadil Plus — KLASİK okuma görünümü (varsayılan).
   Hikaye, yazının içine gömülü özgün (yeşil) tasarımıyla görünür; bu dosya yalnız şunları ekler:
   1) seviye rozeti / "diğer seviyeler" şeridi / sonraki hikaye bağlantısı için yeşil renkler,
   2) gece modu (html[data-kb-theme="dark"]) renkleri.
   Özgün kurallar tek sınıflı (.ehs-x) olduğu için buradaki gece kuralları (html[...] .ehs-x) onları ezer. */

/* ---- seviye bileşenleri: yeşil palet (el-seviyeler.css değişkenleri) ---- */
html body .el-level-info,html body .el-level-strip,html body .el-level-next{--el-bg:#f8fdf9;--el-text:#2c3e50;--el-line:#d5f5e3;--el-brand:#27ae60;--el-on-brand:#fff;
  max-width:none;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
.el-level-strip{border-width:2px;border-radius:14px}
.el-level-strip h2{color:#1e8449}
.el-level-info nav>a,.el-level-info nav>span,.el-level-strip nav>a,.el-level-strip nav>span{border-radius:20px;border-width:1.5px;font-weight:600;min-height:38px}
.el-level-strip nav>a:hover,.el-level-info nav>a:hover{background:#f0faf4;color:#1e8449;text-decoration:none}
.el-level-next a{color:#1e8449;font-weight:700}
.el-level-advice{color:#1e8449;font-weight:700}

/* test sonucu notu (el-okuma.js) */
.ehs-wrapper~.el-ok-sonuc-not,.el-ok-sonuc-not{background:#f0faf4;border-color:#d5f5e3;color:#1e8449}

/* ---- GECE MODU ---- */
html[data-kb-theme="dark"] .ehs-wrapper{color:#dfeee5}
html[data-kb-theme="dark"] .ehs-meta-item{background:#16291f;border-color:#24503a;color:#7fdca6}
html[data-kb-theme="dark"] .ehs-toolbar{background:#12211a;border-color:#24412f}
html[data-kb-theme="dark"] .ehs-btn{background:transparent;border-color:#2ecc71;color:#7fdca6}
html[data-kb-theme="dark"] .ehs-btn:hover,html[data-kb-theme="dark"] .ehs-btn.ehs-active{background:#27ae60;color:#fff}
html[data-kb-theme="dark"] .ehs-btn-secondary,html[data-kb-theme="dark"] .ehs-btn-docx{border-color:#5dade2;color:#8cc8f0}
html[data-kb-theme="dark"] .ehs-btn-secondary:hover,html[data-kb-theme="dark"] .ehs-btn-docx:hover{background:#2e86c1;color:#fff}

html[data-kb-theme="dark"] .ehs-vocab-box{background:#26220f;border-color:#4d4418}
html[data-kb-theme="dark"] .ehs-vocab-box h4{color:#f1c40f}
html[data-kb-theme="dark"] .ehs-vocab-item{background:#1b1909}
html[data-kb-theme="dark"] .ehs-vocab-en{color:#f3ead0}
html[data-kb-theme="dark"] .ehs-vocab-sep{color:#6b6440}
html[data-kb-theme="dark"] .ehs-vocab-tr{color:#c9bf95}

html[data-kb-theme="dark"] .ehs-story{background:#101b15;border-color:#21352a}
html[data-kb-theme="dark"] .ehs-story-title{color:#58d68d}
html[data-kb-theme="dark"] .ehs-story-subtitle{color:#9fb5a8;border-bottom-color:#1e3a2b}
html[data-kb-theme="dark"] .ehs-sentence{color:#e6f2ea}
html[data-kb-theme="dark"] .ehs-tr-toggle{background:#16291f;border-color:#2ecc71;color:#58d68d}
html[data-kb-theme="dark"] .ehs-tr-toggle:hover,html[data-kb-theme="dark"] .ehs-tr-toggle.ehs-open,html[data-kb-theme="dark"] .ehs-allshow .ehs-tr-toggle{background:#27ae60;color:#fff}
html[data-kb-theme="dark"] .ehs-translation{background:linear-gradient(135deg,#14291d,#173323);border-left-color:#2ecc71;color:#8fe3b3}

html[data-kb-theme="dark"] .ehs-download-bar{background:linear-gradient(135deg,#12211a,#14291d);border-color:#24412f}
html[data-kb-theme="dark"] .ehs-download-bar h4{color:#58d68d}
html[data-kb-theme="dark"] .ehs-download-bar p{color:#9fb5a8}

html[data-kb-theme="dark"] .ehs-questions{background:#12211a;border-color:#24412f}
html[data-kb-theme="dark"] .ehs-questions h3{color:#58d68d}
html[data-kb-theme="dark"] .ehs-q-item{background:#101b15;border-color:#21352a}
html[data-kb-theme="dark"] .ehs-q-text{color:#e6f2ea}
html[data-kb-theme="dark"] .ehs-q-opt{background:#16211b;border-color:#3b4f44;color:#cfe0d6}
html[data-kb-theme="dark"] .ehs-q-opt:hover{background:#16291f;border-color:#2ecc71;color:#7fdca6}
html[data-kb-theme="dark"] .ehs-q-opt.ehs-correct{background:#1d4d33;border-color:#2ecc71;color:#b9f3cf}
html[data-kb-theme="dark"] .ehs-q-opt.ehs-wrong{background:#4a1f1c;border-color:#e74c3c;color:#f5b7b1}
html[data-kb-theme="dark"] .ehs-q-feedback.ehs-fb-correct{background:#1d4d33;color:#b9f3cf}
html[data-kb-theme="dark"] .ehs-q-feedback.ehs-fb-wrong{background:#4a1f1c;color:#f5b7b1}

html[data-kb-theme="dark"] .ehs-nav{border-top-color:#1e3a2b}
html[data-kb-theme="dark"] .ehs-nav-secondary{background:transparent;color:#58d68d;border-color:#27ae60}
html[data-kb-theme="dark"] .ehs-nav-secondary:hover{background:#16291f}

html[data-kb-theme="dark"] body .el-level-info,html[data-kb-theme="dark"] body .el-level-strip,html[data-kb-theme="dark"] body .el-level-next{
  --el-bg:#12211a;--el-text:#dfeee5;--el-line:#24412f;--el-brand:#27ae60;--el-on-brand:#fff}
html[data-kb-theme="dark"] .el-level-strip h2,html[data-kb-theme="dark"] .el-level-next a,html[data-kb-theme="dark"] .el-level-advice{color:#58d68d}
html[data-kb-theme="dark"] .el-level-strip nav>a:hover,html[data-kb-theme="dark"] .el-level-info nav>a:hover{background:#16291f;color:#7fdca6}
html[data-kb-theme="dark"] .el-ok-sonuc-not{background:#16291f;border-color:#24503a;color:#b9f3cf}

/* testin altındaki "Hikayeyi tamamladım" düğmesi: klasik yeşil */
html body .el-ok-tamamla-btn{background:linear-gradient(135deg,#1e8449,#27ae60);box-shadow:0 4px 12px rgba(39,174,96,.25)}
html body .el-ok-tamamla-bilgi{background:#f0faf4;color:#1e8449}
html[data-kb-theme="dark"] body .el-ok-tamamla-bilgi{background:#16291f;color:#7fdca6}