/* MR LEE · TOPIK readability repair 2026-10-28.
 * Screenshot root cause: Future inherited pale text while V7 cards stayed white.
 * This scope affects TOPIK V7 pages only (body.tv-body), not Admin or other lessons.
 * Interactive answer states, speech controls and headings remain readable in BOTH themes.
 */
html[data-mrlee-theme="fresh"] body.tv-body{
  color:#183553!important;background:#f4f7fb!important;
}
html[data-mrlee-theme="fresh"] body.tv-body .tv-top{
  background:#fff!important;color:#193953!important;border-color:#d9e4f0!important;
}
html[data-mrlee-theme="fresh"] body.tv-body :is(.tv-topnav a,.tv-brand){
  color:#183f65!important;text-shadow:none!important;
}
html[data-mrlee-theme="fresh"] body.tv-body .tv-topnav a:is(.active,:hover,:focus-visible){
  color:#103960!important;background:#dcecfb!important;
}
html[data-mrlee-theme="fresh"] body.tv-body :is(.tv-panel,.tv-question,.tv-choice,.tv-metric,.tv-hints,.tv-review,.tv-day,.tv-pill,.tv-listen-card){
  color:#193751!important;
}
html[data-mrlee-theme="fresh"] body.tv-body .tv-choice :is(span,strong,b,small),html[data-mrlee-theme="fresh"] body.tv-body .tv-transcript{
  color:#193751!important;opacity:1!important;
}
html[data-mrlee-theme="fresh"] body.tv-body .tv-listen-transcript{color:#193751!important}
/* Former fresh muted styles were only 3.8–4.4:1 on white / pale blue. */
html[data-mrlee-theme="fresh"] body.tv-body .tv-muted,
html[data-mrlee-theme="fresh"] body.tv-body .tv-source,
html[data-mrlee-theme="fresh"] body.tv-body .tv-listen-note{
  color:#455e79!important;opacity:1!important;
}
html[data-mrlee-theme="fresh"] body.tv-body .tv-metric span,
html[data-mrlee-theme="fresh"] body.tv-body .tv-day small{
  color:#47617e!important;opacity:1!important;
}
html[data-mrlee-theme="fresh"] body.tv-body .tv-audio .tv-muted{
  color:#455d78!important;
}
html[data-mrlee-theme="future"] body.tv-body{
  color:#e9f4ff!important;background:#051329!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-top{
  background:#091d39!important;border-color:#285077!important;color:#eaf5ff!important;
}
html[data-mrlee-theme="future"] body.tv-body :is(.tv-topnav a,.tv-brand){
  color:#e5f4ff!important;text-shadow:none!important;opacity:1!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-topnav a:is(.active,:hover,:focus-visible){
  background:#214b75!important;color:#fff!important;border-color:#437db0!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-hero,
html[data-mrlee-theme="future"] body.tv-body .tv-listen-hero{
  color:#fff!important;background:linear-gradient(116deg,#091f46,#1b497e)!important;
  border:1px solid #447bb0!important;
}
html[data-mrlee-theme="future"] body.tv-body :is(.tv-hero,.tv-listen-hero) :is(h1,h2,h3,p,.tv-eyebrow){
  color:#f3f9ff!important;opacity:1!important;
}
html[data-mrlee-theme="future"] body.tv-body :is(.tv-panel,.tv-listen-card){
  background:#0d2645!important;color:#f1f7ff!important;border-color:#38638b!important;
  box-shadow:0 10px 27px #020a1e7a!important;
}
html[data-mrlee-theme="future"] body.tv-body :is(.tv-panel,.tv-listen-card) :is(h1,h2,h3,h4,.tv-listen-q,.tv-transcript){
  color:#f5faff!important;opacity:1!important;
}
html[data-mrlee-theme="future"] body.tv-body :is(.tv-question,.tv-metric,.tv-hints,.tv-review,.tv-listen-transcript){
  background:#153457!important;color:#eaf5ff!important;border-color:#466d95!important;
}
html[data-mrlee-theme="future"] body.tv-body :is(.tv-question,.tv-metric,.tv-hints,.tv-review,.tv-listen-transcript) :is(p,span,strong,b,small,h3,li){
  color:#eaf5ff!important;opacity:1!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-choices .tv-choice{
  background:#102c50!important;color:#eff7ff!important;border:1px solid #547da7!important;
  box-shadow:none!important;opacity:1!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-choices .tv-choice :is(span,strong,b,small){
  color:#f3faff!important;opacity:1!important;text-shadow:none!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-choices .tv-choice:has(input:checked){
  background:#1b5271!important;border-color:#73dcff!important;color:#fff!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-choices .tv-choice.correct{
  background:#123e35!important;border-color:#75d8a2!important;color:#ecfff6!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-choices .tv-choice.incorrect{
  background:#542b36!important;border-color:#ff9d9d!important;color:#fff0f0!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-audio{
  background:#193b5b!important;color:#e9f6ff!important;border:1px solid #406e94!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-audio :is(p,span,small,b,strong){
  color:#eaf5ff!important;opacity:1!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-muted{
  color:#c5deee!important;opacity:1!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-tag{
  background:#1b486f!important;color:#edf9ff!important;border:1px solid #4879a0!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-tag.warn{
  background:#503b26!important;color:#ffe0b2!important;border-color:#906f46!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-btn,
html[data-mrlee-theme="future"] body.tv-body .tv-pill,
html[data-mrlee-theme="future"] body.tv-body .tv-day,
html[data-mrlee-theme="future"] body.tv-body .tv-listen-ctrl button,
html[data-mrlee-theme="future"] body.tv-body .tv-listen-actions button{
  background:#193b61!important;color:#f2faff!important;border-color:#4e83ad!important;opacity:1!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-btn:is(.primary,:hover,:focus-visible),
html[data-mrlee-theme="future"] body.tv-body .tv-pill.selected,
html[data-mrlee-theme="future"] body.tv-body .tv-day.is-now,
html[data-mrlee-theme="future"] body.tv-body .tv-listen-ctrl button.sel{
  background:#1769a9!important;color:#fff!important;border-color:#75cfff!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-day.is-done{
  background:#17443d!important;color:#d8fff0!important;border-color:#4e9e82!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-day :is(strong,small){
  color:#eef9ff!important;opacity:1!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-form :is(input,select),
html[data-mrlee-theme="future"] body.tv-body .tv-write textarea{
  background:#102943!important;color:#f0f9ff!important;border-color:#4e79a3!important;
  color-scheme:dark!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-form label{
  color:#d6ecff!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-form :is(input,select)::placeholder,
html[data-mrlee-theme="future"] body.tv-body .tv-write textarea::placeholder{
  color:#bed3e5!important;opacity:1!important;
}
html[data-mrlee-theme="future"] body.tv-body :is(.tv-source,.tv-note,.tv-listen-note){
  color:#d6e9f8!important;border-color:#416a90!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-note{
  background:#3e3025!important;color:#ffebcf!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-source .tv-link{
  color:#8de4ff!important;text-decoration:underline!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-listen-ctrl{
  background:#0c233f!important;color:#eaf5ff!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-listen-tag{
  background:#254b70!important;color:#e6f7ff!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-listen-actions label,
html[data-mrlee-theme="future"] body.tv-body .tv-listen-progress{
  color:#eaf5ff!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-audio :is(.tv-btn,.tv-btn.secondary){
  background:#12375b!important;color:#e9f7ff!important;border-color:#5b83a7!important;
}
html[data-mrlee-theme="future"] body.tv-body .tv-btn:disabled{
  opacity:.76!important;color:#e2edf8!important;
}
html[data-mrlee-theme="future"] body.tv-body :is(.tv-choice,.tv-day,.tv-btn,.tv-pill,.tv-topnav a):focus-visible,
html[data-mrlee-theme="fresh"] body.tv-body :is(.tv-choice,.tv-day,.tv-btn,.tv-pill,.tv-topnav a):focus-visible{
  outline:3px solid #ffbf4a!important;outline-offset:2px!important;
}
@media(max-width:650px){
 body.tv-body .tv-topnav{gap:5px!important}
 body.tv-body .tv-topnav a{font-size:12px!important;line-height:1.45!important}
 body.tv-body .tv-choices .tv-choice{min-height:44px!important;align-items:center!important}
}