/* Page-scoped plain CSS for the /ielts hub, linked by that one template (no Tailwind rebuild).
 * Each card sets --accent-rgb from the route. Nothing goes under 12px and every control is at
 * least 40px tall, for the phone audience this site's own traffic data measured. */

.ie { max-width: 64rem; }

.ie-section { margin: 0 0 2.5rem; }
.ie-h2 {
  font-size: 1.15rem;
  font-weight: 700;
  color: rgb(226, 232, 240);
  margin: 0 0 0.5rem;
  letter-spacing: -0.01em;
}
.ie-lead {
  margin: 0 0 1.1rem;
  font-size: 0.92rem;
  line-height: 1.65;
  color: rgb(148, 163, 184);
  max-width: 44rem;
}

/* ── the band calculator ───────────────────────────────────────────────────── */
.ie-calc {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  padding: 1.1rem;
}
.ie-calc-inputs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
  gap: 0.75rem;
}
.ie-calc-field { display: flex; flex-direction: column; gap: 0.3rem; }
.ie-calc-label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgb(var(--accent-rgb, 148, 163, 184));
}
.ie-calc-target .ie-calc-label { color: rgb(148, 163, 184); }
.ie-calc-select {
  min-height: 40px;
  border-radius: 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(2, 6, 23, 0.55);
  color: rgb(226, 232, 240);
  font-size: 0.95rem;
  font-variant-numeric: tabular-nums;
  padding: 0 0.55rem;
}
.ie-calc-select:focus-visible { outline: 2px solid rgb(56, 189, 248); outline-offset: 2px; }

.ie-calc-out {
  display: block;
  margin-top: 1.1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.ie-calc-overall { display: flex; align-items: baseline; gap: 0.6rem; }
.ie-calc-overall-label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgb(148, 163, 184);
}
.ie-calc-overall-n {
  font-size: 2rem;
  font-weight: 700;
  color: rgb(125, 211, 252);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.ie-calc-verdict {
  margin: 0.6rem 0 0;
  font-size: 0.92rem;
  line-height: 1.6;
  color: rgb(226, 232, 240);
}
.ie-calc-note {
  margin: 0.7rem 0 0;
  font-size: 0.78rem;
  line-height: 1.55;
  color: rgb(100, 116, 139);
}

/* ── the coach call to action ──────────────────────────────────────────────── */
.ie-coach {
  display: flex;
  align-items: center;
  gap: 1rem;
  border: 1px solid rgba(167, 139, 250, 0.35);
  border-radius: 1rem;
  background: linear-gradient(to bottom, rgba(167, 139, 250, 0.12), rgba(167, 139, 250, 0.04));
  padding: 1.1rem 1.2rem;
  text-decoration: none;
}
.ie-coach:hover { border-color: rgba(167, 139, 250, 0.6); }
.ie-coach-body { display: flex; flex-direction: column; gap: 0.35rem; }
.ie-coach-title { font-size: 1.02rem; font-weight: 700; color: rgb(233, 213, 255); }
.ie-coach-text { font-size: 0.9rem; line-height: 1.6; color: rgb(203, 213, 225); }
.ie-coach-counts {
  font-size: 0.78rem;
  color: rgb(148, 163, 184);
  font-variant-numeric: tabular-nums;
}
.ie-coach-cta { font-size: 1.4rem; color: rgb(196, 181, 253); margin-left: auto; }

/* ── the four skill cards ──────────────────────────────────────────────────── */
.ie-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 0.85rem;
}
.ie-card {
  height: 100%;
  border: 1px solid rgba(var(--accent-rgb), 0.3);
  border-radius: 0.9rem;
  background: linear-gradient(to bottom, rgba(var(--accent-rgb), 0.09), rgba(var(--accent-rgb), 0.03));
  padding: 0.95rem 1rem;
}
.ie-card-title {
  margin: 0 0 0.35rem;
  font-size: 1rem;
  font-weight: 700;
  color: rgb(var(--accent-rgb));
}
.ie-card-lever {
  margin: 0 0 0.75rem;
  font-size: 0.85rem;
  line-height: 1.6;
  color: rgb(203, 213, 225);
}
.ie-card-links { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.ie-card-links a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 0.7rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.78rem;
  font-weight: 600;
  color: rgb(203, 213, 225);
  text-decoration: none;
}
.ie-card-links a:hover { border-color: rgba(var(--accent-rgb), 0.6); color: #fff; }

/* ── the sample-papers honesty block ───────────────────────────────────────── */
.ie-papers {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.03);
  padding: 1.1rem 1.2rem;
  max-width: 48rem;
}
.ie-papers p { margin: 0 0 0.7rem; font-size: 0.9rem; line-height: 1.65; color: rgb(203, 213, 225); }
.ie-papers-warn { color: rgb(148, 163, 184) !important; font-size: 0.84rem !important; }
.ie-papers-cta {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  font-size: 0.88rem;
  font-weight: 600;
  color: rgb(125, 211, 252);
  text-decoration: none;
}
.ie-papers-cta:hover { text-decoration: underline; }

/* Every `.class { display: … }` above beats the UA's `[hidden] { display: none }` (the trap
 * recorded at 13-account.css:117), so the hidden state has to be restated — otherwise the
 * result panel shows before a single band has been chosen. */
.ie-calc-out[hidden] { display: none !important; }


/* ── the Section Runner ─────────────────────────────────────────────────────── */
.ie-take { max-width: 60rem; }
.ie-take-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.9rem;
}
.ie-take-kind {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgb(125, 211, 252);
}
.ie-take-title { margin: 0.2rem 0 0; font-size: 1.45rem; font-weight: 700; color: #fff; }
.ie-take-title-zh { margin: 0.15rem 0 0; font-size: 0.95rem; color: rgb(148, 163, 184); }
.ie-take-clock { display: flex; align-items: center; gap: 0.8rem; }
.ie-take-time {
  font-size: 1.6rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: rgb(226, 232, 240);
}
.ie-take-time.is-low { color: rgb(251, 146, 60); }
.ie-take-start, .ie-take-submit, .ie-take-play {
  min-height: 44px;
  padding: 0 1.1rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(56, 189, 248, 0.45);
  background: rgba(56, 189, 248, 0.14);
  color: rgb(186, 230, 253);
  font-size: 0.92rem;
  font-weight: 700;
  cursor: pointer;
}
.ie-take-start:hover, .ie-take-submit:hover, .ie-take-play:hover { background: rgba(56, 189, 248, 0.24); }
.ie-take-submit:disabled, .ie-take-play:disabled { opacity: 0.5; cursor: default; }
.ie-take-rules {
  margin: 0 0 1.2rem;
  font-size: 0.86rem;
  line-height: 1.6;
  color: rgb(148, 163, 184);
  border-left: 3px solid rgba(56, 189, 248, 0.4);
  padding-left: 0.8rem;
}
.ie-take-audio { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1.4rem; }
.ie-take-audio-note { font-size: 0.8rem; color: rgb(148, 163, 184); }
.ie-take-audio audio { max-width: 100%; }

.ie-passage {
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.025);
  padding: 1rem 1.15rem;
  margin-bottom: 1rem;
}
.ie-passage-h {
  margin: 0 0 0.6rem;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgb(45, 212, 191);
}
/* Reading prose: the line length and leading a 950-word passage needs to be readable on a
 * phone as well as a laptop. */
.ie-passage p {
  margin: 0 0 0.75rem;
  font-size: 0.95rem;
  line-height: 1.75;
  color: rgb(203, 213, 225);
}
.ie-passage p:last-child { margin-bottom: 0; }

.ie-part { margin: 0 0 1.6rem; }
.ie-part-h {
  margin: 0 0 0.3rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: rgb(226, 232, 240);
}
.ie-part-instruction {
  margin: 0 0 0.8rem;
  font-size: 0.85rem;
  line-height: 1.6;
  color: rgb(148, 163, 184);
}
.ie-part-zh { display: block; margin-top: 0.15rem; }
.ie-items { margin: 0; padding-left: 1.6rem; }
.ie-item {
  margin-bottom: 0.7rem;
  padding: 0.5rem 0.6rem;
  border-radius: 0.5rem;
  border-left: 3px solid transparent;
}
.ie-item.is-right { border-left-color: rgb(74, 222, 128); background: rgba(74, 222, 128, 0.06); }
.ie-item.is-wrong { border-left-color: rgb(251, 146, 60); background: rgba(251, 146, 60, 0.06); }
.ie-item-q { display: block; font-size: 0.93rem; line-height: 1.6; color: rgb(226, 232, 240); }
.ie-item-input {
  margin-top: 0.35rem;
  min-height: 40px;
  width: min(22rem, 100%);
  padding: 0 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(2, 6, 23, 0.5);
  color: #fff;
  font-size: 0.95rem;
}
.ie-item-input:disabled { opacity: 0.75; }
.ie-item-options { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.4rem; }
.ie-opt {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 40px;
  padding: 0 0.7rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-size: 0.82rem;
  color: rgb(203, 213, 225);
  cursor: pointer;
}
.ie-opt:has(input:checked) { border-color: rgb(56, 189, 248); color: #fff; background: rgba(56, 189, 248, 0.14); }
.ie-item-verdict { display: block; margin-top: 0.4rem; font-size: 0.82rem; line-height: 1.55; }
.ie-verdict-answer { display: block; color: rgb(134, 239, 172); font-weight: 600; }
.ie-verdict-reason { display: block; color: rgb(251, 191, 36); }
.ie-verdict-explain { display: block; margin-top: 0.2rem; color: rgb(148, 163, 184); }

.ie-take-foot { display: flex; align-items: center; gap: 0.9rem; margin-top: 1.4rem; }
.ie-take-answered { font-size: 0.85rem; color: rgb(148, 163, 184); font-variant-numeric: tabular-nums; }

.ie-result {
  display: block;
  margin: 1.4rem 0 2rem;
  padding: 1.1rem 1.2rem;
  border-radius: 1rem;
  border: 1px solid rgba(56, 189, 248, 0.35);
  background: rgba(56, 189, 248, 0.07);
}
.ie-result-score { font-size: 2rem; font-weight: 700; color: rgb(125, 211, 252); font-variant-numeric: tabular-nums; }
.ie-result-band { margin: 0.4rem 0 0; font-size: 0.95rem; line-height: 1.6; color: rgb(226, 232, 240); }
.ie-result-note { margin: 0.6rem 0 0; font-size: 0.78rem; line-height: 1.55; color: rgb(100, 116, 139); }

.ie-set-card { display: flex; flex-direction: column; gap: 0.3rem; text-decoration: none; }
.ie-set-zh { font-size: 0.85rem; color: rgb(148, 163, 184); }
.ie-set-meta { font-size: 0.78rem; color: rgb(100, 116, 139); font-variant-numeric: tabular-nums; }

/* Restated for the same reason as the calculator's panel: every rule above that sets
 * `display` outspecifies the UA's `[hidden] { display: none }`. */
.ie-take-body[hidden], .ie-result[hidden], .ie-item-verdict[hidden] { display: none !important; }


.ie-para-lettered { position: relative; padding-left: 1.7rem; }
.ie-para-letter {
  position: absolute;
  left: 0;
  top: 0.1rem;
  font-weight: 700;
  font-size: 0.85rem;
  color: rgb(45, 212, 191);
}


.ie-part-figure {
  margin: 0 0 1rem;
  padding: 0.7rem;
  border-radius: 0.7rem;
  background: #fff;
  text-align: center;
}
.ie-part-figure img { max-width: 100%; height: auto; }
.ie-transcript {
  margin-top: 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.6rem;
  background: rgba(255, 255, 255, 0.025);
  padding: 0.5rem 0.7rem;
}
.ie-transcript summary {
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 600;
  color: rgb(125, 211, 252);
}
.ie-transcript p {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  line-height: 1.7;
  color: rgb(203, 213, 225);
  white-space: pre-wrap;
}


/* A task group continuing the same listening part sits closer to the one above it. */
.ie-part-cont { margin-top: -0.9rem; }


/* ── the Speaking Room ──────────────────────────────────────────────────────── */
.ie-speak { max-width: 56rem; }
.ie-speak-head { margin-bottom: 1.4rem; }
.ie-speak-sub {
  margin: 0.5rem 0 0;
  font-size: 0.92rem;
  line-height: 1.65;
  color: rgb(148, 163, 184);
  max-width: 42rem;
}
.ie-speak-count { margin: 0.4rem 0 0; font-size: 0.78rem; color: rgb(100, 116, 139); }
.ie-speak-part { margin: 0 0 2rem; }
.ie-speak-qs { list-style: none; margin: 0; padding: 0; }
.ie-speak-q { margin-bottom: 1rem; }
.ie-speak-qtext {
  display: inline;
  font-size: 0.95rem;
  line-height: 1.6;
  color: rgb(226, 232, 240);
  font-weight: 600;
}
.ie-speak-play {
  margin-left: 0.4rem;
  min-height: 28px;
  min-width: 28px;
  border-radius: 999px;
  border: 1px solid rgba(56, 189, 248, 0.4);
  background: rgba(56, 189, 248, 0.1);
  color: rgb(125, 211, 252);
  font-size: 0.85rem;
  cursor: pointer;
  vertical-align: middle;
}
.ie-speak-a {
  display: block;
  width: 100%;
  margin-top: 0.4rem;
  padding: 0.5rem 0.65rem;
  border-radius: 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(2, 6, 23, 0.5);
  color: #fff;
  font: inherit;
  font-size: 0.92rem;
  line-height: 1.6;
  resize: vertical;
}
.ie-speak-a:disabled { opacity: 0.5; }
.ie-speak-long { min-height: 10rem; }

/* The cue card: a real card, because the object on the desk is part of the task. */
.ie-cue {
  border: 1px solid rgba(251, 146, 60, 0.4);
  border-radius: 0.8rem;
  background: rgba(251, 146, 60, 0.07);
  padding: 1rem 1.15rem;
  margin-bottom: 0.9rem;
}
.ie-cue-topic { margin: 0 0 0.6rem; font-size: 1.05rem; font-weight: 700; color: rgb(254, 215, 170); }
.ie-cue-lead { margin: 0 0 0.35rem; font-size: 0.85rem; color: rgb(203, 213, 225); }
.ie-cue-prompts { margin: 0; padding-left: 1.2rem; }
.ie-cue-prompts li { font-size: 0.9rem; line-height: 1.7; color: rgb(226, 232, 240); }

.ie-speak-clock { display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap; }
.ie-speak-phase { font-size: 0.85rem; color: rgb(148, 163, 184); }
.ie-speak-note {
  margin: 0.5rem 0 0.7rem;
  font-size: 0.8rem;
  line-height: 1.55;
  color: rgb(100, 116, 139);
}
.ie-speak-count-words {
  margin: 0.35rem 0 0;
  font-size: 0.8rem;
  color: rgb(100, 116, 139);
  font-variant-numeric: tabular-nums;
}
.ie-speak-count-words.is-ok { color: rgb(134, 239, 172); }
.ie-speak-next { margin-left: auto; font-size: 0.88rem; font-weight: 600; color: rgb(125, 211, 252); text-decoration: none; }
.ie-take-error {
  margin: 0.8rem 0;
  padding: 0.6rem 0.8rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(248, 113, 113, 0.4);
  background: rgba(248, 113, 113, 0.08);
  color: rgb(254, 202, 202);
  font-size: 0.88rem;
}

.ie-speak-play[hidden], .ie-take-error[hidden] { display: none !important; }
/* ─── TOEFL hub (/toefl) ──────────────────────────────────────────────────────
   The TOEFL hub reuses every `ie-*` block above — hero section, calculator, coach card,
   section cards — because they are one component set shared by the two English-exam hubs
   rather than two that happen to look alike. Only what TOEFL adds lives here, under `.tf`.

   What it adds is one thing: the CEFR level beside the overall score. TOEFL's scale is
   published against the CEFR ladder and an admissions page often quotes the letter rather
   than the number, so the letter belongs next to the number the candidate just computed. */
.tf .tf-cefr {
  margin-left: 0.6rem;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  border: 1px solid rgba(167, 139, 250, 0.35);
  background: rgba(167, 139, 250, 0.12);
  color: rgb(196, 181, 253);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  white-space: nowrap;
  vertical-align: middle;
}
/* The UA's `[hidden] { display: none }` is a `display` rule, so any later rule that also sets
   `display` beats it. Nothing here does — but the site has been bitten by that exact trap
   three times (13-account.css:117), so the guard is written out rather than assumed. */
.tf .tf-cefr[hidden] { display: none; }

/* ▼▼ LIGHT THEME — GENERATED by scripts/build_light_theme.py from the rules above. Do not edit by hand: run the builder. Hand tuning goes in 36-theme-light.css. ▼▼ */
html[data-theme="light"] .ie-h2{color:rgb(44 63 88)}
html[data-theme="light"] .ie-lead{color:rgb(61 75 94)}
html[data-theme="light"] .ie-calc{border-color:rgb(15 23 42/0.14);background-image:linear-gradient(to bottom, rgb(15 23 42/0.05), rgb(15 23 42/0.02))}
html[data-theme="light"] .ie-calc-label{color:color-mix(in srgb,rgb(var(--accent-rgb, 148, 163, 184)) 44%,#0f172a)}
html[data-theme="light"] .ie-calc-target .ie-calc-label{color:rgb(61 75 94)}
html[data-theme="light"] .ie-calc-select{border-color:rgb(15 23 42/0.18);background-color:rgb(250 251 252/0.55);color:rgb(44 63 88)}
html[data-theme="light"] .ie-calc-out{border-top-color:rgb(15 23 42/0.112)}
html[data-theme="light"] .ie-calc-overall-label{color:rgb(61 75 94)}
html[data-theme="light"] .ie-calc-overall-n{color:rgb(0 90 133)}
html[data-theme="light"] .ie-calc-verdict{color:rgb(44 63 88)}
html[data-theme="light"] .ie-calc-note{color:rgb(87 101 122)}
html[data-theme="light"] .ie-coach-title{color:rgb(63 0 133)}
html[data-theme="light"] .ie-coach-text{color:rgb(48 65 85)}
html[data-theme="light"] .ie-coach-counts{color:rgb(61 75 94)}
html[data-theme="light"] .ie-coach-cta{color:rgb(28 0 132)}
html[data-theme="light"] .ie-card-title{color:color-mix(in srgb,rgb(var(--accent-rgb)) 44%,#0f172a)}
html[data-theme="light"] .ie-card-lever{color:rgb(48 65 85)}
html[data-theme="light"] .ie-card-links a{border-color:rgb(15 23 42/0.168);background-color:rgb(15 23 42/0.04);color:rgb(48 65 85)}
html[data-theme="light"] .ie-card-links a:hover{color:rgb(51 63 82)}
html[data-theme="light"] .ie-papers{border-color:rgb(15 23 42/0.14);background-color:rgb(15 23 42/0.03)}
html[data-theme="light"] .ie-papers p{color:rgb(48 65 85)}
html[data-theme="light"] .ie-papers-warn{color:rgb(61 75 94)!important}
html[data-theme="light"] .ie-papers-cta{color:rgb(0 90 133)}
html[data-theme="light"] .ie-take-kind{color:rgb(0 90 133)}
html[data-theme="light"] .ie-take-title{color:rgb(51 63 82)}
html[data-theme="light"] .ie-take-title-zh{color:rgb(61 75 94)}
html[data-theme="light"] .ie-take-time{color:rgb(44 63 88)}
html[data-theme="light"] .ie-take-time.is-low{color:rgb(167 75 0)}
html[data-theme="light"] .ie-take-start,html[data-theme="light"] .ie-take-submit,html[data-theme="light"] .ie-take-play{color:rgb(1 87 132)}
html[data-theme="light"] .ie-take-rules{color:rgb(61 75 94)}
html[data-theme="light"] .ie-take-audio-note{color:rgb(61 75 94)}
html[data-theme="light"] .ie-passage{border-color:rgb(15 23 42/0.126);background-color:rgb(15 23 42/0.025)}
html[data-theme="light"] .ie-passage-h{color:rgb(20 110 98)}
html[data-theme="light"] .ie-passage p{color:rgb(48 65 85)}
html[data-theme="light"] .ie-part-h{color:rgb(44 63 88)}
html[data-theme="light"] .ie-part-instruction{color:rgb(61 75 94)}
html[data-theme="light"] .ie-item-q{color:rgb(44 63 88)}
html[data-theme="light"] .ie-item-input{border-color:rgb(15 23 42/0.18);background-color:rgb(250 251 252/0.5);color:rgb(51 63 82)}
html[data-theme="light"] .ie-opt{border-color:rgb(15 23 42/0.18);color:rgb(48 65 85)}
html[data-theme="light"] .ie-opt:has(input:checked){color:rgb(51 63 82)}
html[data-theme="light"] .ie-verdict-answer{color:rgb(12 113 49)}
html[data-theme="light"] .ie-verdict-reason{color:rgb(127 92 0)}
html[data-theme="light"] .ie-verdict-explain{color:rgb(61 75 94)}
html[data-theme="light"] .ie-take-answered{color:rgb(61 75 94)}
html[data-theme="light"] .ie-result-score{color:rgb(0 90 133)}
html[data-theme="light"] .ie-result-band{color:rgb(44 63 88)}
html[data-theme="light"] .ie-result-note{color:rgb(87 101 122)}
html[data-theme="light"] .ie-set-zh{color:rgb(61 75 94)}
html[data-theme="light"] .ie-set-meta{color:rgb(87 101 122)}
html[data-theme="light"] .ie-para-letter{color:rgb(20 110 98)}
html[data-theme="light"] .ie-transcript{border-color:rgb(15 23 42/0.14);background-color:rgb(15 23 42/0.025)}
html[data-theme="light"] .ie-transcript summary{color:rgb(0 90 133)}
html[data-theme="light"] .ie-transcript p{color:rgb(48 65 85)}
html[data-theme="light"] .ie-speak-sub{color:rgb(61 75 94)}
html[data-theme="light"] .ie-speak-count{color:rgb(87 101 122)}
html[data-theme="light"] .ie-speak-qtext{color:rgb(44 63 88)}
html[data-theme="light"] .ie-speak-play{color:rgb(0 90 133)}
html[data-theme="light"] .ie-speak-a{border-color:rgb(15 23 42/0.18);background-color:rgb(250 251 252/0.5);color:rgb(51 63 82)}
html[data-theme="light"] .ie-cue-topic{color:rgb(133 71 0)}
html[data-theme="light"] .ie-cue-lead{color:rgb(48 65 85)}
html[data-theme="light"] .ie-cue-prompts li{color:rgb(44 63 88)}
html[data-theme="light"] .ie-speak-phase{color:rgb(61 75 94)}
html[data-theme="light"] .ie-speak-note{color:rgb(87 101 122)}
html[data-theme="light"] .ie-speak-count-words{color:rgb(87 101 122)}
html[data-theme="light"] .ie-speak-count-words.is-ok{color:rgb(12 113 49)}
html[data-theme="light"] .ie-speak-next{color:rgb(0 90 133)}
html[data-theme="light"] .ie-take-error{color:rgb(133 0 0)}
html[data-theme="light"] .tf .tf-cefr{color:rgb(28 0 132)}
/* ▲▲ LIGHT THEME END ▲▲ */