/* =========================================================
   v1.2.1 — Erişilebilirlik / Renk Körlüğü / Okunabilirlik Katmanı
   İşlevsel akıştan bağımsız, yalnızca #mp-energy-app altında çalışır.
   ========================================================= */
#mp-energy-app{--mp-a11y-focus:#1457d9;--mp-a11y-focus-dark:#ffd54a}
#mp-energy-app .mp-a11y-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:8px 10px;border:1px solid #dfe5ed;border-radius:12px;background:#f8fafc;color:#253247;font-size:13px;line-height:1.2}
#mp-energy-app .mp-a11y-label{font-weight:800;margin-right:2px}
#mp-energy-app .mp-a11y-font{display:flex;gap:5px}
#mp-energy-app .mp-a11y-btn{appearance:none;min-width:44px;min-height:44px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#1f2937;font:800 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;padding:9px 11px}
#mp-energy-app .mp-a11y-btn[aria-pressed="true"]{background:#172033;border-color:#172033;color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px #172033}
#mp-energy-app .mp-a11y-contrast{min-width:auto;display:inline-flex;gap:7px;align-items:center}

#mp-energy-app.mp-font-large .mp-question h2{font-size:27px!important;line-height:1.5!important}
#mp-energy-app.mp-font-large .mp-option{font-size:18px!important;line-height:1.5!important;min-height:52px}
#mp-energy-app.mp-font-large .mp-feedback,#mp-energy-app.mp-font-large .mp-explanation{font-size:17px!important;line-height:1.65!important}
#mp-energy-app.mp-font-large p,#mp-energy-app.mp-font-large li,#mp-energy-app.mp-font-large label,#mp-energy-app.mp-font-large small{line-height:1.65}
#mp-energy-app.mp-font-large .mp-form input,#mp-energy-app.mp-font-large .mp-form select,#mp-energy-app.mp-font-large .mp-form textarea{font-size:17px!important;min-height:48px}
#mp-energy-app.mp-font-large .mp-btn,#mp-energy-app.mp-font-large .mp-secondary-btn,#mp-energy-app.mp-font-large .mp-nav-btn,#mp-energy-app.mp-font-large .mp-notice-link{font-size:16px!important;min-height:48px}
#mp-energy-app.mp-font-large .mp-quiz-left strong,#mp-energy-app.mp-font-large #mp-exam-timer{font-size:22px!important}
#mp-energy-app.mp-font-xlarge .mp-question h2{font-size:30px!important;line-height:1.55!important}
#mp-energy-app.mp-font-xlarge .mp-option{font-size:20px!important;line-height:1.55!important;min-height:58px}
#mp-energy-app.mp-font-xlarge .mp-feedback,#mp-energy-app.mp-font-xlarge .mp-explanation{font-size:19px!important;line-height:1.7!important}
#mp-energy-app.mp-font-xlarge p,#mp-energy-app.mp-font-xlarge li,#mp-energy-app.mp-font-xlarge label,#mp-energy-app.mp-font-xlarge small{line-height:1.72}
#mp-energy-app.mp-font-xlarge .mp-form input,#mp-energy-app.mp-font-xlarge .mp-form select,#mp-energy-app.mp-font-xlarge .mp-form textarea{font-size:18px!important;min-height:52px}
#mp-energy-app.mp-font-xlarge .mp-btn,#mp-energy-app.mp-font-xlarge .mp-secondary-btn,#mp-energy-app.mp-font-xlarge .mp-nav-btn,#mp-energy-app.mp-font-xlarge .mp-notice-link{font-size:17px!important;min-height:50px}
#mp-energy-app.mp-font-xlarge .mp-quiz-left strong,#mp-energy-app.mp-font-xlarge #mp-exam-timer{font-size:24px!important}

#mp-energy-app.mp-colorblind .mp-option.correct{border:3px solid #0067a3!important;border-left-width:8px!important;position:relative}
#mp-energy-app.mp-colorblind .mp-option.correct::after{content:"✓ Doğru cevap";margin-left:auto;padding:4px 7px;border:1px solid currentColor;border-radius:999px;color:#00557f;background:#fff;font-size:12px;font-weight:900;white-space:nowrap}
#mp-energy-app.mp-colorblind .mp-option.wrong{border:3px dashed #a64b00!important;border-left-width:8px!important;position:relative}
#mp-energy-app.mp-colorblind .mp-option.wrong::after{content:"✕ Seçiminiz";margin-left:auto;padding:4px 7px;border:1px dashed currentColor;border-radius:999px;color:#873d00;background:#fff;font-size:12px;font-weight:900;white-space:nowrap}

#mp-energy-app button,#mp-energy-app input[type="button"],#mp-energy-app input[type="submit"],#mp-energy-app select{min-height:44px}
#mp-energy-app input[type="checkbox"],#mp-energy-app input[type="radio"]{min-width:20px;min-height:20px}
#mp-energy-app button:focus-visible,#mp-energy-app a:focus-visible,#mp-energy-app input:focus-visible,#mp-energy-app select:focus-visible,#mp-energy-app textarea:focus-visible,#mp-energy-app [tabindex]:focus-visible{outline:3px solid var(--mp-a11y-focus)!important;outline-offset:3px!important;box-shadow:0 0 0 2px #fff!important}
#mp-energy-app .mp-option:focus-visible{border-color:var(--mp-a11y-focus)!important}

#mp-energy-app.mp-high-contrast{color:#0b0b0b!important}
#mp-energy-app.mp-high-contrast .mp-energy-card,#mp-energy-app.mp-high-contrast .mp-energy-hero,#mp-energy-app.mp-high-contrast .mp-exam-card,#mp-energy-app.mp-high-contrast .mp-dynamic-exam,#mp-energy-app.mp-high-contrast .mp-study-card,#mp-energy-app.mp-high-contrast .mp-study-detail,#mp-energy-app.mp-high-contrast .mp-help-card,#mp-energy-app.mp-high-contrast .mp-update-card,#mp-energy-app.mp-high-contrast .mp-pref-card{border-width:2px!important;border-color:#111!important}
#mp-energy-app.mp-high-contrast p,#mp-energy-app.mp-high-contrast small,#mp-energy-app.mp-high-contrast .mp-user-meta,#mp-energy-app.mp-high-contrast .mp-user-mail,#mp-energy-app.mp-high-contrast .mp-exam-meta{color:#252525!important}
#mp-energy-app.mp-high-contrast .mp-btn{background:#8b1320!important;color:#fff!important;border:2px solid #111!important}
#mp-energy-app.mp-high-contrast .mp-secondary-btn,#mp-energy-app.mp-high-contrast .mp-nav-btn,#mp-energy-app.mp-high-contrast .mp-option{border-width:2px!important;border-color:#202020!important;color:#111!important;background:#fff!important}

html.dark-mode #mp-energy-app .mp-a11y-bar,body.dark-mode #mp-energy-app .mp-a11y-bar,#mp-energy-app.mp-dark .mp-a11y-bar{background:#151c27!important;border-color:#45556c!important;color:#f5f7fb!important}
html.dark-mode #mp-energy-app .mp-a11y-btn,body.dark-mode #mp-energy-app .mp-a11y-btn,#mp-energy-app.mp-dark .mp-a11y-btn{background:#222e3d!important;border-color:#60718a!important;color:#f5f7fb!important}
html.dark-mode #mp-energy-app .mp-a11y-btn[aria-pressed="true"],body.dark-mode #mp-energy-app .mp-a11y-btn[aria-pressed="true"],#mp-energy-app.mp-dark .mp-a11y-btn[aria-pressed="true"]{background:#f5f7fb!important;color:#111827!important;border-color:#f5f7fb!important;box-shadow:0 0 0 2px #151c27,0 0 0 4px #f5f7fb!important}
html.dark-mode #mp-energy-app button:focus-visible,html.dark-mode #mp-energy-app a:focus-visible,html.dark-mode #mp-energy-app input:focus-visible,html.dark-mode #mp-energy-app select:focus-visible,html.dark-mode #mp-energy-app textarea:focus-visible,#mp-energy-app.mp-dark button:focus-visible,#mp-energy-app.mp-dark a:focus-visible,#mp-energy-app.mp-dark input:focus-visible,#mp-energy-app.mp-dark select:focus-visible,#mp-energy-app.mp-dark textarea:focus-visible{outline-color:var(--mp-a11y-focus-dark)!important;box-shadow:0 0 0 2px #101720!important}
html.dark-mode #mp-energy-app.mp-colorblind .mp-option.correct::after,html.dark-mode #mp-energy-app.mp-colorblind .mp-option.wrong::after,#mp-energy-app.mp-dark.mp-colorblind .mp-option.correct::after,#mp-energy-app.mp-dark.mp-colorblind .mp-option.wrong::after{background:#101720!important;color:#fff!important}
html.dark-mode #mp-energy-app.mp-high-contrast,body.dark-mode #mp-energy-app.mp-high-contrast,#mp-energy-app.mp-dark.mp-high-contrast{color:#fff!important}
html.dark-mode #mp-energy-app.mp-high-contrast .mp-energy-card,html.dark-mode #mp-energy-app.mp-high-contrast .mp-energy-hero,html.dark-mode #mp-energy-app.mp-high-contrast .mp-exam-card,html.dark-mode #mp-energy-app.mp-high-contrast .mp-dynamic-exam,html.dark-mode #mp-energy-app.mp-high-contrast .mp-study-card,html.dark-mode #mp-energy-app.mp-high-contrast .mp-study-detail,html.dark-mode #mp-energy-app.mp-high-contrast .mp-help-card,html.dark-mode #mp-energy-app.mp-high-contrast .mp-update-card,#mp-energy-app.mp-dark.mp-high-contrast .mp-energy-card,#mp-energy-app.mp-dark.mp-high-contrast .mp-energy-hero{background:#050505!important;border-color:#fff!important;color:#fff!important}
html.dark-mode #mp-energy-app.mp-high-contrast p,html.dark-mode #mp-energy-app.mp-high-contrast small,html.dark-mode #mp-energy-app.mp-high-contrast .mp-user-meta,html.dark-mode #mp-energy-app.mp-high-contrast .mp-user-mail,#mp-energy-app.mp-dark.mp-high-contrast p,#mp-energy-app.mp-dark.mp-high-contrast small{color:#f0f0f0!important}

@media(max-width:700px){#mp-energy-app .mp-a11y-bar{justify-content:center;margin:0 0 10px;padding:7px 8px}#mp-energy-app .mp-a11y-label{width:100%;text-align:center;font-size:12px}#mp-energy-app .mp-a11y-btn{min-width:46px;min-height:46px}#mp-energy-app.mp-font-large .mp-question h2{font-size:23px!important}#mp-energy-app.mp-font-xlarge .mp-question h2{font-size:26px!important}#mp-energy-app.mp-font-large .mp-option{font-size:17px!important}#mp-energy-app.mp-font-xlarge .mp-option{font-size:19px!important}#mp-energy-app.mp-colorblind .mp-option.correct::after,#mp-energy-app.mp-colorblind .mp-option.wrong::after{font-size:11px;white-space:normal;text-align:center;max-width:88px}#mp-energy-app.mp-font-xlarge .mp-quizbar{gap:8px;flex-wrap:wrap}#mp-energy-app.mp-font-xlarge .mp-quiz-actions{width:100%;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){#mp-energy-app *,#mp-energy-app *::before,#mp-energy-app *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* v1.2.1 — Renk tek başına anlam taşımaz. Protanopi/deuteranopi için mavi + turuncu,
   ayrıca ikon, metin ve çizgi biçimi birlikte kullanılır. */
#mp-energy-app.mp-colorblind .mp-state.pass{background:#e7f3fb!important;color:#004f78!important;border:1px solid #0067a3!important;font-weight:800}
#mp-energy-app.mp-colorblind .mp-state.pass::before{content:"✓ ";font-weight:950}
#mp-energy-app.mp-colorblind .mp-state.fail{background:#fff1e6!important;color:#7b3600!important;border:1px dashed #a64b00!important;font-weight:800}
#mp-energy-app.mp-colorblind .mp-state.fail::before{content:"✕ ";font-weight:950}
#mp-energy-app.mp-colorblind .mp-feedback.ok{background:#e7f3fb!important;border:2px solid #0067a3!important}
#mp-energy-app.mp-colorblind .mp-feedback.no{background:#fff1e6!important;border:2px dashed #a64b00!important}
#mp-energy-app.mp-colorblind .mp-result.passed{box-shadow:inset 0 6px 0 #0067a3!important}
#mp-energy-app.mp-colorblind .mp-result.failed{box-shadow:inset 0 6px 0 #a64b00!important}
#mp-energy-app.mp-colorblind .mp-option.correct{background:#e7f3fb!important;color:#07324a!important}
#mp-energy-app.mp-colorblind .mp-option.wrong{background:#fff1e6!important;color:#4d2608!important}
html.dark-mode #mp-energy-app.mp-colorblind .mp-option.correct,#mp-energy-app.mp-dark.mp-colorblind .mp-option.correct{background:#102c3c!important;border-color:#5ec8ff!important;color:#eefaff!important}
html.dark-mode #mp-energy-app.mp-colorblind .mp-option.wrong,#mp-energy-app.mp-dark.mp-colorblind .mp-option.wrong{background:#3a2715!important;border-color:#ffb454!important;color:#fff6eb!important}
html.dark-mode #mp-energy-app.mp-colorblind .mp-state.pass,#mp-energy-app.mp-dark.mp-colorblind .mp-state.pass{background:#102c3c!important;color:#d9f5ff!important;border-color:#5ec8ff!important}
html.dark-mode #mp-energy-app.mp-colorblind .mp-state.fail,#mp-energy-app.mp-dark.mp-colorblind .mp-state.fail{background:#3a2715!important;color:#fff0dd!important;border-color:#ffb454!important}
html.dark-mode #mp-energy-app.mp-colorblind .mp-feedback.ok,#mp-energy-app.mp-dark.mp-colorblind .mp-feedback.ok{background:#102c3c!important;border-color:#5ec8ff!important;color:#f5fbff!important}
html.dark-mode #mp-energy-app.mp-colorblind .mp-feedback.no,#mp-energy-app.mp-dark.mp-colorblind .mp-feedback.no{background:#3a2715!important;border-color:#ffb454!important;color:#fff8ef!important}
#mp-energy-app .mp-a11y-reset{display:inline-flex;align-items:center;gap:6px}
#mp-energy-app .mp-a11y-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){#mp-energy-app .mp-a11y-reset{flex:1 1 auto;justify-content:center}}


/* v1.2.2 - Mobil sınav sticky bar kompakt düzeni */
@media (max-width:700px){
  #mp-energy-app.mp-energy-app .mp-quizbar-timed{
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"question timer" "actions actions" !important;
    align-items:center !important;
    column-gap:10px !important;
    row-gap:8px !important;
    padding:9px 10px !important;
    top:6px !important;
  }
  #mp-energy-app.mp-energy-app .mp-quiz-left{
    grid-area:question !important;
    min-width:0 !important;
  }
  #mp-energy-app.mp-energy-app .mp-quiz-left strong{font-size:14px !important;line-height:1.1 !important}
  #mp-energy-app.mp-energy-app .mp-quiz-left span{font-size:12px !important;line-height:1.1 !important}
  #mp-energy-app.mp-energy-app .mp-timer-wrap{
    grid-area:timer !important;
    justify-content:flex-end !important;
    gap:6px !important;
    white-space:nowrap !important;
  }
  #mp-energy-app.mp-energy-app .mp-timer-label{
    font-size:9px !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
  }
  #mp-energy-app.mp-energy-app #mp-exam-timer{
    font-size:18px !important;
    line-height:1 !important;
  }
  #mp-energy-app.mp-energy-app .mp-quiz-actions{
    grid-area:actions !important;
    grid-column:auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
  }
  #mp-energy-app.mp-energy-app .mp-quiz-link,
  #mp-energy-app.mp-energy-app .mp-quiz-finish{
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    padding:8px 7px !important;
    font-size:11px !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }
}
@media (max-width:390px){
  #mp-energy-app.mp-energy-app .mp-quizbar-timed{
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"question timer" "actions actions" !important;
  }
  #mp-energy-app.mp-energy-app .mp-timer-label{font-size:8px !important}
  #mp-energy-app.mp-energy-app #mp-exam-timer{font-size:17px !important}
  #mp-energy-app.mp-energy-app .mp-quiz-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  }
}

/* v1.3.0 — Renk körlüğü görünümü isteğe bağlıdır; varsayılan tema renkleri değişmez. */
#mp-energy-app .mp-a11y-colorblind{min-width:auto;display:inline-flex;align-items:center;gap:6px}
@media(max-width:700px){#mp-energy-app .mp-a11y-colorblind{flex:1 1 auto;justify-content:center}}

/* v1.4.0 — Oturum sonrası görünüm çubuğu ve daha anlaşılır kontrol adları. */
#mp-energy-app .mp-a11y-bar{
  justify-content:flex-start;
  gap:9px;
  padding:10px 12px;
  border-color:#d9e0e9;
  border-radius:14px;
  background:linear-gradient(180deg,#fbfcfe 0%,#f6f8fb 100%);
  box-shadow:0 4px 14px rgba(17,24,39,.035);
}
#mp-energy-app .mp-a11y-label{display:grid;gap:2px;min-width:128px;margin:0 auto 0 0;line-height:1.1}
#mp-energy-app .mp-a11y-label strong{font-size:13px;color:inherit}
#mp-energy-app .mp-a11y-label small{font-size:11px;font-weight:600;color:#737f90;line-height:1.2}
#mp-energy-app .mp-a11y-control{display:inline-flex;align-items:center}
#mp-energy-app .mp-a11y-font{gap:3px;padding:3px;border:1px solid #dce2ea;border-radius:11px;background:#eef2f6}
#mp-energy-app .mp-a11y-group-label{padding:0 6px;font-size:11px;font-weight:800;color:#657184;text-transform:uppercase;letter-spacing:.04em}
#mp-energy-app .mp-a11y-font .mp-a11y-btn{min-width:40px;min-height:38px;padding:7px 9px;border-color:transparent;border-radius:8px;box-shadow:none}
#mp-energy-app .mp-a11y-font .mp-a11y-btn[aria-pressed="true"]{background:#243247;border-color:#243247;color:#fff;box-shadow:none}
#mp-energy-app .mp-a11y-toggle,#mp-energy-app .mp-a11y-reset{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
#mp-energy-app .mp-a11y-toggle[aria-pressed="true"]::after{content:"Açık";padding:3px 5px;border-radius:999px;background:rgba(255,255,255,.18);font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
#mp-energy-app .mp-a11y-color-icon{display:inline-flex;align-items:center;gap:2px}
#mp-energy-app .mp-a11y-color-icon i{display:block;width:7px;height:16px;border-radius:5px 1px 1px 5px;background:#0878b9}
#mp-energy-app .mp-a11y-color-icon i+ i{border-radius:1px 5px 5px 1px;background:#d46b08}
#mp-energy-app .mp-a11y-reset{color:#5f6b7c;background:transparent;border-color:transparent}
#mp-energy-app .mp-a11y-reset:hover{background:#eef2f6;border-color:#d7dee8;color:#253247}
html.dark-mode #mp-energy-app .mp-a11y-label small,body.dark-mode #mp-energy-app .mp-a11y-label small,#mp-energy-app.mp-dark .mp-a11y-label small{color:#b7c1cf!important}
html.dark-mode #mp-energy-app .mp-a11y-font,body.dark-mode #mp-energy-app .mp-a11y-font,#mp-energy-app.mp-dark .mp-a11y-font{background:#1e2937!important;border-color:#526176!important}
html.dark-mode #mp-energy-app .mp-a11y-group-label,body.dark-mode #mp-energy-app .mp-a11y-group-label,#mp-energy-app.mp-dark .mp-a11y-group-label{color:#c7d0dc!important}
html.dark-mode #mp-energy-app .mp-a11y-reset,body.dark-mode #mp-energy-app .mp-a11y-reset,#mp-energy-app.mp-dark .mp-a11y-reset{background:transparent!important;border-color:transparent!important;color:#cbd5e1!important}
@media(max-width:700px){
  #mp-energy-app .mp-a11y-bar{justify-content:center;padding:10px;gap:8px}
  #mp-energy-app .mp-a11y-label{width:100%;min-width:0;margin:0 0 2px;text-align:left}
  #mp-energy-app .mp-a11y-control{flex:1 1 100%;justify-content:space-between}
  #mp-energy-app .mp-a11y-font .mp-a11y-btn{flex:1 1 auto;min-height:42px}
  #mp-energy-app .mp-a11y-toggle{flex:1 1 calc(50% - 4px)}
  #mp-energy-app .mp-a11y-reset{flex:1 1 100%}
}
@media(max-width:400px){
  #mp-energy-app .mp-a11y-toggle{flex-basis:100%}
}