/* Richmond IELTS — global Dark / Light theme system
   Dark is the default. Injected site-wide by _worker.js. */
:root{
  --mk-red:#d9363e;
  --mk-red-strong:#c92a31;
  --mk-green:#1f9d55;
  --mk-amber:#d8a21b;
  --mk-radius:12px;
}
html[data-mk-theme="dark"]{
  color-scheme:dark;
  --mk-bg:#080b0f;
  --mk-bg-soft:#0c1117;
  --mk-surface:#10161d;
  --mk-surface-2:#151d26;
  --mk-surface-3:#1a2530;
  --mk-header:#080d12;
  --mk-text:#f5f7fa;
  --mk-text-strong:#ffffff;
  --mk-muted:#9cabb9;
  --mk-muted-2:#7f8d9b;
  --mk-border:#283542;
  --mk-border-strong:#3b4a58;
  --mk-input:#0d141b;
  --mk-hover:#19232d;
  --mk-overlay:rgba(3,7,11,.82);
  --mk-shadow:0 18px 48px rgba(0,0,0,.30);
  --mk-selection:#6e2226;
}
html[data-mk-theme="light"]{
  color-scheme:light;
  /* Product-grade light palette: calm neutrals, graphite type, Richmond red. */
  --mk-bg:#f3f5f7;
  --mk-bg-soft:#eceff2;
  --mk-surface:#ffffff;
  --mk-surface-2:#f7f8fa;
  --mk-surface-3:#eef1f4;
  --mk-header:rgba(252,253,254,.94);
  --mk-text:#252a31;
  --mk-text-strong:#0e1115;
  --mk-muted:#68727e;
  --mk-muted-2:#818b96;
  --mk-border:#dfe4e9;
  --mk-border-strong:#cdd4dc;
  --mk-input:#ffffff;
  --mk-hover:#f0f2f5;
  --mk-overlay:rgba(15,19,24,.46);
  --mk-shadow:0 20px 55px rgba(23,31,42,.09);
  --mk-selection:#ffd9da;
}
html[data-mk-theme]{background:var(--mk-bg)!important}
html[data-mk-theme],
html[data-mk-theme] body{
  /* Compatibility aliases used throughout older Richmond pages. */
  --bg:var(--mk-bg)!important;
  --panel:var(--mk-surface)!important;
  --panel2:var(--mk-surface-2)!important;
  --surface:var(--mk-surface)!important;
  --surface2:var(--mk-surface-2)!important;
  --ink:var(--mk-text)!important;
  --text:var(--mk-text)!important;
  --muted:var(--mk-muted)!important;
  --line:var(--mk-border)!important;
  --border:var(--mk-border)!important;
  --soft:var(--mk-surface-2)!important;
  --soft2:var(--mk-surface-2)!important;
  --dark:var(--mk-header)!important;
}
html[data-mk-theme] body{
  background:var(--mk-bg)!important;
  color:var(--mk-text)!important;
  transition:background-color .18s ease,color .18s ease;
}
html[data-mk-theme] ::selection{background:var(--mk-selection);color:var(--mk-text-strong)}
html[data-mk-theme] *{scrollbar-color:var(--mk-border-strong) var(--mk-bg-soft)}

/* Core typography */
html[data-mk-theme] h1,
html[data-mk-theme] h2,
html[data-mk-theme] h3,
html[data-mk-theme] h4,
html[data-mk-theme] h5,
html[data-mk-theme] h6,
html[data-mk-theme] strong,
html[data-mk-theme] b{color:var(--mk-text-strong)}
html[data-mk-theme] p,
html[data-mk-theme] li,
html[data-mk-theme] label,
html[data-mk-theme] td,
html[data-mk-theme] th{color:inherit}
html[data-mk-theme] small,
html[data-mk-theme] .muted,
html[data-mk-theme] .hint,
html[data-mk-theme] .meta,
html[data-mk-theme] .eyebrow,
html[data-mk-theme] .kicker,
html[data-mk-theme] .section-index,
html[data-mk-theme] .path-kicker,
html[data-mk-theme] .mode-tone,
html[data-mk-theme] .test-code{color:var(--mk-muted)!important}
html[data-mk-theme] a{color:inherit}

/* Site and exam headers */
html[data-mk-theme] .site-header,
html[data-mk-theme] body>header,
html[data-mk-theme] header.top,
html[data-mk-theme] .top,
html[data-mk-theme] .header,
html[data-mk-theme] .topbar,
html[data-mk-theme] .console-topbar{
  background:var(--mk-header)!important;
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
}
html[data-mk-theme="light"] .site-header,
html[data-mk-theme="light"] body>header,
html[data-mk-theme="light"] header.top,
html[data-mk-theme="light"] .top,
html[data-mk-theme="light"] .header{
  box-shadow:0 1px 0 rgba(17,24,32,.06);
}
html[data-mk-theme] .site-header nav a,
html[data-mk-theme] header nav a,
html[data-mk-theme] .site-header .auth-header-link,
html[data-mk-theme] .brand,
html[data-mk-theme] .brand b,
html[data-mk-theme] .brand span,
html[data-mk-theme] .test-title,
html[data-mk-theme] .title{color:var(--mk-text)!important}
html[data-mk-theme] .site-header nav a:hover,
html[data-mk-theme] .site-header nav a.active,
html[data-mk-theme] header nav a:hover,
html[data-mk-theme] header nav a.active{color:var(--mk-text-strong)!important}
html[data-mk-theme] .menu-toggle span{background:var(--mk-text-strong)!important}

/* Keep white MK artwork readable on light headers. */
html[data-mk-theme="light"] .mk-brand-image,
html[data-mk-theme="light"] .mk-header-logo,
html[data-mk-theme="light"] .brand .mk-header-logo,
html[data-mk-theme="light"] .brand .mark{
  border-radius:7px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 2px 8px rgba(0,0,0,.12)!important;
}
html[data-mk-theme="light"] .mk-brand-image{background:#0a0e13!important;padding:4px 6px!important}
html[data-mk-theme="light"] .mk-header-logo,
html[data-mk-theme="light"] .brand .mk-header-logo,
html[data-mk-theme="light"] .brand .mark{background-color:#0a0e13!important}
html[data-mk-theme="light"] header [style*="color:white"],
html[data-mk-theme="light"] header [style*="color: white"]{color:var(--mk-text)!important}

/* Page shells and workspaces */
html[data-mk-theme] main,
html[data-mk-theme] .main,
html[data-mk-theme] .main-area,
html[data-mk-theme] .questions,
html[data-mk-theme] .questions-panel,
html[data-mk-theme] .work,
html[data-mk-theme] .editorpane,
html[data-mk-theme] .prompt,
html[data-mk-theme] .writing,
html[data-mk-theme] .reading-pane,
html[data-mk-theme] .questions-pane{
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
}
html[data-mk-theme] .questions,
html[data-mk-theme] .questions-panel,
html[data-mk-theme] .editorpane,
html[data-mk-theme] .prompt{background:var(--mk-bg)!important}

/* Cards / panels / modals */
html[data-mk-theme] .test-card,
html[data-mk-theme] .task-card,
html[data-mk-theme] .card,
html[data-mk-theme] .q-card,
html[data-mk-theme] .question-block,
html[data-mk-theme] .question-card,
html[data-mk-theme] .panel,
html[data-mk-theme] .modalcard,
html[data-mk-theme] .modal-content,
html[data-mk-theme] .summary,
html[data-mk-theme] .summary-box,
html[data-mk-theme] .score,
html[data-mk-theme] .result-card,
html[data-mk-theme] .feedback-card,
html[data-mk-theme] .fs-report-card,
html[data-mk-theme] .fs-side-card,
html[data-mk-theme] .speaking-path-card,
html[data-mk-theme] .examiner-card,
html[data-mk-theme] .console,
html[data-mk-theme] .access-card,
html[data-mk-theme] .learning-card,
html[data-mk-theme] .topic-card,
html[data-mk-theme] .cue-card,
html[data-mk-theme] .report-card,
html[data-mk-theme] .history-card,
html[data-mk-theme] .course-card,
html[data-mk-theme] .feature-card,
html[data-mk-theme] .practice-card,
html[data-mk-theme] .stat-card,
html[data-mk-theme] .metric-card,
html[data-mk-theme] .profile-card,
html[data-mk-theme] .student-card,
html[data-mk-theme] .payment-card,
html[data-mk-theme] .finance-card,
html[data-mk-theme] .shop-card,
html[data-mk-theme] .path-card,
html[data-mk-theme] .map-card,
html[data-mk-theme] .match-flow,
html[data-mk-theme] .audio-shell,
html[data-mk-theme] .timer-display{
  background:var(--mk-surface)!important;
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
  box-shadow:none;
}
html[data-mk-theme="light"] .test-card,
html[data-mk-theme="light"] .task-card,
html[data-mk-theme="light"] .card,
html[data-mk-theme="light"] .q-card,
html[data-mk-theme="light"] .result-card,
html[data-mk-theme="light"] .speaking-path-card,
html[data-mk-theme="light"] .examiner-card{box-shadow:0 10px 28px rgba(24,37,50,.05)}

/* Secondary surfaces */
html[data-mk-theme] .section-banner,
html[data-mk-theme] .instructions,
html[data-mk-theme] .instruction-box,
html[data-mk-theme] .audio-note,
html[data-mk-theme] .legend,
html[data-mk-theme] .example-box,
html[data-mk-theme] .raw-note,
html[data-mk-theme] .picktwo-box,
html[data-mk-theme] .match-options-box,
html[data-mk-theme] .match-static-list,
html[data-mk-theme] .notes,
html[data-mk-theme] .notes-block,
html[data-mk-theme] .path-tags span,
html[data-mk-theme] .writing-card-tags span,
html[data-mk-theme] .test-stats span{
  background:var(--mk-surface-2)!important;
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
}

/* Listening / exam-specific layout */
html[data-mk-theme] .layout{background:var(--mk-bg)!important;color:var(--mk-text)!important}
html[data-mk-theme] .audio-bar{background:var(--mk-surface)!important;color:var(--mk-text)!important;border-color:var(--mk-border)!important}
html[data-mk-theme] .audio-panel{
  background:var(--mk-bg-soft)!important;
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
}
html[data-mk-theme] .audio-panel p,
html[data-mk-theme] .audio-panel span{color:var(--mk-muted)!important}
html[data-mk-theme] .telegram-pin{background:var(--mk-surface)!important;color:var(--mk-text)!important;border-color:var(--mk-border-strong)!important}
html[data-mk-theme] .section-summary button{
  background:var(--mk-surface)!important;
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
}
html[data-mk-theme] .section-summary button.current,
html[data-mk-theme] .section-summary button:hover{background:var(--mk-surface-3)!important;border-color:var(--mk-border-strong)!important}
html[data-mk-theme] .section-head,
html[data-mk-theme] .part-title{color:var(--mk-text)!important;border-color:var(--mk-border)!important}
html[data-mk-theme] .part-title{background:var(--mk-surface)!important}
html[data-mk-theme] audio{color-scheme:inherit}

/* Reading panes / draggable dividers */
html[data-mk-theme] .passage,
html[data-mk-theme] .passage-text,
html[data-mk-theme] .qs,
html[data-mk-theme] .questions-container{
  background:var(--mk-bg)!important;
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
}
html[data-mk-theme] .divider{background:var(--mk-border)!important}
html[data-mk-theme] .para-label{color:var(--mk-red)!important}

/* Tables */
html[data-mk-theme] table,
html[data-mk-theme] .data-table,
html[data-mk-theme] .match-table{
  background:var(--mk-surface)!important;
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
}
html[data-mk-theme] table th,
html[data-mk-theme] .data-table th,
html[data-mk-theme] .match-table th{
  background:var(--mk-surface-2)!important;
  color:var(--mk-text-strong)!important;
  border-color:var(--mk-border)!important;
}
html[data-mk-theme] table td,
html[data-mk-theme] .data-table td,
html[data-mk-theme] .match-table td{
  background:var(--mk-surface)!important;
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
}

/* Form controls */
html[data-mk-theme] input,
html[data-mk-theme] textarea,
html[data-mk-theme] select,
html[data-mk-theme] .text-input,
html[data-mk-theme] .answer-input,
html[data-mk-theme] .select-answer{
  background:var(--mk-input)!important;
  color:var(--mk-text)!important;
  border-color:var(--mk-border-strong)!important;
  caret-color:var(--mk-red);
}
html[data-mk-theme] input::placeholder,
html[data-mk-theme] textarea::placeholder{color:var(--mk-muted-2)!important;opacity:1}
html[data-mk-theme] input:focus,
html[data-mk-theme] textarea:focus,
html[data-mk-theme] select:focus{
  outline:none!important;
  border-color:var(--mk-red)!important;
  box-shadow:0 0 0 3px rgba(255,59,63,.13)!important;
}
html[data-mk-theme] option{background:var(--mk-surface)!important;color:var(--mk-text)!important}

/* Choice / matching controls */
html[data-mk-theme] .option-label,
html[data-mk-theme] .tf-option,
html[data-mk-theme] .checkbox-option,
html[data-mk-theme] .multi-choice-option,
html[data-mk-theme] .static-choice,
html[data-mk-theme] .lmap-slot,
html[data-mk-theme] .ldm-slot,
html[data-mk-theme] .ldm-option{
  background:var(--mk-surface)!important;
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
}
html[data-mk-theme] .option-label:hover,
html[data-mk-theme] .tf-option:hover,
html[data-mk-theme] .checkbox-option:hover,
html[data-mk-theme] .multi-choice-option:hover,
html[data-mk-theme] .ldm-option:hover{background:var(--mk-hover)!important}
html[data-mk-theme] .selected:not(.correct):not(.incorrect),
html[data-mk-theme] .option-label.selected,
html[data-mk-theme] .lmap-cell.selected,
html[data-mk-theme] .ldm-slot.filled,
html[data-mk-theme] .ldm-option.armed{
  background:rgba(64,130,205,.17)!important;
  border-color:#548ecf!important;
}

/* Bottom navigators and section tabs */
html[data-mk-theme] .navigator,
html[data-mk-theme] footer.qnav,
html[data-mk-theme] .bottom-nav,
html[data-mk-theme] .bottom,
html[data-mk-theme] .footbar{
  background:var(--mk-header)!important;
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
}
html[data-mk-theme] .qnav,
html[data-mk-theme] .subQuestion,
html[data-mk-theme] .tab,
html[data-mk-theme] .section-tab,
html[data-mk-theme] .topbtn,
html[data-mk-theme] .icon-btn,
html[data-mk-theme] .lang-btn,
html[data-mk-theme] .secondary-btn,
html[data-mk-theme] .fs-secondary{
  background:var(--mk-surface)!important;
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
}
html[data-mk-theme] .qnav:hover,
html[data-mk-theme] .subQuestion:hover,
html[data-mk-theme] .tab:hover,
html[data-mk-theme] .section-tab:hover{background:var(--mk-hover)!important}
html[data-mk-theme] .qnav.active,
html[data-mk-theme] .subQuestion.active,
html[data-mk-theme] .tab.active,
html[data-mk-theme] .section-tab.active{
  background:var(--mk-text-strong)!important;
  color:var(--mk-bg)!important;
  border-color:var(--mk-text-strong)!important;
}
html[data-mk-theme="light"] .qnav.active,
html[data-mk-theme="light"] .subQuestion.active,
html[data-mk-theme="light"] .tab.active,
html[data-mk-theme="light"] .section-tab.active{
  background:#111820!important;
  color:#fff!important;
  border-color:#111820!important;
}

/* Primary actions stay Richmond red */
html[data-mk-theme] .button.primary,
html[data-mk-theme] .header-cta,
html[data-mk-theme] .start-btn,
html[data-mk-theme] .submit,
html[data-mk-theme] .submit-top,
html[data-mk-theme] .finish,
html[data-mk-theme] .check-btn,
html[data-mk-theme] .speaking-start-btn,
html[data-mk-theme] .fs-primary,
html[data-mk-theme] button.primary{
  background:var(--mk-red)!important;
  color:#fff!important;
  border-color:var(--mk-red)!important;
}
html[data-mk-theme] .button.primary:hover,
html[data-mk-theme] .header-cta:hover,
html[data-mk-theme] .start-btn:hover,
html[data-mk-theme] .submit:hover,
html[data-mk-theme] .submit-top:hover,
html[data-mk-theme] .finish:hover,
html[data-mk-theme] .check-btn:hover,
html[data-mk-theme] .speaking-start-btn:hover,
html[data-mk-theme] .fs-primary:hover{background:var(--mk-red-strong)!important;border-color:var(--mk-red-strong)!important}

/* Status colors come after generic panel rules. */
html[data-mk-theme] .correct,
html[data-mk-theme] .qnav.correct,
html[data-mk-theme] .subQuestion.correct,
html[data-mk-theme] .option-label.correct{
  background:rgba(31,157,85,.16)!important;
  border-color:#35a865!important;
  color:var(--mk-text)!important;
}
html[data-mk-theme] .incorrect,
html[data-mk-theme] .qnav.incorrect,
html[data-mk-theme] .subQuestion.incorrect,
html[data-mk-theme] .option-label.incorrect{
  background:rgba(214,69,69,.16)!important;
  border-color:#d65b5b!important;
  color:var(--mk-text)!important;
}
html[data-mk-theme] .answer-tip,
html[data-mk-theme] .correct-answer-display{color:#38ad6c!important}

/* Results / overlays */
html[data-mk-theme] .modal,
html[data-mk-theme] .results{
  color:var(--mk-text)!important;
}
html[data-mk-theme] .modal{background:var(--mk-overlay)!important}
html[data-mk-theme] .results:not(.hidden){background:var(--mk-bg)!important}
html[data-mk-theme] .review{color:var(--mk-text)!important}

/* Footer */
html[data-mk-theme] footer,
html[data-mk-theme] .footer-main,
html[data-mk-theme] .footer-bottom{
  color:var(--mk-text)!important;
  border-color:var(--mk-border)!important;
}
html[data-mk-theme="light"] footer,
html[data-mk-theme="light"] .footer-main,
html[data-mk-theme="light"] .footer-bottom{background:#eef2f6!important}

/* Modern global theme switch */
.mk-theme-slot{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  margin-left:8px!important;
  z-index:10050!important;
}
.mk-theme-switch{
  -webkit-tap-highlight-color:transparent;
  appearance:none!important;
  position:relative!important;
  width:72px!important;
  height:36px!important;
  min-width:72px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--mk-border-strong)!important;
  border-radius:999px!important;
  background:var(--mk-surface-2)!important;
  color:var(--mk-text)!important;
  cursor:pointer!important;
  display:block!important;
  overflow:hidden!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 4px 14px rgba(0,0,0,.10)!important;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .12s ease!important;
}
.mk-theme-switch:hover{border-color:rgba(255,59,63,.58)!important;box-shadow:0 0 0 3px rgba(255,59,63,.08)!important}
.mk-theme-switch:active{transform:scale(.97)}
.mk-theme-switch:focus-visible{outline:2px solid var(--mk-red)!important;outline-offset:3px!important}
.mk-theme-knob{
  position:absolute!important;
  z-index:1!important;
  top:3px!important;
  left:3px!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(0,0,0,.25)!important;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease!important;
}
html[data-mk-theme="dark"] .mk-theme-knob{transform:translateX(36px);background:#202a34!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),0 3px 10px rgba(0,0,0,.35)!important}
.mk-theme-icon{
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  width:34px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  transition:color .2s ease,opacity .2s ease!important;
}
.mk-theme-icon svg{width:15px!important;height:15px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.mk-theme-sun{left:0;color:#6b7680;opacity:.72}
.mk-theme-moon{right:0;color:#8b96a1;opacity:.72}
html[data-mk-theme="light"] .mk-theme-sun{color:#d88c00;opacity:1}
html[data-mk-theme="dark"] .mk-theme-moon{color:#f4f7fa;opacity:1}
.mk-theme-switch::after{
  content:"";
  position:absolute;
  inset:-20px;
  opacity:0;
  background:radial-gradient(circle,rgba(255,59,63,.18),transparent 58%);
  transition:opacity .2s ease;
}
.mk-theme-switch:hover::after{opacity:1}
.mk-theme-fallback{
  position:fixed!important;
  right:18px!important;
  top:16px!important;
  z-index:2147483000!important;
}
.mk-legacy-theme-toggle{display:none!important}

/* Light theme contrast corrections for common hard-coded dark-site text. */
html[data-mk-theme="light"] .inner-hero,
html[data-mk-theme="light"] .section,
html[data-mk-theme="light"] .section-head,
html[data-mk-theme="light"] .test-list,
html[data-mk-theme="light"] .live-test,
html[data-mk-theme="light"] .speaking-kicker,
html[data-mk-theme="light"] .path-copy,
html[data-mk-theme="light"] .summary-text{color:var(--mk-text)!important}
html[data-mk-theme="light"] .inner-hero em,
html[data-mk-theme="light"] h1 em,
html[data-mk-theme="light"] h2 em{color:transparent!important;-webkit-text-stroke-color:#7b8793!important}
html[data-mk-theme="light"] .noise{opacity:.025!important}

/* Do not theme visual evidence itself. */
html[data-mk-theme] img,
html[data-mk-theme] canvas,
html[data-mk-theme] video,
html[data-mk-theme] iframe{filter:none!important}

@media(max-width:1100px){
  .mk-theme-switch{width:64px!important;min-width:64px!important;height:34px!important}
  .mk-theme-knob{width:26px!important;height:26px!important}
  html[data-mk-theme="dark"] .mk-theme-knob{transform:translateX(30px)}
  .mk-theme-icon{width:31px!important;height:32px!important}
}
@media(max-width:760px){
  .mk-theme-slot{margin-left:5px!important}
  .mk-theme-switch{width:58px!important;min-width:58px!important;height:32px!important}
  .mk-theme-knob{width:24px!important;height:24px!important}
  html[data-mk-theme="dark"] .mk-theme-knob{transform:translateX(26px)}
  .mk-theme-icon{width:28px!important;height:30px!important}
  .mk-theme-icon svg{width:13px!important;height:13px!important}
  .mk-theme-fallback{right:10px!important;top:10px!important}
}
@media(max-width:560px){
  .mk-theme-switch{width:52px!important;min-width:52px!important;height:28px!important}
  .mk-theme-knob{top:2px!important;left:2px!important;width:22px!important;height:22px!important}
  html[data-mk-theme="dark"] .mk-theme-knob{transform:translateX(24px)}
  .mk-theme-icon{width:25px!important;height:26px!important}
  .mk-theme-icon svg{width:12px!important;height:12px!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-mk-theme] body,.mk-theme-switch,.mk-theme-knob,.mk-theme-icon{transition:none!important}
}
@media print{
  .mk-theme-slot,.mk-theme-fallback{display:none!important}
}


/* ==========================================================================\n   LIGHT MODE V2 · CHUNK 1\n   Public shell / homepage / course cards / navigation / CRM dashboard\n   ========================================================================== */
html[data-mk-theme="light"] body{
  background:
    radial-gradient(900px 520px at 92% 4%,rgba(73,96,160,.055),transparent 62%),
    var(--mk-bg)!important;
}

/* ---------- Modern public header ---------- */
html[data-mk-theme="light"] .site-header{
  background:rgba(252,253,254,.92)!important;
  border-bottom:1px solid rgba(25,34,44,.09)!important;
  box-shadow:0 8px 28px rgba(20,27,36,.045)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
}
html[data-mk-theme="light"] .site-header .brand b{color:#171b20!important}
html[data-mk-theme="light"] .site-header .brand>span{
  background:#11151a url('/assets/mk-mark.png') center/31px auto no-repeat!important;
  border:1px solid #20262d!important;
  border-radius:9px!important;
  box-shadow:0 5px 16px rgba(13,17,22,.13)!important;
}
html[data-mk-theme="light"] .site-header nav a{color:#606975!important}
html[data-mk-theme="light"] .site-header nav a:hover,
html[data-mk-theme="light"] .site-header nav a:focus,
html[data-mk-theme="light"] .site-header nav a.active{color:#11151a!important}
html[data-mk-theme="light"] .header-cta{
  color:#fff!important;
  border:0!important;
  border-radius:10px!important;
  padding:10px 15px!important;
  background:#df353a!important;
  box-shadow:0 8px 22px rgba(223,53,58,.18)!important;
}
html[data-mk-theme="light"] .header-cta:hover{background:#c92d33!important;transform:translateY(-1px)}
html[data-mk-theme="light"] .auth-header-link{
  background:#fff!important;
  color:#262c33!important;
  border:1px solid #d9dfe5!important;
  box-shadow:0 3px 12px rgba(22,30,40,.035)!important;
}
html[data-mk-theme="light"] .auth-header-link.logged-in{color:#176c50!important;border-color:#bde4d2!important;background:#f5fcf8!important}
html[data-mk-theme="light"] .language-switcher{
  background:#edf0f3!important;
  border:1px solid #d8dee4!important;
  box-shadow:inset 0 1px 1px rgba(16,24,32,.035)!important;
}
html[data-mk-theme="light"] .lang-btn{color:#69727c!important}
html[data-mk-theme="light"] .lang-btn.active{
  background:#fff!important;
  color:#171b20!important;
  box-shadow:0 2px 7px rgba(22,29,37,.13)!important;
}

/* Any current/future header flyout is a light product popover, never a black box. */
html[data-mk-theme="light"] .mk-nav-popover,
html[data-mk-theme="light"] .site-header .dropdown-menu,
html[data-mk-theme="light"] .site-header .submenu,
html[data-mk-theme="light"] .site-header .mega-menu,
html[data-mk-theme="light"] .site-header .nav-menu,
html[data-mk-theme="light"] .site-header .nav-panel,
html[data-mk-theme="light"] .site-header .menu-panel,
html[data-mk-theme="light"] .site-header .dropdown-panel,
html[data-mk-theme="light"] .site-header .dropdown-content,
html[data-mk-theme="light"] .site-header [role="menu"]{
  background:rgba(255,255,255,.98)!important;
  color:#20252b!important;
  border:1px solid #dfe4e9!important;
  border-radius:14px!important;
  box-shadow:0 22px 60px rgba(20,28,38,.16),0 2px 8px rgba(20,28,38,.05)!important;
  backdrop-filter:blur(18px)!important;
}
html[data-mk-theme="light"] .mk-nav-popover a,
html[data-mk-theme="light"] .site-header .dropdown-menu a,
html[data-mk-theme="light"] .site-header .submenu a,
html[data-mk-theme="light"] .site-header .mega-menu a,
html[data-mk-theme="light"] .site-header .nav-menu a,
html[data-mk-theme="light"] .site-header .nav-panel a,
html[data-mk-theme="light"] .site-header .menu-panel a,
html[data-mk-theme="light"] .site-header .dropdown-panel a,
html[data-mk-theme="light"] .site-header .dropdown-content a,
html[data-mk-theme="light"] .site-header [role="menu"] a{
  color:#313840!important;
  border-color:#edf0f3!important;
}
html[data-mk-theme="light"] .mk-nav-popover a:hover,
html[data-mk-theme="light"] .site-header .dropdown-menu a:hover,
html[data-mk-theme="light"] .site-header .submenu a:hover,
html[data-mk-theme="light"] .site-header .nav-menu a:hover,
html[data-mk-theme="light"] .site-header .nav-panel a:hover,
html[data-mk-theme="light"] .site-header .dropdown-panel a:hover,
html[data-mk-theme="light"] .site-header .dropdown-content a:hover,
html[data-mk-theme="light"] .site-header [role="menu"] a:hover{
  color:#0f1216!important;
  background:#f2f4f6!important;
}

/* ---------- Homepage hero ---------- */
html[data-mk-theme="light"].mk-route-home .hero{
  background:
    radial-gradient(620px 470px at 79% 48%,rgba(78,103,180,.075),transparent 67%),
    linear-gradient(180deg,#fbfcfd 0%,#f5f7f9 100%)!important;
}
html[data-mk-theme="light"].mk-route-home .hero-grid{opacity:.42!important}
html[data-mk-theme="light"].mk-route-home .hero .orb-a{opacity:.16!important;background:radial-gradient(circle,#8da5e4,transparent 66%)!important}
html[data-mk-theme="light"].mk-route-home .eyebrow{
  background:rgba(255,255,255,.72)!important;
  color:#66717d!important;
  border-color:#d9dfe5!important;
  box-shadow:0 5px 18px rgba(25,34,45,.035)!important;
}
html[data-mk-theme="light"].mk-route-home .overline{color:#343b44!important}
html[data-mk-theme="light"].mk-route-home .hero h1{color:#0d1014!important}
html[data-mk-theme="light"].mk-route-home .hero h1 em{
  -webkit-text-stroke:1.2px #9ca6b1!important;
  color:transparent!important;
}
html[data-mk-theme="light"].mk-route-home .hero-lede{color:#4f5965!important}
html[data-mk-theme="light"].mk-route-home .button.ghost{
  background:rgba(255,255,255,.72)!important;
  color:#22282f!important;
  border-color:#d5dce3!important;
}
html[data-mk-theme="light"].mk-route-home .button.ghost:hover{background:#fff!important;border-color:#bac4cf!important}
html[data-mk-theme="light"].mk-route-home .orbit{border-color:rgba(37,48,62,.11)!important}
html[data-mk-theme="light"].mk-route-home .o2{border-color:rgba(37,48,62,.13)!important}
html[data-mk-theme="light"].mk-route-home .o3{border-color:rgba(223,53,58,.22)!important;box-shadow:0 0 50px rgba(223,53,58,.055)!important}
html[data-mk-theme="light"].mk-route-home .score{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(30,39,50,.09)!important;
  border-radius:4px!important;
  padding:10px 14px 6px!important;
  box-shadow:0 18px 45px rgba(27,37,49,.08)!important;
}
html[data-mk-theme="light"].mk-route-home .score strong{color:#0a0d11!important;text-shadow:none!important}
html[data-mk-theme="light"].mk-route-home .score small,
html[data-mk-theme="light"].mk-route-home .score span{color:#76818d!important}
html[data-mk-theme="light"].mk-route-home .signal{
  background:rgba(255,255,255,.88)!important;
  color:#343b43!important;
  border-color:#dce2e8!important;
  box-shadow:0 10px 28px rgba(30,40,52,.075)!important;
}
html[data-mk-theme="light"].mk-route-home .signal b{color:#25775c!important}

/* ---------- Homepage platform / module cards ---------- */
html[data-mk-theme="light"].mk-route-home .practice,
html[data-mk-theme="light"].mk-route-home .results{background:#f2f4f6!important}
html[data-mk-theme="light"].mk-route-home .practice-grid{
  background:#dfe4e9!important;
  border-color:#dfe4e9!important;
}
html[data-mk-theme="light"].mk-route-home .practice-card,
html[data-mk-theme="light"] .platform-card{
  background:#fff!important;
  color:#1d2228!important;
  border-color:#dfe4e9!important;
}
html[data-mk-theme="light"].mk-route-home .practice-card:hover,
html[data-mk-theme="light"] .platform-card:hover{
  background:#fbfcfd!important;
  box-shadow:0 18px 45px rgba(24,33,44,.085)!important;
}
html[data-mk-theme="light"].mk-route-home .practice-card h3{color:#15191e!important}
html[data-mk-theme="light"].mk-route-home .practice-card div>p:not(.tag){color:#66717c!important}
html[data-mk-theme="light"].mk-route-home .skill-icon{color:#171b20!important;border-color:#d8dee5!important;background:#fafbfc!important}
html[data-mk-theme="light"].mk-route-home .card-num{color:#8b949f!important}
html[data-mk-theme="light"].mk-route-home .tag{color:#45745f!important}
html[data-mk-theme="light"].mk-route-home .speaking-home-card,
html[data-mk-theme="light"].mk-route-home .mock-home-card{
  background:radial-gradient(circle at 94% 0%,rgba(223,53,58,.07),transparent 30%),#fff!important;
  border-color:#e2d1d2!important;
}
html[data-mk-theme="light"].mk-route-home .speaking-home-card .tag,
html[data-mk-theme="light"].mk-route-home .mock-home-card .tag{color:#d6363c!important}
html[data-mk-theme="light"].mk-route-home .credentials b{color:#161b20!important}
html[data-mk-theme="light"].mk-route-home .text-link{border-color:#cbd2da!important}
html[data-mk-theme="light"].mk-route-home .results-stage:before{
  background:radial-gradient(ellipse at center,rgba(81,108,186,.09) 0,rgba(81,108,186,.025) 42%,transparent 72%)!important;
}

/* ---------- Course cards: light should actually be light ---------- */
html[data-mk-theme="light"] .course-grid-pro{background:transparent!important}
html[data-mk-theme="light"] .course-card-pro,
html[data-mk-theme="light"] .section.courses .course-card,
html[data-mk-theme="light"] .section.courses .course-card.featured{
  background:linear-gradient(180deg,#fff 0%,#fafbfc 100%)!important;
  color:#1e242b!important;
  border:1px solid #dce2e8!important;
  box-shadow:0 10px 32px rgba(24,33,44,.055)!important;
}
html[data-mk-theme="light"] .course-card-pro:before{
  background:radial-gradient(520px 230px at 100% 0%,rgba(223,53,58,.055),transparent 58%)!important;
}
html[data-mk-theme="light"] .course-card-pro:hover,
html[data-mk-theme="light"] .section.courses .course-card:hover{
  background:#fff!important;
  border-color:rgba(214,54,60,.42)!important;
  box-shadow:0 20px 48px rgba(25,34,45,.11)!important;
  transform:translateY(-5px)!important;
}
html[data-mk-theme="light"] .course-card-pro h3{color:#171b20!important}
html[data-mk-theme="light"] .course-card-pro .course-desc{color:#65707b!important}
html[data-mk-theme="light"] .course-badge{
  background:#f4f6f8!important;
  color:#6c7680!important;
  border-color:#dce2e8!important;
}
html[data-mk-theme="light"] .course-badge-red{background:#fff2f2!important;color:#c82f35!important;border-color:#efb7ba!important}
html[data-mk-theme="light"] .course-meta span{
  background:#f6f8f9!important;
  color:#606b76!important;
  border-color:#e0e5ea!important;
}
html[data-mk-theme="light"] .course-price{border-color:#e0e5ea!important}
html[data-mk-theme="light"] .course-price b{color:#11151a!important}
html[data-mk-theme="light"] .course-price span{color:#858f99!important}
html[data-mk-theme="light"] .course-card-pro>a{
  background:#fff!important;
  color:#252b32!important;
  border-color:#d3dae1!important;
}
html[data-mk-theme="light"] .course-card-pro>a:hover{background:#df353a!important;color:#fff!important;border-color:#df353a!important}
html[data-mk-theme="light"] .course-featured-pro{
  background:linear-gradient(180deg,#fff8f8 0%,#fff 34%,#fafbfc 100%)!important;
  border-color:#efc7c9!important;
}
html[data-mk-theme="light"] .course-featured-pro:after{background:rgba(223,53,58,.055)!important}

/* ---------- CRM: bright workspace + intentional dark navigation rail ---------- */
html[data-mk-theme="light"].mk-route-crm,
html[data-mk-theme="light"].mk-route-crm body,
html[data-mk-theme="light"].mk-route-crm .crm10,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced{
  --crm-bg:#f2f4f6!important;
  --crm-panel:#ffffff!important;
  --crm-panel-2:#f6f8fa!important;
  --crm-text:#171b20!important;
  --crm-muted:#6b7580!important;
  --crm-line:#dfe4e9!important;
  background:#f2f4f6!important;
  color:#171b20!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-side,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .side{
  background:linear-gradient(180deg,#0e1217 0%,#10151c 56%,#141a22 100%)!important;
  color:#f7f9fb!important;
  border-color:#202832!important;
  box-shadow:16px 0 48px rgba(22,29,38,.08)!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-brand,
html[data-mk-theme="light"].mk-route-crm .crm10-brand b,
html[data-mk-theme="light"].mk-route-crm .crm10-user b,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .side .brand,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .side .brand b,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .side .user-mini b{color:#f8fafc!important}
html[data-mk-theme="light"].mk-route-crm .crm10-brand small,
html[data-mk-theme="light"].mk-route-crm .crm10-user small,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .side .brand small,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .side .user-mini small{color:#8793a1!important}
html[data-mk-theme="light"].mk-route-crm .crm10-nav .group,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .crm-nav-group{color:#697586!important}
html[data-mk-theme="light"].mk-route-crm .crm10-nav a,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .side .nav a{color:#b9c1ca!important}
html[data-mk-theme="light"].mk-route-crm .crm10-nav a i,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .side .nav a i{color:#d8dde4!important}
html[data-mk-theme="light"].mk-route-crm .crm10-nav a:hover,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .side .nav a:hover{background:#181f28!important;color:#fff!important}
html[data-mk-theme="light"].mk-route-crm .crm10-nav a.active,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .side .nav a.active{
  background:linear-gradient(135deg,rgba(75,103,210,.23),rgba(223,53,58,.17))!important;
  color:#fff!important;
  border-color:#303947!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-logout,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .side .logout{color:#a7b0bb!important;border-color:#2d3641!important;background:transparent!important}
html[data-mk-theme="light"].mk-route-crm .crm10-top,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .top{
  background:rgba(252,253,254,.91)!important;
  border-bottom-color:#dfe4e9!important;
  box-shadow:0 8px 25px rgba(24,32,42,.035)!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-hero,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .hero{
  background:linear-gradient(135deg,#fff 0%,#f7f9fc 60%,#f1f4fa 100%)!important;
  color:#171b20!important;
  border:1px solid #dfe4ea!important;
  box-shadow:0 18px 50px rgba(23,31,42,.075)!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-hero:before,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .hero:before{
  background:radial-gradient(circle at 78% 35%,rgba(70,103,255,.13),transparent 27%),radial-gradient(circle at 92% 72%,rgba(223,53,58,.10),transparent 22%)!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-hero h1,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .hero h1{color:#11151a!important;text-shadow:none!important}
html[data-mk-theme="light"].mk-route-crm .crm10-hero p,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .hero p{color:#5f6975!important}
html[data-mk-theme="light"].mk-route-crm .crm10-hero-side{
  background:rgba(255,255,255,.78)!important;
  color:#1c2229!important;
  border-color:#d7dee6!important;
  box-shadow:0 10px 30px rgba(24,33,43,.06)!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-hero-side span,
html[data-mk-theme="light"].mk-route-crm .crm10-hero-side small{color:#77828e!important}
html[data-mk-theme="light"].mk-route-crm .crm10-metric,
html[data-mk-theme="light"].mk-route-crm .crm10-panel,
html[data-mk-theme="light"].mk-route-crm .crm10-quick a,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .metric,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .panel,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .card{
  background:#fff!important;
  color:#171b20!important;
  border-color:#dfe4e9!important;
  box-shadow:0 8px 26px rgba(24,33,43,.035)!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-metric:hover,
html[data-mk-theme="light"].mk-route-crm .crm10-panel:hover{border-color:#c9d1da!important;box-shadow:0 12px 32px rgba(24,33,43,.055)!important}
html[data-mk-theme="light"].mk-route-crm .crm10-finance-card{
  background:linear-gradient(145deg,#151a21,#0d1116)!important;
  color:#fff!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-finance-card strong{color:#fff!important}

/* Theme control: slightly quieter and more precise in the light header. */
html[data-mk-theme="light"] .mk-theme-switch{
  background:#edf0f3!important;
  border-color:#d4dbe2!important;
  box-shadow:inset 0 1px 1px rgba(14,20,27,.035),0 4px 14px rgba(18,26,35,.07)!important;
}
html[data-mk-theme="light"] .mk-theme-knob{
  background:#fff!important;
  box-shadow:0 3px 9px rgba(21,29,38,.16)!important;
}
html[data-mk-theme="light"] .mk-theme-switch:hover{border-color:#bfc8d1!important;box-shadow:0 0 0 3px rgba(22,30,40,.045)!important}

/* ========================================================================== */
/* LIGHT MODE V2 · CHUNK 2 · IELTS MODULES + PRACTICE INTERFACES              */
/* ========================================================================== */

/* --- Module landing pages ------------------------------------------------- */
html[data-mk-theme="light"].mk-page-module-home body{
  background:#f3f5f7!important;
  color:#171b20!important;
}
html[data-mk-theme="light"].mk-page-module-home .section.inner-hero{
  background:
    radial-gradient(700px 420px at 83% 12%,rgba(66,89,145,.07),transparent 63%),
    linear-gradient(180deg,#fbfcfd 0%,#f5f7f9 100%)!important;
  border-bottom:1px solid #dde3e8!important;
}
html[data-mk-theme="light"].mk-page-module-home .inner-hero h1,
html[data-mk-theme="light"].mk-page-module-home .section-head h2{
  color:#101419!important;
  text-shadow:none!important;
}
html[data-mk-theme="light"].mk-page-module-home .inner-hero h1 em{
  color:transparent!important;
  -webkit-text-stroke:1px #99a4af!important;
}
html[data-mk-theme="light"].mk-page-module-home .inner-hero .meta,
html[data-mk-theme="light"].mk-page-module-home .inner-hero p,
html[data-mk-theme="light"].mk-page-module-home .section-head p{
  color:#64707c!important;
}
html[data-mk-theme="light"].mk-page-module-home .section:not(.inner-hero){background:#f3f5f7!important}
html[data-mk-theme="light"].mk-page-module-home .test-list{gap:12px!important}
html[data-mk-theme="light"].mk-page-module-home .test-card{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff,#fbfcfd)!important;
  color:#1a2026!important;
  border:1px solid #dce2e7!important;
  box-shadow:0 7px 26px rgba(25,34,45,.045)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
html[data-mk-theme="light"].mk-page-module-home .test-card:before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:2px!important;
  background:transparent!important;
}
html[data-mk-theme="light"].mk-page-module-home .test-card:hover{
  transform:translateY(-3px)!important;
  border-color:#cbd3db!important;
  box-shadow:0 18px 44px rgba(25,34,45,.09)!important;
}
html[data-mk-theme="light"].mk-page-module-home .test-card:hover:before,
html[data-mk-theme="light"].mk-page-module-home .test-card.live-test:before{background:#df353a!important}
html[data-mk-theme="light"].mk-page-module-home .test-card.live-test{
  background:radial-gradient(300px 160px at 100% 0%,rgba(223,53,58,.055),transparent 68%),#fff!important;
  border-color:#e5d2d3!important;
}
html[data-mk-theme="light"].mk-page-module-home .test-card h2,
html[data-mk-theme="light"].mk-page-module-home .test-card h3{color:#171b20!important}
html[data-mk-theme="light"].mk-page-module-home .test-card p{color:#64707c!important}
html[data-mk-theme="light"].mk-page-module-home .test-code,
html[data-mk-theme="light"].mk-page-module-home .live-dot{color:#d9363e!important}
html[data-mk-theme="light"].mk-page-module-home .test-stats span,
html[data-mk-theme="light"].mk-page-module-home .writing-card-tags span{
  background:#f4f6f8!important;
  color:#4f5964!important;
  border:1px solid #e0e5ea!important;
}
html[data-mk-theme="light"].mk-page-module-home .button.primary{
  background:#df353a!important;
  color:#fff!important;
  border-color:#df353a!important;
  box-shadow:0 8px 20px rgba(223,53,58,.14)!important;
}
html[data-mk-theme="light"].mk-page-module-home .button.primary:hover{background:#c92f34!important;border-color:#c92f34!important}
html[data-mk-theme="light"].mk-page-module-home .footer-main,
html[data-mk-theme="light"].mk-page-module-home .footer-bottom{
  background:#eef1f4!important;
  color:#4d5863!important;
  border-color:#d9dfe5!important;
}

/* --- Reading: clean split-screen paper workspace ------------------------- */
html[data-mk-theme="light"].mk-page-reading-test body{background:#edf1f4!important;color:#171b20!important}
html[data-mk-theme="light"].mk-page-reading-test .start{
  background:radial-gradient(circle at 76% 18%,rgba(223,53,58,.09),transparent 29%),linear-gradient(135deg,#edf1f4,#f8fafb)!important;
  color:#171b20!important;
}
html[data-mk-theme="light"].mk-page-reading-test .start-card{
  background:#fff!important;
  color:#171b20!important;
  border:1px solid #dce2e8!important;
  box-shadow:0 28px 80px rgba(25,34,45,.13)!important;
}
html[data-mk-theme="light"].mk-page-reading-test .start h1{color:#101419!important}
html[data-mk-theme="light"].mk-page-reading-test .start p{color:#65717c!important}
html[data-mk-theme="light"].mk-page-reading-test .start .meta span{background:#f5f7f9!important;color:#5d6873!important;border-color:#dce2e8!important}
html[data-mk-theme="light"].mk-page-reading-test .form label{color:#74808b!important}
html[data-mk-theme="light"].mk-page-reading-test .form input{background:#fff!important;color:#171b20!important;border-color:#ccd4dc!important}
html[data-mk-theme="light"].mk-page-reading-test .top{
  background:rgba(252,253,254,.98)!important;
  color:#171b20!important;
  border-color:#dce2e8!important;
  box-shadow:0 3px 18px rgba(20,28,38,.045)!important;
}
html[data-mk-theme="light"].mk-page-reading-test .top .title,
html[data-mk-theme="light"].mk-page-reading-test .top .brand{color:#171b20!important}
html[data-mk-theme="light"].mk-page-reading-test .top .title small{color:#7c8792!important}
html[data-mk-theme="light"].mk-page-reading-test .tab,
html[data-mk-theme="light"].mk-page-reading-test .timer{
  background:#f2f4f6!important;
  color:#59636e!important;
  border-color:#dce2e8!important;
}
html[data-mk-theme="light"].mk-page-reading-test .tab.active{
  background:#171c22!important;
  color:#fff!important;
  border-color:#171c22!important;
}
html[data-mk-theme="light"].mk-page-reading-test .main{background:#e9edf1!important}
html[data-mk-theme="light"].mk-page-reading-test .panel{color:#171b20!important;border-color:#dfe4e9!important}
html[data-mk-theme="light"].mk-page-reading-test .passage{background:#fff!important}
html[data-mk-theme="light"].mk-page-reading-test .questions{background:#f7f9fa!important}
html[data-mk-theme="light"].mk-page-reading-test .divider{background:#e6eaee!important;border-color:#d5dbe1!important}
html[data-mk-theme="light"].mk-page-reading-test .divider:after{background:#aeb7c0!important}
html[data-mk-theme="light"].mk-page-reading-test .passage-intro{color:#6c7782!important}
html[data-mk-theme="light"].mk-page-reading-test .question-prompt,
html[data-mk-theme="light"].mk-page-reading-test .tf-question,
html[data-mk-theme="light"].mk-page-reading-test .mcq-question,
html[data-mk-theme="light"].mk-page-reading-test .matching-form-row,
html[data-mk-theme="light"].mk-page-reading-test .summary-text,
html[data-mk-theme="light"].mk-page-reading-test .people-section,
html[data-mk-theme="light"].mk-page-reading-test .checkbox-group{
  background:#fff!important;
  color:#252b31!important;
  border-color:#dce2e7!important;
  box-shadow:0 4px 16px rgba(25,34,45,.025)!important;
}
html[data-mk-theme="light"].mk-page-reading-test .tf-option,
html[data-mk-theme="light"].mk-page-reading-test .mcq-option,
html[data-mk-theme="light"].mk-page-reading-test .checkbox-group label{
  background:#f8fafb!important;
  color:#2c333a!important;
  border-color:#e1e6ea!important;
}
html[data-mk-theme="light"].mk-page-reading-test .tf-option:hover,
html[data-mk-theme="light"].mk-page-reading-test .mcq-option:hover{background:#f2f5f7!important}
html[data-mk-theme="light"].mk-page-reading-test .tf-option:has(input:checked),
html[data-mk-theme="light"].mk-page-reading-test .mcq-option:has(input:checked),
html[data-mk-theme="light"].mk-page-reading-test .checkbox-group label:has(input:checked){
  background:#fff0f0!important;
  border-color:#e68387!important;
  color:#181d22!important;
}
html[data-mk-theme="light"].mk-page-reading-test .answer-input,
html[data-mk-theme="light"].mk-page-reading-test select.answer-input{
  background:#fff!important;
  color:#14191e!important;
  border-color:#bcc6cf!important;
  box-shadow:inset 0 1px 2px rgba(20,28,38,.025)!important;
}
html[data-mk-theme="light"].mk-page-reading-test .answer-input:focus{outline:2px solid rgba(223,53,58,.12)!important;border-color:#d85b60!important}
html[data-mk-theme="light"].mk-page-reading-test .qnav{
  background:rgba(255,255,255,.98)!important;
  border-color:#dce2e8!important;
  box-shadow:0 -8px 24px rgba(24,33,44,.055)!important;
}
html[data-mk-theme="light"].mk-page-reading-test .qbtn{background:#f6f8f9!important;color:#555f69!important;border-color:#d8dee4!important}
html[data-mk-theme="light"].mk-page-reading-test .qbtn.current{background:#df353a!important;color:#fff!important;border-color:#df353a!important}
html[data-mk-theme="light"].mk-page-reading-test .qbtn.answered{background:#eaf7ef!important;color:#187344!important;border-color:#a9d7ba!important}
html[data-mk-theme="light"].mk-page-reading-test .results{background:#eef2f5!important;color:#171b20!important}
html[data-mk-theme="light"].mk-page-reading-test .results h1{color:#11151a!important}
html[data-mk-theme="light"].mk-page-reading-test .score:not(.main){background:#fff!important;color:#171b20!important;border-color:#dbe1e7!important}
html[data-mk-theme="light"].mk-page-reading-test .score:not(.main) small{color:#75808b!important}
html[data-mk-theme="light"].mk-page-reading-test .review .row{background:#fff!important;color:#283038!important;border-color:#dce2e8!important}
html[data-mk-theme="light"].mk-page-reading-test .why{color:#63707b!important;border-color:#e1e6eb!important}
html[data-mk-theme="light"].mk-page-reading-test .why b{color:#171b20!important}
html[data-mk-theme="light"].mk-page-reading-test .actions button,
html[data-mk-theme="light"].mk-page-reading-test .actions a{background:#fff!important;color:#252b31!important;border-color:#d5dce3!important}

/* --- Listening: light exam console, no washed-out controls --------------- */
html[data-mk-theme="light"].mk-page-listening-test body{background:#eef2f5!important;color:#171b20!important}
html[data-mk-theme="light"].mk-page-listening-test .header{
  background:rgba(252,253,254,.98)!important;
  color:#171b20!important;
  border-color:#dce2e8!important;
  box-shadow:0 3px 18px rgba(20,28,38,.045)!important;
}
html[data-mk-theme="light"].mk-page-listening-test .mk-test-title,
html[data-mk-theme="light"].mk-page-listening-test .mk-brand,
html[data-mk-theme="light"].mk-page-listening-test .header-left{color:#171b20!important}
html[data-mk-theme="light"].mk-page-listening-test .mk-part-tab,
html[data-mk-theme="light"].mk-page-listening-test .timer-display,
html[data-mk-theme="light"].mk-page-listening-test .icon-btn{
  background:#f2f4f6!important;
  color:#59636e!important;
  border-color:#d8dfe5!important;
}
html[data-mk-theme="light"].mk-page-listening-test .mk-part-tab.active{
  background:#171c22!important;
  color:#fff!important;
  border-color:#171c22!important;
}
html[data-mk-theme="light"].mk-page-listening-test .audio-bar{background:#f7f9fa!important;border-color:#dde3e8!important}
html[data-mk-theme="light"].mk-page-listening-test .audio-shell{background:#fff!important;border-color:#d9e0e6!important;box-shadow:0 4px 18px rgba(24,33,43,.035)!important}
html[data-mk-theme="light"].mk-page-listening-test .skip-btn,
html[data-mk-theme="light"].mk-page-listening-test .time{color:#66717b!important}
html[data-mk-theme="light"].mk-page-listening-test .speed,
html[data-mk-theme="light"].mk-page-listening-test .speed-select{background:#fff!important;color:#303840!important;border-color:#d5dce3!important}
html[data-mk-theme="light"].mk-page-listening-test .main,
html[data-mk-theme="light"].mk-page-listening-test .main-area{background:#eef2f5!important}
html[data-mk-theme="light"].mk-page-listening-test .questions-panel{background:#f5f7f9!important}
html[data-mk-theme="light"].mk-page-listening-test .section-banner{background:#edf1f4!important;color:#3c454e!important;border-color:#d8dfe5!important}
html[data-mk-theme="light"].mk-page-listening-test .part-title,
html[data-mk-theme="light"].mk-page-listening-test .card,
html[data-mk-theme="light"].mk-page-listening-test .q-card,
html[data-mk-theme="light"].mk-page-listening-test .question-block,
html[data-mk-theme="light"].mk-page-listening-test .notes,
html[data-mk-theme="light"].mk-page-listening-test .match-flow,
html[data-mk-theme="light"].mk-page-listening-test .map-card,
html[data-mk-theme="light"].mk-page-listening-test .match-static-list,
html[data-mk-theme="light"].mk-page-listening-test .match-options-box,
html[data-mk-theme="light"].mk-page-listening-test .picktwo-box{
  background:#fff!important;
  color:#20262c!important;
  border-color:#dce2e7!important;
  box-shadow:0 5px 20px rgba(25,34,45,.025)!important;
}
html[data-mk-theme="light"].mk-page-listening-test .option-label,
html[data-mk-theme="light"].mk-page-listening-test .ldm-slot,
html[data-mk-theme="light"].mk-page-listening-test .match-slot{
  background:#f8fafb!important;
  color:#2e353c!important;
  border-color:#dce3e9!important;
}
html[data-mk-theme="light"].mk-page-listening-test .option-label:hover,
html[data-mk-theme="light"].mk-page-listening-test .ldm-slot:hover{background:#f1f4f6!important}
html[data-mk-theme="light"].mk-page-listening-test .option-label.selected,
html[data-mk-theme="light"].mk-page-listening-test .ldm-slot.filled,
html[data-mk-theme="light"].mk-page-listening-test .ldm-option.armed{
  background:#fff0f0!important;
  border-color:#e38387!important;
  color:#1a2025!important;
}
html[data-mk-theme="light"].mk-page-listening-test .ldm-option,
html[data-mk-theme="light"].mk-page-listening-test .match-option{
  background:#fff!important;
  color:#293139!important;
  border-color:#d9e0e6!important;
}
html[data-mk-theme="light"].mk-page-listening-test .ldm-qtext,
html[data-mk-theme="light"].mk-page-listening-test .ldm-text,
html[data-mk-theme="light"].mk-page-listening-test .ldm-code{color:#293139!important}
html[data-mk-theme="light"].mk-page-listening-test .text-input,
html[data-mk-theme="light"].mk-page-listening-test input[type="text"],
html[data-mk-theme="light"].mk-page-listening-test select{
  background:#fff!important;
  color:#161b20!important;
  border-color:#bcc6cf!important;
}
html[data-mk-theme="light"].mk-page-listening-test .match-table,
html[data-mk-theme="light"].mk-page-listening-test .match-table th,
html[data-mk-theme="light"].mk-page-listening-test .match-table td{background:#fff!important;color:#283038!important;border-color:#dbe1e7!important}
html[data-mk-theme="light"].mk-page-listening-test .match-table th{background:#f2f5f7!important}
html[data-mk-theme="light"].mk-page-listening-test .bottom,
html[data-mk-theme="light"].mk-page-listening-test .bottom-nav{
  background:rgba(255,255,255,.98)!important;
  color:#252b31!important;
  border-color:#dce2e8!important;
  box-shadow:0 -8px 24px rgba(24,33,44,.055)!important;
}
html[data-mk-theme="light"].mk-page-listening-test .subq,
html[data-mk-theme="light"].mk-page-listening-test .subQuestion{background:#f7f9fa!important;color:#58636d!important;border-color:#d7dee5!important}
html[data-mk-theme="light"].mk-page-listening-test .subq.active,
html[data-mk-theme="light"].mk-page-listening-test .subQuestion.active{background:#df353a!important;color:#fff!important;border-color:#df353a!important}
html[data-mk-theme="light"].mk-page-listening-test .subq.answered,
html[data-mk-theme="light"].mk-page-listening-test .subQuestion.answered{background:#edf2f5!important;color:#384149!important;border-color:#cfd7de!important}
html[data-mk-theme="light"].mk-page-listening-test .check-btn{background:#171c22!important;color:#fff!important;border-color:#171c22!important}

/* --- Writing: editorial white workspace ---------------------------------- */
html[data-mk-theme="light"].mk-page-writing-test body{background:#edf1f4!important;color:#171b20!important}
html[data-mk-theme="light"].mk-page-writing-test .top{
  background:rgba(252,253,254,.98)!important;
  color:#171b20!important;
  border-color:#dce2e8!important;
  box-shadow:0 3px 18px rgba(20,28,38,.045)!important;
}
html[data-mk-theme="light"].mk-page-writing-test .top .brand,
html[data-mk-theme="light"].mk-page-writing-test .top .title{color:#171b20!important}
html[data-mk-theme="light"].mk-page-writing-test .timer,
html[data-mk-theme="light"].mk-page-writing-test .topbtn,
html[data-mk-theme="light"].mk-page-writing-test .tab{
  background:#f2f4f6!important;
  color:#59636e!important;
  border-color:#d8dfe5!important;
}
html[data-mk-theme="light"].mk-page-writing-test .tab.active{background:#171c22!important;color:#fff!important;border-color:#171c22!important}
html[data-mk-theme="light"].mk-page-writing-test .submit-top,
html[data-mk-theme="light"].mk-page-writing-test .finish,
html[data-mk-theme="light"].mk-page-writing-test .primary{background:#df353a!important;color:#fff!important;border-color:#df353a!important}
html[data-mk-theme="light"].mk-page-writing-test .work{background:#e9edf1!important}
html[data-mk-theme="light"].mk-page-writing-test .prompt{
  background:#fff!important;
  color:#20262c!important;
  border-color:#dfe4e9!important;
}
html[data-mk-theme="light"].mk-page-writing-test .prompt .question,
html[data-mk-theme="light"].mk-page-writing-test .prompt .instruction{color:#333c45!important}
html[data-mk-theme="light"].mk-page-writing-test .timing{color:#6c7782!important}
html[data-mk-theme="light"].mk-page-writing-test .chartbox{background:#fbfcfd!important;border-color:#dce2e7!important}
html[data-mk-theme="light"].mk-page-writing-test .divider{background:#e3e8ec!important;border-color:#d3dae0!important}
html[data-mk-theme="light"].mk-page-writing-test .editorpane{background:#f6f8fa!important;color:#171b20!important}
html[data-mk-theme="light"].mk-page-writing-test .editorhead{background:#f6f8fa!important;color:#171b20!important;border-color:#dce2e7!important}
html[data-mk-theme="light"].mk-page-writing-test .editorhead p{color:#74808a!important}
html[data-mk-theme="light"].mk-page-writing-test .count{background:#fff!important;color:#4f5963!important;border-color:#d5dde4!important}
html[data-mk-theme="light"].mk-page-writing-test .count.short{color:#bc3338!important;background:#fff3f3!important;border-color:#ebc4c6!important}
html[data-mk-theme="light"].mk-page-writing-test textarea.writing,
html[data-mk-theme="light"].mk-page-writing-test .writing{
  background:#fff!important;
  color:#161b20!important;
  caret-color:#df353a!important;
  border-color:#dbe2e8!important;
  box-shadow:0 7px 24px rgba(25,34,45,.035)!important;
}
html[data-mk-theme="light"].mk-page-writing-test textarea.writing::placeholder{color:#9aa4ae!important}
html[data-mk-theme="light"].mk-page-writing-test .footbar{
  background:rgba(255,255,255,.98)!important;
  color:#252b31!important;
  border-color:#dce2e8!important;
  box-shadow:0 -8px 24px rgba(24,33,44,.055)!important;
}
html[data-mk-theme="light"].mk-page-writing-test .footbar .nav{background:#f3f5f7!important;color:#333b43!important;border-color:#d6dde4!important}
html[data-mk-theme="light"].mk-page-writing-test .progress{color:#707b86!important}
html[data-mk-theme="light"].mk-page-writing-test .progress b{color:#252b31!important}
html[data-mk-theme="light"].mk-page-writing-test .modal{background:rgba(20,27,35,.40)!important;backdrop-filter:blur(8px)}
html[data-mk-theme="light"].mk-page-writing-test .modalcard{background:#fff!important;color:#171b20!important;border-color:#dbe1e7!important;box-shadow:0 30px 90px rgba(21,29,39,.18)!important}
html[data-mk-theme="light"].mk-page-writing-test .summary>div{background:#f6f8f9!important;color:#5d6873!important;border-color:#e0e5ea!important}
html[data-mk-theme="light"].mk-page-writing-test .summary b{color:#161b20!important}
html[data-mk-theme="light"].mk-page-writing-test .actions button:not(.primary){background:#fff!important;color:#303840!important;border-color:#d4dce3!important}
/* Unified MKW023–043 opening screen */
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry{
  background:radial-gradient(circle at 74% 16%,rgba(223,53,58,.08),transparent 30%),linear-gradient(135deg,#eef2f5,#fafbfc)!important;
  color:#171b20!important;
}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-card{
  background:#fff!important;
  color:#171b20!important;
  border-color:#dce2e8!important;
  box-shadow:0 30px 90px rgba(25,34,45,.14)!important;
}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-card:after{color:rgba(20,28,38,.035)!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-brand b,
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry h1{color:#12161b!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry h1 em{color:#df353a!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-lede{color:#65717c!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-chips span{background:#f5f7f9!important;color:#59646f!important;border-color:#dce2e8!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-form label{color:#75818c!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-form input{background:#fff!important;color:#171b20!important;border-color:#cbd4dc!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-foot{color:#78838e!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-foot a{color:#515c67!important}

/* --- Speaking learning pages: deliberate white cards + soft gray canvas -- */
html[data-mk-theme="light"].mk-route-speaking body{background:#f3f5f7!important;color:#171b20!important}
html[data-mk-theme="light"].mk-route-speaking .section.inner-hero,
html[data-mk-theme="light"].mk-route-speaking .p2l-hero,
html[data-mk-theme="light"].mk-route-speaking .p3l-hero{
  background:radial-gradient(680px 420px at 82% 10%,rgba(70,95,156,.07),transparent 65%),linear-gradient(180deg,#fbfcfd,#f5f7f9)!important;
  color:#171b20!important;
  border-color:#dce2e8!important;
}
html[data-mk-theme="light"].mk-route-speaking .speaking-path-card,
html[data-mk-theme="light"].mk-route-speaking .lesson-level-card,
html[data-mk-theme="light"].mk-route-speaking .practice-shell,
html[data-mk-theme="light"].mk-route-speaking .p2l-card,
html[data-mk-theme="light"].mk-route-speaking .p2l-block,
html[data-mk-theme="light"].mk-route-speaking .p2l-sample,
html[data-mk-theme="light"].mk-route-speaking .p2l-stronger,
html[data-mk-theme="light"].mk-route-speaking .p2l-tip,
html[data-mk-theme="light"].mk-route-speaking .p2l-bridge,
html[data-mk-theme="light"].mk-route-speaking .p3l-block,
html[data-mk-theme="light"].mk-route-speaking .p3l-answer-card,
html[data-mk-theme="light"].mk-route-speaking .p3l-practice-card,
html[data-mk-theme="light"].mk-route-speaking .p3l-stronger,
html[data-mk-theme="light"].mk-route-speaking .p3-ai-entry-card,
html[data-mk-theme="light"].mk-route-speaking .p1-ai-panel,
html[data-mk-theme="light"].mk-route-speaking .p3-ai-panel,
html[data-mk-theme="light"].mk-route-speaking .p1-ai-entry,
html[data-mk-theme="light"].mk-route-speaking .language-section{
  background:#fff!important;
  color:#1b2127!important;
  border-color:#dce2e8!important;
  box-shadow:0 7px 26px rgba(25,34,45,.04)!important;
}
html[data-mk-theme="light"].mk-route-speaking .speaking-path-card.active-course,
html[data-mk-theme="light"].mk-route-speaking .speaking-path-card.full-card,
html[data-mk-theme="light"].mk-route-speaking .p3-ai-entry-card{
  background:radial-gradient(320px 180px at 100% 0%,rgba(223,53,58,.06),transparent 65%),#fff!important;
  border-color:#e5d0d2!important;
}
html[data-mk-theme="light"].mk-route-speaking .path-copy p,
html[data-mk-theme="light"].mk-route-speaking .p2l-lede,
html[data-mk-theme="light"].mk-route-speaking .p3l-lede,
html[data-mk-theme="light"].mk-route-speaking .p2l-sample-text,
html[data-mk-theme="light"].mk-route-speaking .p3l-sample-text,
html[data-mk-theme="light"].mk-route-speaking .practice-instruction,
html[data-mk-theme="light"].mk-route-speaking .coach-tip{color:#66717c!important}
html[data-mk-theme="light"].mk-route-speaking .path-tags span,
html[data-mk-theme="light"].mk-route-speaking .p2l-meta span,
html[data-mk-theme="light"].mk-route-speaking .p3l-meta span,
html[data-mk-theme="light"].mk-route-speaking .p3-ai-entry-meta span{
  background:#f4f6f8!important;
  color:#56616b!important;
  border-color:#dfe5ea!important;
}
html[data-mk-theme="light"].mk-route-speaking .level-selector,
html[data-mk-theme="light"].mk-route-speaking .p2l-level-row,
html[data-mk-theme="light"].mk-route-speaking .p3l-level-row,
html[data-mk-theme="light"].mk-route-speaking .part1-modebar,
html[data-mk-theme="light"].mk-route-speaking .topic-filters,
html[data-mk-theme="light"].mk-route-speaking .p1-ai-toolbar,
html[data-mk-theme="light"].mk-route-speaking .p3-ai-toolbar{
  background:#eef2f5!important;
  color:#343c44!important;
  border-color:#d9e0e6!important;
}
html[data-mk-theme="light"].mk-route-speaking .mode-tab,
html[data-mk-theme="light"].mk-route-speaking .p2l-btn.ghost,
html[data-mk-theme="light"].mk-route-speaking .p3l-btn.ghost,
html[data-mk-theme="light"].mk-route-speaking .secondary,
html[data-mk-theme="light"].mk-route-speaking .lesson-back.secondary{
  background:#fff!important;
  color:#3c454e!important;
  border-color:#d2dae2!important;
}
html[data-mk-theme="light"].mk-route-speaking .mode-tab.active,
html[data-mk-theme="light"].mk-route-speaking .p2l-btn.primary,
html[data-mk-theme="light"].mk-route-speaking .p3l-btn.primary,
html[data-mk-theme="light"].mk-route-speaking .practice-cta{background:#df353a!important;color:#fff!important;border-color:#df353a!important}
html[data-mk-theme="light"].mk-route-speaking .language-table,
html[data-mk-theme="light"].mk-route-speaking .language-table th,
html[data-mk-theme="light"].mk-route-speaking .language-table td{background:#fff!important;color:#293139!important;border-color:#e0e5ea!important}
html[data-mk-theme="light"].mk-route-speaking .language-table th{background:#f3f6f8!important}
html[data-mk-theme="light"].mk-route-speaking .question-stack>* ,
html[data-mk-theme="light"].mk-route-speaking .p3l-question-list>*{
  background:#f8fafb!important;
  color:#252d34!important;
  border-color:#e0e5ea!important;
}

/* --- Full Speaking: light command-console -------------------------------- */
html[data-mk-theme="light"].mk-page-speaking-full .full-speaking-page,
html[data-mk-theme="light"].mk-page-speaking-full body{background:#f2f4f6!important;color:#171b20!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-hero{border-color:#dce2e8!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-hero h1{color:#11151a!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-hero h1 em{-webkit-text-stroke:1px #99a4af!important;color:transparent!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-hero-copy>p:not(.fs-eyebrow),
html[data-mk-theme="light"].mk-page-speaking-full .fs-section-head>p{color:#64707c!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-hero-tags span{background:#fff!important;color:#5f6a75!important;border-color:#dce2e8!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-overview-card,
html[data-mk-theme="light"].mk-page-speaking-full .fs-step,
html[data-mk-theme="light"].mk-page-speaking-full .fs-launch-card,
html[data-mk-theme="light"].mk-page-speaking-full .fs-access-card,
html[data-mk-theme="light"].mk-page-speaking-full .fs-mock-banner,
html[data-mk-theme="light"].mk-page-speaking-full .fs-console-top,
html[data-mk-theme="light"].mk-page-speaking-full .fs-question-card,
html[data-mk-theme="light"].mk-page-speaking-full .fs-side-card,
html[data-mk-theme="light"].mk-page-speaking-full .fs-cue-card,
html[data-mk-theme="light"].mk-page-speaking-full .fs-transition,
html[data-mk-theme="light"].mk-page-speaking-full .fs-complete-card,
html[data-mk-theme="light"].mk-page-speaking-full .fs-report-card,
html[data-mk-theme="light"].mk-page-speaking-full .fs-criteria article,
html[data-mk-theme="light"].mk-page-speaking-full .fs-history-row,
html[data-mk-theme="light"].mk-page-speaking-full .fs-transcript-review,
html[data-mk-theme="light"].mk-page-speaking-full .fs-transcript-section,
html[data-mk-theme="light"].mk-page-speaking-full .fs-assessment-state{
  background:#fff!important;
  color:#1a2026!important;
  border-color:#dce2e8!important;
  box-shadow:0 7px 28px rgba(25,34,45,.04)!important;
}
html[data-mk-theme="light"].mk-page-speaking-full .fs-overview-card,
html[data-mk-theme="light"].mk-page-speaking-full .fs-launch-card,
html[data-mk-theme="light"].mk-page-speaking-full .fs-cue-card{background:radial-gradient(320px 180px at 100% 0%,rgba(223,53,58,.055),transparent 67%),#fff!important;border-color:#e5d0d2!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-overview-grid{background:#e1e6eb!important;border-color:#e1e6eb!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-overview-grid div,
html[data-mk-theme="light"].mk-page-speaking-full .fs-complete-summary div{background:#f7f9fa!important;color:#20272d!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-overview-grid span,
html[data-mk-theme="light"].mk-page-speaking-full .fs-step p,
html[data-mk-theme="light"].mk-page-speaking-full .fs-launch-card p,
html[data-mk-theme="light"].mk-page-speaking-full .fs-side-card p,
html[data-mk-theme="light"].mk-page-speaking-full .fs-cue-list li,
html[data-mk-theme="light"].mk-page-speaking-full .fs-complete-card>p,
html[data-mk-theme="light"].mk-page-speaking-full .fs-report-muted,
html[data-mk-theme="light"].mk-page-speaking-full .fs-report-card ul{color:#66727d!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-secondary,
html[data-mk-theme="light"].mk-page-speaking-full .fs-listen{background:#fff!important;color:#3d464f!important;border-color:#d3dae1!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-finish-answer{background:#171c22!important;color:#fff!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-part-pill{background:#f4f6f8!important;color:#66717c!important;border-color:#dce2e8!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-part-pill.active{background:#fff0f0!important;color:#c63137!important;border-color:#e5afb2!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-part-pill.done{background:#eff8f2!important;color:#24754b!important;border-color:#c4dfce!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-latest-transcript{background:#f6f8f9!important;color:#56616c!important;border-color:#e0e5ea!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-side-row{color:#6c7782!important;border-color:#e3e7eb!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-side-row b{color:#252b31!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-progress-bar{background:#e6eaee!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-transition-number{color:#171b20!important;background:#fff4f4!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-overall{background:radial-gradient(circle at 70% 20%,rgba(223,53,58,.10),transparent 50%),#fff!important;border-color:#e3bfc1!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-overall strong{color:#11151a!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-correction{border-color:#e3e7eb!important;color:#3c454e!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-correction strong{color:#171b20!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-part-feedback article,
html[data-mk-theme="light"].mk-page-speaking-full .fs-upgrades details{background:#f7f9fa!important;color:#283038!important;border-color:#e0e5ea!important}
html[data-mk-theme="light"].mk-page-speaking-full .fs-saving-spinner{border-color:#d9dfe5!important;border-top-color:#df353a!important}

/* --- Universal exam contrast guards -------------------------------------- */
html[data-mk-theme="light"] .correct,
html[data-mk-theme="light"] .correct-answer-display{color:#176d43!important}
html[data-mk-theme="light"] .incorrect{color:#9f2529!important}
html[data-mk-theme="light"] input::placeholder,
html[data-mk-theme="light"] textarea::placeholder{color:#98a2ac!important;opacity:1!important}
html[data-mk-theme="light"] select option{background:#fff!important;color:#171b20!important}
html[data-mk-theme="light"] audio{color-scheme:light}

@media(max-width:900px){
  html[data-mk-theme="light"].mk-page-reading-test .questions,
  html[data-mk-theme="light"].mk-page-writing-test .editorpane{border-top-color:#dce2e8!important}
  html[data-mk-theme="light"].mk-page-module-home .test-card{box-shadow:none!important}
}

/* Part-specific route anchors keep future Speaking refinements isolated. */
html[data-mk-theme="light"].mk-page-speaking-part1 body,
html[data-mk-theme="light"].mk-page-speaking-part2 body,
html[data-mk-theme="light"].mk-page-speaking-part3 body{background:#f3f5f7!important;color:#171b20!important}
html[data-mk-theme="light"].mk-page-speaking-part1 main,
html[data-mk-theme="light"].mk-page-speaking-part2 main,
html[data-mk-theme="light"].mk-page-speaking-part3 main{background:transparent!important}

/* ========================================================================== */
/* LIGHT MODE V2 · CHUNK 3 · FINAL CONTRAST + APP SURFACES                    */
/* ========================================================================== */

/* Homepage score: typography only. Never turn the band into a card. */
html[data-mk-theme].mk-route-home .score{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-mk-theme="light"].mk-route-home .score strong{color:#252a30!important;text-shadow:none!important}
html[data-mk-theme="light"].mk-route-home .score small,
html[data-mk-theme="light"].mk-route-home .score span{color:#77828e!important}
html[data-mk-theme="dark"].mk-route-home .score strong{color:#fff!important;text-shadow:0 0 45px rgba(102,132,255,.28)!important}
html[data-mk-theme="dark"].mk-route-home .score small,
html[data-mk-theme="dark"].mk-route-home .score span{color:#9aa6b3!important}

/* Dark navigation/popovers: the menu must never inherit black text. */
html[data-mk-theme="dark"] .mk-nav-popover,
html[data-mk-theme="dark"] .site-header .dropdown-menu,
html[data-mk-theme="dark"] .site-header .submenu,
html[data-mk-theme="dark"] .site-header .mega-menu,
html[data-mk-theme="dark"] .site-header .dropdown-content{
  background:#0d1218!important;
  color:#edf1f5!important;
  border-color:#26313d!important;
  box-shadow:0 22px 55px rgba(0,0,0,.42)!important;
}
html[data-mk-theme="dark"] .mk-nav-popover a,
html[data-mk-theme="dark"] .site-header .dropdown-menu a,
html[data-mk-theme="dark"] .site-header .submenu a,
html[data-mk-theme="dark"] .site-header .mega-menu a,
html[data-mk-theme="dark"] .site-header .dropdown-content a{color:#dbe2e9!important;border-color:#202a34!important}
html[data-mk-theme="dark"] .mk-nav-popover a:hover{background:#151d26!important;color:#fff!important}

/* -------------------------------------------------------------------------- */
/* READING · complete dark console and deliberate light paper mode             */
/* -------------------------------------------------------------------------- */
html[data-mk-theme="dark"].mk-page-reading-test body{background:#070a0e!important;color:#eef3f7!important}
html[data-mk-theme="dark"].mk-page-reading-test .top{
  background:#070b10!important;color:#eef3f7!important;border-color:#24303b!important;
  box-shadow:0 3px 18px rgba(0,0,0,.26)!important;
}
html[data-mk-theme="dark"].mk-page-reading-test .top .title,
html[data-mk-theme="dark"].mk-page-reading-test .top .brand,
html[data-mk-theme="dark"].mk-page-reading-test .top .title strong{color:#f6f8fa!important}
html[data-mk-theme="dark"].mk-page-reading-test .top .title small{color:#8f9daa!important}
html[data-mk-theme="dark"].mk-page-reading-test .tab,
html[data-mk-theme="dark"].mk-page-reading-test .timer{
  background:#111820!important;color:#aeb9c3!important;border-color:#293642!important;
}
html[data-mk-theme="dark"].mk-page-reading-test .tab.active{background:#f6f7f8!important;color:#11161b!important;border-color:#f6f7f8!important}
html[data-mk-theme="dark"].mk-page-reading-test .main{background:#090d12!important}
html[data-mk-theme="dark"].mk-page-reading-test .panel{color:#eef3f7!important;border-color:#2a3540!important}
html[data-mk-theme="dark"].mk-page-reading-test .passage{background:#0b1015!important;color:#f1f4f7!important}
html[data-mk-theme="dark"].mk-page-reading-test .questions{background:#10161d!important;color:#edf2f6!important}
html[data-mk-theme="dark"].mk-page-reading-test .passage p,
html[data-mk-theme="dark"].mk-page-reading-test .passage div,
html[data-mk-theme="dark"].mk-page-reading-test .passage li{color:#e7edf2!important}
html[data-mk-theme="dark"].mk-page-reading-test .passage h1,
html[data-mk-theme="dark"].mk-page-reading-test .passage h2,
html[data-mk-theme="dark"].mk-page-reading-test .passage h3,
html[data-mk-theme="dark"].mk-page-reading-test .questions h1,
html[data-mk-theme="dark"].mk-page-reading-test .questions h2,
html[data-mk-theme="dark"].mk-page-reading-test .questions h3{color:#fff!important}
html[data-mk-theme="dark"].mk-page-reading-test .passage-intro{color:#95a4b2!important}
html[data-mk-theme="dark"].mk-page-reading-test .divider{background:#131b23!important;border-color:#36434f!important}
html[data-mk-theme="dark"].mk-page-reading-test .divider:after{background:#7d8995!important}
html[data-mk-theme="dark"].mk-page-reading-test .question-prompt,
html[data-mk-theme="dark"].mk-page-reading-test .tf-question,
html[data-mk-theme="dark"].mk-page-reading-test .mcq-question,
html[data-mk-theme="dark"].mk-page-reading-test .matching-form-row,
html[data-mk-theme="dark"].mk-page-reading-test .summary-text,
html[data-mk-theme="dark"].mk-page-reading-test .people-section,
html[data-mk-theme="dark"].mk-page-reading-test .checkbox-group{
  background:#151c24!important;color:#edf2f6!important;border-color:#2b3844!important;box-shadow:none!important;
}
html[data-mk-theme="dark"].mk-page-reading-test .question-prompt *,
html[data-mk-theme="dark"].mk-page-reading-test .tf-question *,
html[data-mk-theme="dark"].mk-page-reading-test .mcq-question *,
html[data-mk-theme="dark"].mk-page-reading-test .matching-form-row *,
html[data-mk-theme="dark"].mk-page-reading-test .summary-text *{color:inherit}
html[data-mk-theme="dark"].mk-page-reading-test .tf-option,
html[data-mk-theme="dark"].mk-page-reading-test .mcq-option,
html[data-mk-theme="dark"].mk-page-reading-test .checkbox-group label{
  background:#0f151c!important;color:#dce4eb!important;border-color:#2a3742!important;
}
html[data-mk-theme="dark"].mk-page-reading-test .tf-option:hover,
html[data-mk-theme="dark"].mk-page-reading-test .mcq-option:hover{background:#1b242e!important}
html[data-mk-theme="dark"].mk-page-reading-test .tf-option:has(input:checked),
html[data-mk-theme="dark"].mk-page-reading-test .mcq-option:has(input:checked),
html[data-mk-theme="dark"].mk-page-reading-test .checkbox-group label:has(input:checked){background:#2b171a!important;color:#fff!important;border-color:#8f363b!important}
html[data-mk-theme="dark"].mk-page-reading-test .answer-input,
html[data-mk-theme="dark"].mk-page-reading-test select.answer-input{
  background:#0b1117!important;color:#f2f5f7!important;border-color:#3a4855!important;
}
html[data-mk-theme="dark"].mk-page-reading-test .answer-input::placeholder{color:#71808e!important}
html[data-mk-theme="dark"].mk-page-reading-test .qnav{background:#0a0f14!important;border-color:#283540!important;box-shadow:0 -8px 24px rgba(0,0,0,.28)!important}
html[data-mk-theme="dark"].mk-page-reading-test .qbtn{background:#f5f6f7!important;color:#27313a!important;border-color:#d9dee2!important}
html[data-mk-theme="dark"].mk-page-reading-test .qbtn.current{background:#df353a!important;color:#fff!important;border-color:#df353a!important}
html[data-mk-theme="dark"].mk-page-reading-test .qbtn.answered{background:#173526!important;color:#a9e2c0!important;border-color:#2a6847!important}
html[data-mk-theme="dark"].mk-page-reading-test .results{background:#0a1016!important;color:#eaf0f4!important}
html[data-mk-theme="dark"].mk-page-reading-test .score:not(.main),
html[data-mk-theme="dark"].mk-page-reading-test .review .row{background:#141b23!important;color:#e8edf2!important;border-color:#2b3742!important}
html[data-mk-theme="dark"].mk-page-reading-test .why{color:#a3afba!important;border-color:#2c3742!important}
html[data-mk-theme="dark"].mk-page-reading-test .why b{color:#fff!important}

/* Light Reading: make the actual question text explicit, even when old page CSS uses white. */
html[data-mk-theme="light"].mk-page-reading-test .question-prompt,
html[data-mk-theme="light"].mk-page-reading-test .question-prompt *,
html[data-mk-theme="light"].mk-page-reading-test .tf-question,
html[data-mk-theme="light"].mk-page-reading-test .tf-question *,
html[data-mk-theme="light"].mk-page-reading-test .mcq-question,
html[data-mk-theme="light"].mk-page-reading-test .mcq-question *,
html[data-mk-theme="light"].mk-page-reading-test .matching-form-row,
html[data-mk-theme="light"].mk-page-reading-test .matching-form-row *{color:#242b31!important}
html[data-mk-theme="light"].mk-page-reading-test .question-prompt .q-label,
html[data-mk-theme="light"].mk-page-reading-test .tf-question .q-label,
html[data-mk-theme="light"].mk-page-reading-test .mcq-question .q-label{color:#d8343a!important}

/* -------------------------------------------------------------------------- */
/* LISTENING · dark console is intentional; light remains the default          */
/* -------------------------------------------------------------------------- */
html[data-mk-theme="dark"].mk-page-listening-test body{background:#080c11!important;color:#edf2f6!important}
html[data-mk-theme="dark"].mk-page-listening-test .header{background:#080d12!important;color:#f1f4f7!important;border-color:#27333e!important}
html[data-mk-theme="dark"].mk-page-listening-test .mk-test-title,
html[data-mk-theme="dark"].mk-page-listening-test .mk-brand,
html[data-mk-theme="dark"].mk-page-listening-test .header-left{color:#f5f7f9!important}
html[data-mk-theme="dark"].mk-page-listening-test .mk-part-tab,
html[data-mk-theme="dark"].mk-page-listening-test .timer-display,
html[data-mk-theme="dark"].mk-page-listening-test .icon-btn{background:#111820!important;color:#aeb9c3!important;border-color:#2b3742!important}
html[data-mk-theme="dark"].mk-page-listening-test .mk-part-tab.active{background:#f4f6f7!important;color:#11161b!important;border-color:#f4f6f7!important}
html[data-mk-theme="dark"].mk-page-listening-test .audio-bar{background:#0d131a!important;border-color:#293640!important}
html[data-mk-theme="dark"].mk-page-listening-test .audio-shell{background:#111820!important;color:#e9eef2!important;border-color:#2e3a45!important}
html[data-mk-theme="dark"].mk-page-listening-test .main,
html[data-mk-theme="dark"].mk-page-listening-test .main-area{background:#0b1016!important}
html[data-mk-theme="dark"].mk-page-listening-test .questions-panel{background:#10161d!important;color:#eaf0f4!important}
html[data-mk-theme="dark"].mk-page-listening-test .section-banner{background:#151c24!important;color:#dfe6ec!important;border-color:#2d3a45!important}
html[data-mk-theme="dark"].mk-page-listening-test .part-title,
html[data-mk-theme="dark"].mk-page-listening-test .card,
html[data-mk-theme="dark"].mk-page-listening-test .q-card,
html[data-mk-theme="dark"].mk-page-listening-test .question-block,
html[data-mk-theme="dark"].mk-page-listening-test .notes,
html[data-mk-theme="dark"].mk-page-listening-test .match-flow,
html[data-mk-theme="dark"].mk-page-listening-test .map-card,
html[data-mk-theme="dark"].mk-page-listening-test .match-static-list,
html[data-mk-theme="dark"].mk-page-listening-test .match-options-box,
html[data-mk-theme="dark"].mk-page-listening-test .picktwo-box{background:#151c24!important;color:#eaf0f4!important;border-color:#2d3944!important;box-shadow:none!important}
html[data-mk-theme="dark"].mk-page-listening-test .option-label,
html[data-mk-theme="dark"].mk-page-listening-test .ldm-slot,
html[data-mk-theme="dark"].mk-page-listening-test .match-slot{background:#0f151b!important;color:#dce4ea!important;border-color:#2b3843!important}
html[data-mk-theme="dark"].mk-page-listening-test .option-label:hover,
html[data-mk-theme="dark"].mk-page-listening-test .ldm-slot:hover{background:#1a232c!important}
html[data-mk-theme="dark"].mk-page-listening-test .option-label.selected,
html[data-mk-theme="dark"].mk-page-listening-test .ldm-slot.filled{background:#182b3f!important;color:#f3f6f8!important;border-color:#486d92!important}
html[data-mk-theme="dark"].mk-page-listening-test .text-input,
html[data-mk-theme="dark"].mk-page-listening-test input[type="text"],
html[data-mk-theme="dark"].mk-page-listening-test select{background:#0c1218!important;color:#f2f5f7!important;border-color:#394753!important}
html[data-mk-theme="dark"].mk-page-listening-test .bottom,
html[data-mk-theme="dark"].mk-page-listening-test .bottom-nav{background:#090e13!important;border-color:#28343f!important}
html[data-mk-theme="dark"].mk-page-listening-test .subq,
html[data-mk-theme="dark"].mk-page-listening-test .subQuestion{background:#f4f6f7!important;color:#303942!important;border-color:#d8dde2!important}
html[data-mk-theme="dark"].mk-page-listening-test .subq.active,
html[data-mk-theme="dark"].mk-page-listening-test .subQuestion.active{background:#df353a!important;color:#fff!important;border-color:#df353a!important}
html[data-mk-theme="dark"].mk-page-listening-test .map-wrap img{background:#fff!important;border-color:#4a5560!important}

/* -------------------------------------------------------------------------- */
/* WRITING · remove accidental black prompt blocks from light mode             */
/* -------------------------------------------------------------------------- */
html[data-mk-theme="light"].mk-page-writing-test .prompt .question,
html[data-mk-theme="light"].mk-page-writing-test .prompt .instruction,
html[data-mk-theme="light"].mk-page-writing-test .prompt [style*="background:#0"],
html[data-mk-theme="light"].mk-page-writing-test .prompt [style*="background: #0"]{
  background:transparent!important;color:#303840!important;border-color:#dce2e7!important;
}
html[data-mk-theme="light"].mk-page-writing-test .prompt .question *,
html[data-mk-theme="light"].mk-page-writing-test .prompt .instruction *{color:#303840!important}
html[data-mk-theme="light"].mk-page-writing-test textarea,
html[data-mk-theme="light"].mk-page-writing-test .editor,
html[data-mk-theme="light"].mk-page-writing-test .writing-area{
  background:#fff!important;color:#1c2329!important;border-color:#d8dfe5!important;box-shadow:inset 0 0 0 1px rgba(24,33,43,.01)!important;
}
html[data-mk-theme="light"].mk-page-writing-test textarea::placeholder{color:#98a3ad!important}
html[data-mk-theme="dark"].mk-page-writing-test body{background:#080c11!important;color:#edf2f6!important}
html[data-mk-theme="dark"].mk-page-writing-test .top{background:#080d12!important;color:#f1f4f7!important;border-color:#27343f!important}
html[data-mk-theme="dark"].mk-page-writing-test .top .brand,
html[data-mk-theme="dark"].mk-page-writing-test .top .title{color:#f5f7f9!important}
html[data-mk-theme="dark"].mk-page-writing-test .timer,
html[data-mk-theme="dark"].mk-page-writing-test .topbtn,
html[data-mk-theme="dark"].mk-page-writing-test .tab{background:#111820!important;color:#abb7c1!important;border-color:#2d3944!important}
html[data-mk-theme="dark"].mk-page-writing-test .tab.active{background:#f3f5f6!important;color:#11161b!important;border-color:#f3f5f6!important}
html[data-mk-theme="dark"].mk-page-writing-test .work{background:#0a0f14!important}
html[data-mk-theme="dark"].mk-page-writing-test .prompt{background:#0e141a!important;color:#e9eef2!important;border-color:#2d3944!important}
html[data-mk-theme="dark"].mk-page-writing-test .prompt .question,
html[data-mk-theme="dark"].mk-page-writing-test .prompt .instruction{background:#131a22!important;color:#e7edf2!important;border-color:#2d3a45!important}
html[data-mk-theme="dark"].mk-page-writing-test .prompt .question *,
html[data-mk-theme="dark"].mk-page-writing-test .prompt .instruction *{color:#e7edf2!important}
html[data-mk-theme="dark"].mk-page-writing-test .chartbox{background:#f6f7f8!important;border-color:#4c5863!important}
html[data-mk-theme="dark"].mk-page-writing-test .editorpane,
html[data-mk-theme="dark"].mk-page-writing-test .editorhead{background:#10171e!important;color:#eef2f5!important;border-color:#2a3742!important}
html[data-mk-theme="dark"].mk-page-writing-test textarea,
html[data-mk-theme="dark"].mk-page-writing-test .editor,
html[data-mk-theme="dark"].mk-page-writing-test .writing-area{background:#0b1117!important;color:#f1f4f7!important;border-color:#35434f!important}
html[data-mk-theme="dark"].mk-page-writing-test textarea::placeholder{color:#71808d!important}
html[data-mk-theme="dark"].mk-page-writing-test .footbar{background:#090e13!important;color:#aab6c0!important;border-color:#28343f!important}
html[data-mk-theme="dark"].mk-page-writing-test .modalcard{background:#141b22!important;color:#ebf0f4!important;border-color:#2e3a45!important}

/* -------------------------------------------------------------------------- */
/* SPEAKING · dark cards and reports stay intentional, never washed-out        */
/* -------------------------------------------------------------------------- */
html[data-mk-theme="dark"].mk-route-speaking body{background:#080b0f!important;color:#eef3f7!important}
html[data-mk-theme="dark"].mk-route-speaking .section.inner-hero,
html[data-mk-theme="dark"].mk-route-speaking .p2l-hero,
html[data-mk-theme="dark"].mk-route-speaking .p3l-hero{background:radial-gradient(720px 430px at 82% 12%,rgba(58,77,135,.16),transparent 66%),#090d12!important;color:#eef3f7!important;border-color:#27333e!important}
html[data-mk-theme="dark"].mk-route-speaking .speaking-path-card,
html[data-mk-theme="dark"].mk-route-speaking .lesson-level-card,
html[data-mk-theme="dark"].mk-route-speaking .practice-shell,
html[data-mk-theme="dark"].mk-route-speaking .p2l-card,
html[data-mk-theme="dark"].mk-route-speaking .p2l-block,
html[data-mk-theme="dark"].mk-route-speaking .p2l-sample,
html[data-mk-theme="dark"].mk-route-speaking .p2l-stronger,
html[data-mk-theme="dark"].mk-route-speaking .p2l-tip,
html[data-mk-theme="dark"].mk-route-speaking .p2l-bridge,
html[data-mk-theme="dark"].mk-route-speaking .p3l-block,
html[data-mk-theme="dark"].mk-route-speaking .p3l-answer-card,
html[data-mk-theme="dark"].mk-route-speaking .p3l-practice-card,
html[data-mk-theme="dark"].mk-route-speaking .p3l-stronger,
html[data-mk-theme="dark"].mk-route-speaking .p3-ai-entry-card,
html[data-mk-theme="dark"].mk-route-speaking .p1-ai-panel,
html[data-mk-theme="dark"].mk-route-speaking .p3-ai-panel,
html[data-mk-theme="dark"].mk-route-speaking .p1-ai-entry,
html[data-mk-theme="dark"].mk-route-speaking .language-section{background:#11171e!important;color:#eaf0f4!important;border-color:#2b3742!important;box-shadow:none!important}
html[data-mk-theme="dark"].mk-route-speaking .path-copy p,
html[data-mk-theme="dark"].mk-route-speaking .p2l-lede,
html[data-mk-theme="dark"].mk-route-speaking .p3l-lede,
html[data-mk-theme="dark"].mk-route-speaking .p2l-sample-text,
html[data-mk-theme="dark"].mk-route-speaking .p3l-sample-text,
html[data-mk-theme="dark"].mk-route-speaking .practice-instruction,
html[data-mk-theme="dark"].mk-route-speaking .coach-tip{color:#9ba9b5!important}
html[data-mk-theme="dark"].mk-route-speaking .path-tags span,
html[data-mk-theme="dark"].mk-route-speaking .p2l-meta span,
html[data-mk-theme="dark"].mk-route-speaking .p3l-meta span{background:#171f27!important;color:#aab6c0!important;border-color:#303c47!important}
html[data-mk-theme="dark"].mk-route-speaking .language-table,
html[data-mk-theme="dark"].mk-route-speaking .language-table th,
html[data-mk-theme="dark"].mk-route-speaking .language-table td{background:#11171e!important;color:#dfe6ec!important;border-color:#2c3843!important}
html[data-mk-theme="dark"].mk-route-speaking .language-table th{background:#171f27!important}

/* -------------------------------------------------------------------------- */
/* AUTH / ACCOUNT / ADMIN / MOCK / VERIFY / REGISTER / RECEPTION               */
/* -------------------------------------------------------------------------- */
html[data-mk-theme="light"].mk-route-auth body,
html[data-mk-theme="light"].mk-route-account body,
html[data-mk-theme="light"].mk-route-admin body,
html[data-mk-theme="light"].mk-route-register body,
html[data-mk-theme="light"].mk-route-reception body,
html[data-mk-theme="light"].mk-route-mock body,
html[data-mk-theme="light"].mk-route-verify body,
html[data-mk-theme="light"].mk-route-results body,
html[data-mk-theme="light"].mk-route-shop body{background:#f2f4f6!important;color:#1a2026!important}

html[data-mk-theme="light"] .auth-card,
html[data-mk-theme="light"] .form-card,
html[data-mk-theme="light"] .surface,
html[data-mk-theme="light"] .notify-panel,
html[data-mk-theme="light"] .stat,
html[data-mk-theme="light"] .metric,
html[data-mk-theme="light"] .section:not(.hero):not(.inner-hero),
html[data-mk-theme="light"] .payment-dialog,
html[data-mk-theme="light"] .verify-card,
html[data-mk-theme="light"] .programme-option,
html[data-mk-theme="light"] .panel,
html[data-mk-theme="light"] .access,
html[data-mk-theme="light"] .student{
  background:#fff!important;color:#1c2329!important;border-color:#dce2e7!important;box-shadow:0 8px 28px rgba(24,34,45,.04)!important;
}
html[data-mk-theme="light"] .auth-copy p,
html[data-mk-theme="light"] .welcome p,
html[data-mk-theme="light"] .member-strip,
html[data-mk-theme="light"] .panel-body,
html[data-mk-theme="light"] .payment-note,
html[data-mk-theme="light"] .disclaimer,
html[data-mk-theme="light"] .meta{color:#68737e!important}
html[data-mk-theme="light"] .side{
  background:#10151b!important;color:#eef2f5!important;border-color:#252f39!important;
}
html[data-mk-theme="light"] .side .name,
html[data-mk-theme="light"] .side .email,
html[data-mk-theme="light"] .side-tab,
html[data-mk-theme="light"] .side-footer{color:#d9e1e8!important}
html[data-mk-theme="light"] .side-tab:hover{background:#18212a!important;color:#fff!important}
html[data-mk-theme="light"] .side-tab.active{background:#2a171a!important;color:#fff!important;border-color:#df353a!important}
html[data-mk-theme="light"] .tabs,
html[data-mk-theme="light"] .periods{background:#e9edf1!important;border-color:#d8dfe5!important}
html[data-mk-theme="light"] .tab,
html[data-mk-theme="light"] .filter{color:#5c6771!important}
html[data-mk-theme="light"] .tab.active,
html[data-mk-theme="light"] .filter.active{background:#fff!important;color:#181e23!important;border-color:#d6dde3!important}
html[data-mk-theme="light"] .tbl,
html[data-mk-theme="light"] .table{background:#fff!important;color:#293038!important;border-color:#dde3e8!important}
html[data-mk-theme="light"] .tbl th,
html[data-mk-theme="light"] .table th{background:#f3f6f8!important;color:#59646f!important;border-color:#dfe4e9!important}
html[data-mk-theme="light"] .tbl td,
html[data-mk-theme="light"] .table td{color:#2f373e!important;border-color:#e4e8ec!important}
html[data-mk-theme="light"] .auth-form input,
html[data-mk-theme="light"] .form-card input,
html[data-mk-theme="light"] .form-card select,
html[data-mk-theme="light"] .search,
html[data-mk-theme="light"] .receipt-field input{background:#fff!important;color:#1d242a!important;border-color:#cfd7df!important}

html[data-mk-theme="dark"].mk-route-auth body,
html[data-mk-theme="dark"].mk-route-account body,
html[data-mk-theme="dark"].mk-route-admin body,
html[data-mk-theme="dark"].mk-route-register body,
html[data-mk-theme="dark"].mk-route-reception body,
html[data-mk-theme="dark"].mk-route-mock body,
html[data-mk-theme="dark"].mk-route-verify body,
html[data-mk-theme="dark"].mk-route-results body,
html[data-mk-theme="dark"].mk-route-shop body{background:#080c11!important;color:#eaf0f4!important}
html[data-mk-theme="dark"] .auth-card,
html[data-mk-theme="dark"] .form-card,
html[data-mk-theme="dark"] .surface,
html[data-mk-theme="dark"] .notify-panel,
html[data-mk-theme="dark"] .stat,
html[data-mk-theme="dark"] .metric,
html[data-mk-theme="dark"] .payment-dialog,
html[data-mk-theme="dark"] .verify-card,
html[data-mk-theme="dark"] .programme-option,
html[data-mk-theme="dark"] .panel,
html[data-mk-theme="dark"] .access,
html[data-mk-theme="dark"] .student{background:#11171e!important;color:#e9eef2!important;border-color:#2c3843!important;box-shadow:none!important}
html[data-mk-theme="dark"] .auth-copy p,
html[data-mk-theme="dark"] .welcome p,
html[data-mk-theme="dark"] .panel-body,
html[data-mk-theme="dark"] .payment-note,
html[data-mk-theme="dark"] .disclaimer,
html[data-mk-theme="dark"] .meta{color:#9ba8b4!important}
html[data-mk-theme="dark"] .side{background:#070b10!important;color:#eaf0f4!important;border-color:#26313b!important}
html[data-mk-theme="dark"] .tabs,
html[data-mk-theme="dark"] .periods{background:#0e151c!important;border-color:#293640!important}
html[data-mk-theme="dark"] .tab,
html[data-mk-theme="dark"] .filter{color:#a3b0bb!important}
html[data-mk-theme="dark"] .tab.active,
html[data-mk-theme="dark"] .filter.active{background:#1a222b!important;color:#fff!important;border-color:#35424e!important}
html[data-mk-theme="dark"] .tbl,
html[data-mk-theme="dark"] .table{background:#11171e!important;color:#e4ebf0!important;border-color:#2c3843!important}
html[data-mk-theme="dark"] .tbl th,
html[data-mk-theme="dark"] .table th{background:#171f27!important;color:#aebac4!important;border-color:#303c47!important}
html[data-mk-theme="dark"] .tbl td,
html[data-mk-theme="dark"] .table td{color:#dfe6ec!important;border-color:#2a3540!important}
html[data-mk-theme="dark"] .auth-form input,
html[data-mk-theme="dark"] .form-card input,
html[data-mk-theme="dark"] .form-card select,
html[data-mk-theme="dark"] .search,
html[data-mk-theme="dark"] .receipt-field input{background:#0b1117!important;color:#f0f3f6!important;border-color:#374550!important}

/* Mock catalog and verification surfaces. */
html[data-mk-theme="light"].mk-route-mock .mock-hero{background:linear-gradient(180deg,#fafbfc,#f2f4f6)!important;color:#171d22!important;border-color:#dce2e7!important}
html[data-mk-theme="light"].mk-route-mock .mock-grid>*{background:#fff!important;color:#1d242a!important;border-color:#dce2e7!important;box-shadow:0 8px 28px rgba(24,34,45,.04)!important}
html[data-mk-theme="dark"].mk-route-mock .mock-hero{background:#090e13!important;color:#edf2f6!important;border-color:#293640!important}
html[data-mk-theme="dark"].mk-route-mock .mock-grid>*{background:#11171e!important;color:#eaf0f4!important;border-color:#2d3944!important;box-shadow:none!important}
html[data-mk-theme="light"].mk-route-verify .score{background:#f4f6f8!important;color:#1c2329!important;border-color:#dce2e7!important}
html[data-mk-theme="dark"].mk-route-verify .score{background:#171f27!important;color:#f0f3f6!important;border-color:#303c47!important}

/* CRM dark theme: deliberately dark throughout, with readable hero/nav/metrics. */
html[data-mk-theme="dark"].mk-route-crm body{background:#080c11!important;color:#e9eef2!important}
html[data-mk-theme="dark"].mk-route-crm .crm-sidebar,
html[data-mk-theme="dark"].mk-route-crm aside,
html[data-mk-theme="dark"].mk-route-crm .sidebar{background:#070b10!important;color:#dce4eb!important;border-color:#26313c!important}
html[data-mk-theme="dark"].mk-route-crm .crm-topbar,
html[data-mk-theme="dark"].mk-route-crm .topbar{background:#0d1319!important;color:#e8edf2!important;border-color:#293640!important}
html[data-mk-theme="dark"].mk-route-crm .crm-main,
html[data-mk-theme="dark"].mk-route-crm main{background:#0b1016!important;color:#e8edf2!important}
html[data-mk-theme="dark"].mk-route-crm .crm-hero,
html[data-mk-theme="dark"].mk-route-crm .hero{background:linear-gradient(120deg,#10161e,#151a35)!important;color:#f5f7fa!important;border-color:#30394f!important}
html[data-mk-theme="dark"].mk-route-crm .crm-hero h1,
html[data-mk-theme="dark"].mk-route-crm .hero h1{color:#fff!important}
html[data-mk-theme="dark"].mk-route-crm .metric-card,
html[data-mk-theme="dark"].mk-route-crm .stat-card,
html[data-mk-theme="dark"].mk-route-crm .card,
html[data-mk-theme="dark"].mk-route-crm .panel{background:#121920!important;color:#e8edf2!important;border-color:#2d3944!important}

/* Universal theme contrast guards for old inline colours. */
html[data-mk-theme="dark"] input:not([type="radio"]):not([type="checkbox"]),
html[data-mk-theme="dark"] textarea,
html[data-mk-theme="dark"] select{color:#edf2f6;background-color:#0d141b;border-color:#35434f}
html[data-mk-theme="dark"] input::placeholder,
html[data-mk-theme="dark"] textarea::placeholder{color:#71808e!important;opacity:1!important}
html[data-mk-theme="dark"] select option{background:#11171e!important;color:#edf2f6!important}
html[data-mk-theme="dark"] .correct,
html[data-mk-theme="dark"] .correct-answer-display{color:#7fd5a2!important}
html[data-mk-theme="dark"] .incorrect{color:#ff8f93!important}
html[data-mk-theme="dark"] hr{border-color:#2a3540!important}

/* Mobile: preserve hierarchy, prevent floating theme controls and app chrome from crowding. */
@media(max-width:900px){
  html[data-mk-theme].mk-page-reading-test .top,
  html[data-mk-theme].mk-page-listening-test .header,
  html[data-mk-theme].mk-page-writing-test .top{box-shadow:none!important}
  html[data-mk-theme].mk-page-reading-test .qnav,
  html[data-mk-theme].mk-page-listening-test .bottom,
  html[data-mk-theme].mk-page-listening-test .bottom-nav{box-shadow:0 -5px 18px rgba(0,0,0,.08)!important}
  html[data-mk-theme="light"].mk-route-account .side,
  html[data-mk-theme="light"].mk-route-admin .side{border-radius:0!important;box-shadow:none!important}
}

/* ========================================================================== */
/* PREMIUM MODULE LANDINGS + CORRECT THEME DEFAULTS · FINAL REBUILD            */
/* ========================================================================== */

/* Module landing pages are product surfaces: dark by default, spacious but not empty. */
html.mk-page-module-home body{overflow-x:hidden!important}
html.mk-page-module-home main{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
html.mk-page-module-home main::before,
html.mk-page-module-home main::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
}
html.mk-page-module-home main::before{
  background:
    radial-gradient(680px 520px at 84% 11%,rgba(220,48,56,.105),transparent 63%),
    radial-gradient(720px 620px at 8% 47%,rgba(79,103,134,.08),transparent 68%),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:auto,auto,72px 72px,72px 72px;
  opacity:.92;
}
html.mk-page-module-home main::after{
  inset:-160px -280px auto auto;
  width:980px;
  height:980px;
  border-radius:50%;
  background:repeating-radial-gradient(circle at center,
    transparent 0 108px,
    rgba(189,203,219,.105) 109px 110px,
    transparent 111px 205px);
  opacity:.42;
  transform:rotate(-8deg);
}
html.mk-page-module-home main>.section{position:relative!important;z-index:1!important}

html[data-mk-theme="dark"].mk-page-module-home body,
html[data-mk-theme="dark"].mk-page-module-home main{
  background:#070a0e!important;
  color:#f4f7fa!important;
}
html[data-mk-theme="dark"].mk-page-module-home .section.inner-hero{
  background:linear-gradient(180deg,rgba(8,12,17,.54),rgba(8,12,17,.18))!important;
  border-bottom:1px solid rgba(137,153,170,.16)!important;
}
html[data-mk-theme="dark"].mk-page-module-home .section:not(.inner-hero){background:transparent!important}
html[data-mk-theme="dark"].mk-page-module-home .inner-hero h1,
html[data-mk-theme="dark"].mk-page-module-home .section-head h2{color:#f6f8fb!important}
html[data-mk-theme="dark"].mk-page-module-home .inner-hero h1 em,
html[data-mk-theme="dark"].mk-page-module-home .section-head h2 em{
  color:transparent!important;
  -webkit-text-stroke:1px rgba(191,203,215,.46)!important;
}
html[data-mk-theme="dark"].mk-page-module-home .inner-hero p,
html[data-mk-theme="dark"].mk-page-module-home .section-head p{color:#94a2b0!important}

/* Premium test-card system shared by Reading, Listening and Writing catalogues. */
html.mk-page-module-home .test-list{
  counter-reset:mk-premium-card;
  gap:18px!important;
  position:relative!important;
}
html.mk-page-module-home .test-card{
  counter-increment:mk-premium-card;
  position:relative!important;
  overflow:hidden!important;
  border-radius:18px!important;
  padding:30px 30px 28px!important;
  min-height:322px!important;
  display:flex!important;
  flex-direction:column!important;
  isolation:isolate!important;
  transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s ease,box-shadow .22s ease!important;
}
html.mk-page-module-home .test-card>*{position:relative;z-index:2}
html.mk-page-module-home .test-card::before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0 0 auto 0!important;
  width:auto!important;
  height:2px!important;
  background:linear-gradient(90deg,#ef3a40 0%,rgba(239,58,64,.42) 34%,transparent 74%)!important;
}
html.mk-page-module-home .test-card::after{
  content:counter(mk-premium-card,decimal-leading-zero)!important;
  position:absolute!important;
  z-index:0!important;
  right:20px!important;
  top:10px!important;
  font:800 78px/1 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:-.07em!important;
  pointer-events:none!important;
}
html[data-mk-theme="dark"].mk-page-module-home .test-card{
  background:
    radial-gradient(300px 190px at 104% -5%,rgba(227,51,57,.105),transparent 70%),
    linear-gradient(145deg,rgba(20,28,36,.97),rgba(10,15,21,.985))!important;
  color:#e9eef3!important;
  border:1px solid rgba(116,134,151,.25)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-mk-theme="dark"].mk-page-module-home .test-card::after{color:rgba(217,226,235,.035)!important}
html[data-mk-theme="dark"].mk-page-module-home .test-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(211,72,78,.50)!important;
  box-shadow:0 28px 68px rgba(0,0,0,.32),0 0 0 1px rgba(213,61,67,.08)!important;
}
html[data-mk-theme="dark"].mk-page-module-home .test-card h2,
html[data-mk-theme="dark"].mk-page-module-home .test-card h3{color:#fff!important;letter-spacing:-.025em!important}
html[data-mk-theme="dark"].mk-page-module-home .test-card p{color:#a4b0bb!important;line-height:1.65!important}
html[data-mk-theme="dark"].mk-page-module-home .test-card .meta,
html[data-mk-theme="dark"].mk-page-module-home .test-card .test-code{color:#7f93a5!important;letter-spacing:.115em!important}
html[data-mk-theme="dark"].mk-page-module-home .test-card.live-test .test-code,
html[data-mk-theme="dark"].mk-page-module-home .test-card .live-dot{color:#f05459!important}

html.mk-page-module-home .test-stats,
html.mk-page-module-home .writing-card-tags{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin-top:17px!important;
}
html.mk-page-module-home .test-stats span,
html.mk-page-module-home .writing-card-tags span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
}
html[data-mk-theme="dark"].mk-page-module-home .test-stats span,
html[data-mk-theme="dark"].mk-page-module-home .writing-card-tags span{
  background:rgba(255,255,255,.035)!important;
  color:#9eabb7!important;
  border:1px solid rgba(138,153,168,.20)!important;
}
html.mk-page-module-home .passage-list{
  display:grid!important;
  gap:7px!important;
  margin-top:18px!important;
  padding-top:17px!important;
  border-top:1px solid!important;
}
html.mk-page-module-home .passage-list span{
  position:relative!important;
  padding-left:14px!important;
  font-size:12px!important;
  line-height:1.45!important;
}
html.mk-page-module-home .passage-list span::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#e23b41;
}
html[data-mk-theme="dark"].mk-page-module-home .passage-list{border-color:rgba(128,145,161,.17)!important}
html[data-mk-theme="dark"].mk-page-module-home .passage-list span{color:#8f9eaa!important}
html.mk-page-module-home .test-card .button.primary{
  align-self:flex-start!important;
  margin-top:auto!important;
  min-width:132px!important;
  border-radius:10px!important;
  padding:13px 17px!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
}
html[data-mk-theme="dark"].mk-page-module-home .test-card .button.primary{
  background:linear-gradient(135deg,#ef3d42,#d72f35)!important;
  color:#fff!important;
  border-color:#e43a40!important;
  box-shadow:0 10px 26px rgba(222,46,52,.18)!important;
}

/* Manual Light mode for catalogue pages remains premium instead of flat. */
html[data-mk-theme="light"].mk-page-module-home body,
html[data-mk-theme="light"].mk-page-module-home main{background:#f1f4f6!important}
html[data-mk-theme="light"].mk-page-module-home main::before{
  background:
    radial-gradient(660px 520px at 84% 11%,rgba(219,52,58,.07),transparent 64%),
    radial-gradient(700px 580px at 8% 46%,rgba(81,103,131,.065),transparent 69%),
    linear-gradient(90deg,rgba(33,43,54,.026) 1px,transparent 1px),
    linear-gradient(rgba(33,43,54,.021) 1px,transparent 1px)!important;
  background-size:auto,auto,72px 72px,72px 72px!important;
}
html[data-mk-theme="light"].mk-page-module-home main::after{opacity:.25!important}
html[data-mk-theme="light"].mk-page-module-home .section.inner-hero{
  background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(247,249,251,.58))!important;
}
html[data-mk-theme="light"].mk-page-module-home .test-card{
  background:
    radial-gradient(280px 160px at 104% -5%,rgba(218,50,57,.055),transparent 70%),
    linear-gradient(180deg,#fff,#fafbfd)!important;
  border-color:#d9e0e6!important;
  box-shadow:0 16px 44px rgba(25,35,47,.065)!important;
}
html[data-mk-theme="light"].mk-page-module-home .test-card::after{color:rgba(29,40,52,.035)!important}
html[data-mk-theme="light"].mk-page-module-home .test-card:hover{border-color:#c9d2db!important;box-shadow:0 24px 58px rgba(25,35,47,.105)!important}
html[data-mk-theme="light"].mk-page-module-home .passage-list{border-color:#e3e8ed!important}
html[data-mk-theme="light"].mk-page-module-home .passage-list span{color:#66737f!important}

/* ========================================================================== */
/* READING TEST · HARD RESET FOR BOTH OLD AND NEW SHELLS                      */
/* ========================================================================== */

/* Light is the native/default exam canvas. */
html[data-mk-theme="light"].mk-page-reading-test body{background:#eef1f4!important;color:#151a1f!important}
html[data-mk-theme="light"].mk-page-reading-test .start-screen,
html[data-mk-theme="light"].mk-page-reading-test .start{
  background:
    radial-gradient(circle at 74% 17%,rgba(220,52,58,.08),transparent 28%),
    linear-gradient(135deg,#eef2f5,#fafbfc 68%,#f1f4f6)!important;
  color:#171c21!important;
}
html[data-mk-theme="light"].mk-page-reading-test .start-card{
  background:rgba(255,255,255,.97)!important;
  color:#171c21!important;
  border-color:#d9e0e6!important;
  box-shadow:0 32px 90px rgba(26,35,46,.14)!important;
}
html[data-mk-theme="light"].mk-page-reading-test .start-card h1{color:#11161b!important}
html[data-mk-theme="light"].mk-page-reading-test .start-card>p{color:#65717c!important}
html[data-mk-theme="light"].mk-page-reading-test .start-meta span{background:#f5f7f9!important;color:#596570!important;border-color:#dbe2e8!important}
html[data-mk-theme="light"].mk-page-reading-test .form-grid label{color:#687580!important}
html[data-mk-theme="light"].mk-page-reading-test .form-grid input{background:#fff!important;color:#171c21!important;border-color:#c8d1d9!important}
html[data-mk-theme="light"].mk-page-reading-test .topbar,
html[data-mk-theme="light"].mk-page-reading-test .top{
  background:#fbfcfd!important;
  color:#151a1f!important;
  border-color:#dbe2e8!important;
  box-shadow:0 1px 0 rgba(20,28,36,.05)!important;
}
html[data-mk-theme="light"].mk-page-reading-test .topbar .logo,
html[data-mk-theme="light"].mk-page-reading-test .topbar .test-title,
html[data-mk-theme="light"].mk-page-reading-test .top .brand,
html[data-mk-theme="light"].mk-page-reading-test .top .title{color:#151a1f!important}
html[data-mk-theme="light"].mk-page-reading-test .passage-tab,
html[data-mk-theme="light"].mk-page-reading-test .tab,
html[data-mk-theme="light"].mk-page-reading-test .timer,
html[data-mk-theme="light"].mk-page-reading-test .icon-btn{
  background:#eef2f5!important;color:#596570!important;border-color:#d6dde4!important;
}
html[data-mk-theme="light"].mk-page-reading-test .passage-tab.active,
html[data-mk-theme="light"].mk-page-reading-test .tab.active{background:#151b21!important;color:#fff!important;border-color:#151b21!important}
html[data-mk-theme="light"].mk-page-reading-test .main{background:#e8edf1!important}
html[data-mk-theme="light"].mk-page-reading-test .panel,
html[data-mk-theme="light"].mk-page-reading-test .passage-panel{background:#fff!important;color:#171c21!important}
html[data-mk-theme="light"].mk-page-reading-test .questions-panel,
html[data-mk-theme="light"].mk-page-reading-test .questions{background:#f5f7f9!important;color:#171c21!important}
html[data-mk-theme="light"].mk-page-reading-test .instructions,
html[data-mk-theme="light"].mk-page-reading-test .q,
html[data-mk-theme="light"].mk-page-reading-test .question-prompt,
html[data-mk-theme="light"].mk-page-reading-test .tf-question,
html[data-mk-theme="light"].mk-page-reading-test .mcq-question,
html[data-mk-theme="light"].mk-page-reading-test .matching-form-row,
html[data-mk-theme="light"].mk-page-reading-test .summary-text{
  background:#fff!important;color:#242b31!important;border-color:#dce2e7!important;box-shadow:0 3px 14px rgba(26,35,45,.025)!important;
}
html[data-mk-theme="light"].mk-page-reading-test .qtext,
html[data-mk-theme="light"].mk-page-reading-test .question-prompt *,
html[data-mk-theme="light"].mk-page-reading-test .tf-question *,
html[data-mk-theme="light"].mk-page-reading-test .mcq-question *{color:#242b31!important}
html[data-mk-theme="light"].mk-page-reading-test .qnum,
html[data-mk-theme="light"].mk-page-reading-test .q-label{color:#d9363e!important}
html[data-mk-theme="light"].mk-page-reading-test .option,
html[data-mk-theme="light"].mk-page-reading-test .tf-option,
html[data-mk-theme="light"].mk-page-reading-test .mcq-option,
html[data-mk-theme="light"].mk-page-reading-test .checkbox-group label{
  background:#fafbfc!important;color:#2c343b!important;border-color:#dfe5ea!important;
}
html[data-mk-theme="light"].mk-page-reading-test .text-answer,
html[data-mk-theme="light"].mk-page-reading-test select.answer,
html[data-mk-theme="light"].mk-page-reading-test .answer-input{
  background:#fff!important;color:#151b20!important;border-color:#bcc6cf!important;
}
html[data-mk-theme="light"].mk-page-reading-test .qnav{background:#fbfcfd!important;border-color:#dbe1e6!important;box-shadow:0 -8px 24px rgba(26,35,45,.055)!important}
html[data-mk-theme="light"].mk-page-reading-test .qnav-btn,
html[data-mk-theme="light"].mk-page-reading-test .qbtn{background:#f5f7f8!important;color:#505b65!important;border-color:#d5dde3!important}
html[data-mk-theme="light"].mk-page-reading-test .qnav-btn.current,
html[data-mk-theme="light"].mk-page-reading-test .qbtn.current{background:#df353a!important;color:#fff!important;border-color:#df353a!important}

/* Dark is optional and is a true dark console — never white question cards. */
html[data-mk-theme="dark"].mk-page-reading-test body{background:#080c11!important;color:#edf2f6!important}
html[data-mk-theme="dark"].mk-page-reading-test .start-screen,
html[data-mk-theme="dark"].mk-page-reading-test .start{background:radial-gradient(circle at 73% 18%,rgba(229,46,42,.18),transparent 28%),linear-gradient(135deg,#070a0e,#121820 67%,#080b0f)!important}
html[data-mk-theme="dark"].mk-page-reading-test .start-card{background:rgba(12,17,23,.95)!important;color:#fff!important;border-color:#283541!important}
html[data-mk-theme="dark"].mk-page-reading-test .start-card h1{color:#fff!important}
html[data-mk-theme="dark"].mk-page-reading-test .start-card>p{color:#a4b0bb!important}
html[data-mk-theme="dark"].mk-page-reading-test .form-grid label{color:#8d9aa6!important}
html[data-mk-theme="dark"].mk-page-reading-test .form-grid input{background:#0a1016!important;color:#fff!important;border-color:#33414e!important}
html[data-mk-theme="dark"].mk-page-reading-test .topbar,
html[data-mk-theme="dark"].mk-page-reading-test .top{background:#080d12!important;color:#f4f7fa!important;border-color:#27343f!important}
html[data-mk-theme="dark"].mk-page-reading-test .topbar .logo,
html[data-mk-theme="dark"].mk-page-reading-test .topbar .test-title,
html[data-mk-theme="dark"].mk-page-reading-test .top .brand,
html[data-mk-theme="dark"].mk-page-reading-test .top .title{color:#f5f7fa!important}
html[data-mk-theme="dark"].mk-page-reading-test .passage-tab,
html[data-mk-theme="dark"].mk-page-reading-test .tab,
html[data-mk-theme="dark"].mk-page-reading-test .timer,
html[data-mk-theme="dark"].mk-page-reading-test .icon-btn{background:#111820!important;color:#aeb9c3!important;border-color:#2c3944!important}
html[data-mk-theme="dark"].mk-page-reading-test .passage-tab.active,
html[data-mk-theme="dark"].mk-page-reading-test .tab.active{background:#f4f6f7!important;color:#11161b!important;border-color:#f4f6f7!important}
html[data-mk-theme="dark"].mk-page-reading-test .main{background:#0b1016!important}
html[data-mk-theme="dark"].mk-page-reading-test .panel,
html[data-mk-theme="dark"].mk-page-reading-test .passage-panel{background:#10161d!important;color:#edf2f6!important}
html[data-mk-theme="dark"].mk-page-reading-test .questions-panel,
html[data-mk-theme="dark"].mk-page-reading-test .questions{background:#0d1319!important;color:#edf2f6!important}
html[data-mk-theme="dark"].mk-page-reading-test .passage-text,
html[data-mk-theme="dark"].mk-page-reading-test .passage-text p,
html[data-mk-theme="dark"].mk-page-reading-test .passage-panel h1,
html[data-mk-theme="dark"].mk-page-reading-test .question-group-title{color:#f3f6f8!important}
html[data-mk-theme="dark"].mk-page-reading-test .passage-intro{color:#9ba7b2!important}
html[data-mk-theme="dark"].mk-page-reading-test .instructions,
html[data-mk-theme="dark"].mk-page-reading-test .q,
html[data-mk-theme="dark"].mk-page-reading-test .question-prompt,
html[data-mk-theme="dark"].mk-page-reading-test .tf-question,
html[data-mk-theme="dark"].mk-page-reading-test .mcq-question,
html[data-mk-theme="dark"].mk-page-reading-test .matching-form-row,
html[data-mk-theme="dark"].mk-page-reading-test .summary-text,
html[data-mk-theme="dark"].mk-page-reading-test .people-section,
html[data-mk-theme="dark"].mk-page-reading-test .checkbox-group{
  background:#151c24!important;color:#eaf0f4!important;border-color:#2d3944!important;box-shadow:none!important;
}
html[data-mk-theme="dark"].mk-page-reading-test .qtext,
html[data-mk-theme="dark"].mk-page-reading-test .question-prompt *,
html[data-mk-theme="dark"].mk-page-reading-test .tf-question *,
html[data-mk-theme="dark"].mk-page-reading-test .mcq-question *,
html[data-mk-theme="dark"].mk-page-reading-test .matching-form-row *{color:#e7edf2!important}
html[data-mk-theme="dark"].mk-page-reading-test .qnum,
html[data-mk-theme="dark"].mk-page-reading-test .q-label{color:#f05459!important}
html[data-mk-theme="dark"].mk-page-reading-test .option,
html[data-mk-theme="dark"].mk-page-reading-test .tf-option,
html[data-mk-theme="dark"].mk-page-reading-test .mcq-option,
html[data-mk-theme="dark"].mk-page-reading-test .checkbox-group label{
  background:#0f151b!important;color:#dce4ea!important;border-color:#2b3843!important;
}
html[data-mk-theme="dark"].mk-page-reading-test .option:hover,
html[data-mk-theme="dark"].mk-page-reading-test .tf-option:hover,
html[data-mk-theme="dark"].mk-page-reading-test .mcq-option:hover{background:#19232c!important}
html[data-mk-theme="dark"].mk-page-reading-test .text-answer,
html[data-mk-theme="dark"].mk-page-reading-test select.answer,
html[data-mk-theme="dark"].mk-page-reading-test .answer-input{background:#0b1117!important;color:#f3f6f8!important;border-color:#394754!important}
html[data-mk-theme="dark"].mk-page-reading-test .qnav{background:#090e13!important;border-color:#28343f!important;box-shadow:0 -8px 24px rgba(0,0,0,.30)!important}
html[data-mk-theme="dark"].mk-page-reading-test .qnav-btn,
html[data-mk-theme="dark"].mk-page-reading-test .qbtn{background:#151d25!important;color:#aeb9c3!important;border-color:#303d49!important}
html[data-mk-theme="dark"].mk-page-reading-test .qnav-btn.current,
html[data-mk-theme="dark"].mk-page-reading-test .qbtn.current{background:#df353a!important;color:#fff!important;border-color:#df353a!important}
html[data-mk-theme="dark"].mk-page-reading-test .qnav-btn.answered,
html[data-mk-theme="dark"].mk-page-reading-test .qbtn.answered{background:#173526!important;color:#a9e2c0!important;border-color:#2a6847!important}

/* Keep exam pages calm; the decorative landing-page geometry never enters a test. */
html.mk-page-reading-test main::before,
html.mk-page-reading-test main::after,
html.mk-page-listening-test main::before,
html.mk-page-listening-test main::after,
html.mk-page-writing-test main::before,
html.mk-page-writing-test main::after{display:none!important}

@media(max-width:1000px){
  html.mk-page-module-home .test-list{gap:14px!important}
  html.mk-page-module-home .test-card{padding:25px!important;min-height:300px!important}
  html.mk-page-module-home .test-card::after{font-size:62px!important}
}
@media(max-width:700px){
  html.mk-page-module-home main::after{display:none!important}
  html.mk-page-module-home .test-card{min-height:0!important;border-radius:15px!important}
}


/* ========================================================================== */
/* IELTS PRACTICE EXPERIENCE · CHUNK 1 · FIXED EXAM VISUAL SYSTEM             */
/* Reading / Listening / Writing exams intentionally do NOT follow site theme. */
/* Site + catalogue pages remain Dark by default; exam workspaces stay stable. */
/* ========================================================================== */

/* No mode controls inside actual exams. One intentional visual system only. */
html.mk-page-reading-test .mk-theme-slot,
html.mk-page-listening-test .mk-theme-slot,
html.mk-page-writing-test .mk-theme-slot,
html.mk-page-reading-test .mk-theme-switch,
html.mk-page-listening-test .mk-theme-switch,
html.mk-page-writing-test .mk-theme-switch,
html.mk-page-reading-test .mk-legacy-theme-toggle,
html.mk-page-listening-test .mk-legacy-theme-toggle,
html.mk-page-writing-test .mk-legacy-theme-toggle,
html.mk-page-reading-test #night,
html.mk-page-listening-test #themeToggle,
html.mk-page-writing-test #night,
html.mk-page-writing-test #theme,
html.mk-page-writing-test #themeToggle{display:none!important}

/* -------------------------------------------------------------------------- */
/* READING · premium dark opening -> light papers inside dark exam chrome      */
/* -------------------------------------------------------------------------- */
html.mk-page-reading-test,
html.mk-page-reading-test body{background:#090d12!important;color:#111820!important;color-scheme:light!important}
html.mk-page-reading-test body.night{background:#090d12!important}
html.mk-page-reading-test .app{background:#090d12!important}

/* Opening / candidate screen is deliberately dark even though exam content is light. */
html.mk-page-reading-test .start,
html.mk-page-reading-test .start-screen,
html.mk-page-reading-test .test-start,
html.mk-page-reading-test .intro-screen{
  background:
    radial-gradient(circle at 76% 17%,rgba(224,49,52,.20),transparent 27%),
    radial-gradient(circle at 18% 84%,rgba(69,85,104,.13),transparent 34%),
    linear-gradient(135deg,#06090d 0%,#0d1218 54%,#121821 100%)!important;
  color:#f7f9fb!important;
}
html.mk-page-reading-test .start:before,
html.mk-page-reading-test .start-screen:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,transparent,black 18%,black 78%,transparent);
}
html.mk-page-reading-test .start-card,
html.mk-page-reading-test .start .card,
html.mk-page-reading-test .start-screen .start-card{
  position:relative!important;
  background:linear-gradient(155deg,rgba(16,22,29,.98),rgba(9,14,19,.985))!important;
  color:#f6f8fa!important;
  border:1px solid #2c3742!important;
  border-radius:24px!important;
  box-shadow:0 38px 110px rgba(0,0,0,.48)!important;
  overflow:hidden!important;
}
html.mk-page-reading-test .start-card:before{
  content:"";position:absolute;inset:0 0 auto;height:2px;
  background:linear-gradient(90deg,#ef3f3a,rgba(239,63,58,.10) 55%,transparent);
}
html.mk-page-reading-test .start-card h1,
html.mk-page-reading-test .start h1,
html.mk-page-reading-test .start-card .brand,
html.mk-page-reading-test .start-card .brand span{color:#fff!important;text-shadow:none!important}
html.mk-page-reading-test .start-card p,
html.mk-page-reading-test .start p{color:#aeb8c2!important;text-shadow:none!important}
html.mk-page-reading-test .start-card .eyebrow,
html.mk-page-reading-test .start .eyebrow{color:#ff5a55!important}
html.mk-page-reading-test .start-card .meta span,
html.mk-page-reading-test .start .meta span{background:#0d1319!important;color:#d9e0e6!important;border-color:#303c47!important}
html.mk-page-reading-test .start-card label,
html.mk-page-reading-test .start .form label{color:#8e9aa6!important}
html.mk-page-reading-test .start-card input,
html.mk-page-reading-test .start .form input{background:#080d12!important;color:#fff!important;border-color:#36424e!important;box-shadow:none!important}
html.mk-page-reading-test .start-card input:focus,
html.mk-page-reading-test .start .form input:focus{border-color:#e54845!important;box-shadow:0 0 0 3px rgba(229,72,69,.10)!important}
html.mk-page-reading-test .start-btn{background:linear-gradient(90deg,#ef403c,#d92f32)!important;color:#fff!important;box-shadow:0 12px 28px rgba(217,47,50,.18)!important}

/* Dark exam chrome */
html.mk-page-reading-test .top,
html.mk-page-reading-test .topbar{
  background:#080d12!important;color:#f4f7fa!important;border-color:#252f39!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025)!important;
}
html.mk-page-reading-test .top .brand,
html.mk-page-reading-test .top .brand span,
html.mk-page-reading-test .top .title,
html.mk-page-reading-test .topbar .logo,
html.mk-page-reading-test .topbar .test-title{color:#f4f7fa!important}
html.mk-page-reading-test .tab,
html.mk-page-reading-test .passage-tab,
html.mk-page-reading-test .timer,
html.mk-page-reading-test .icon-btn,
html.mk-page-reading-test .telegram{
  background:#121920!important;color:#aeb8c2!important;border-color:#303b46!important;box-shadow:none!important;
}
html.mk-page-reading-test .tab.active,
html.mk-page-reading-test .passage-tab.active{background:#f6f8f9!important;color:#11161b!important;border-color:#f6f8f9!important}

/* Light paper workspace surrounded by dark chrome. */
html.mk-page-reading-test .main{
  background:#0a0f14!important;color:#111820!important;
}
html.mk-page-reading-test .panel,
html.mk-page-reading-test .passage,
html.mk-page-reading-test .passage-panel{
  background:#ffffff!important;color:#141a20!important;border-color:#dce2e7!important;box-shadow:none!important;
}
html.mk-page-reading-test .questions,
html.mk-page-reading-test .questions-panel,
html.mk-page-reading-test .qs{
  background:#fafbfc!important;color:#141a20!important;border-color:#dce2e7!important;box-shadow:none!important;
}
html.mk-page-reading-test .divider{background:#0a0f14!important;border-color:#0a0f14!important;width:8px!important;flex-basis:8px!important}
html.mk-page-reading-test .divider:after{background:#5c6874!important;width:2px!important;height:46px!important}
html.mk-page-reading-test .passage h1,
html.mk-page-reading-test .passage-panel h1,
html.mk-page-reading-test .passage-content h1,
html.mk-page-reading-test .question-group-title,
html.mk-page-reading-test .section-title{color:#111820!important;text-shadow:none!important}
html.mk-page-reading-test .passage-intro{color:#66727d!important}

/* Remove the grey/shadow slabs underneath Reading text. */
html.mk-page-reading-test .passage-text,
html.mk-page-reading-test .passage-text p,
html.mk-page-reading-test .passage-content p,
html.mk-page-reading-test .pc p,
html.mk-page-reading-test .qs p,
html.mk-page-reading-test .qtext,
html.mk-page-reading-test .question-prompt,
html.mk-page-reading-test .tf-question,
html.mk-page-reading-test .mcq-question,
html.mk-page-reading-test .multi-choice-question,
html.mk-page-reading-test .paragraph-matching-question,
html.mk-page-reading-test .short-answer-item,
html.mk-page-reading-test .summary-text,
html.mk-page-reading-test .matching-form-row{
  background:transparent!important;
  background-image:none!important;
  color:#20272e!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html.mk-page-reading-test .passage-text p{padding:0!important;border:0!important}
html.mk-page-reading-test .question-prompt,
html.mk-page-reading-test .tf-question,
html.mk-page-reading-test .mcq-question,
html.mk-page-reading-test .multi-choice-question,
html.mk-page-reading-test .paragraph-matching-question,
html.mk-page-reading-test .short-answer-item,
html.mk-page-reading-test .summary-text,
html.mk-page-reading-test .matching-form-row,
html.mk-page-reading-test .people-section,
html.mk-page-reading-test .checkbox-group,
html.mk-page-reading-test .headings-list,
html.mk-page-reading-test .drag-options,
html.mk-page-reading-test .example-box,
html.mk-page-reading-test .short-answer-container{
  border-color:#e0e5e9!important;
}
html.mk-page-reading-test .instructions,
html.mk-page-reading-test .instruction-box,
html.mk-page-reading-test .question-group>.group-instructions{
  background:#f4f6f8!important;color:#303941!important;border:1px solid #dde3e8!important;box-shadow:none!important;text-shadow:none!important;
}
html.mk-page-reading-test .option,
html.mk-page-reading-test .options label,
html.mk-page-reading-test .tf-option,
html.mk-page-reading-test .mcq-option,
html.mk-page-reading-test .multiple-choice label,
html.mk-page-reading-test .checkbox-options label,
html.mk-page-reading-test .multi-choice-option label{
  background:#fff!important;color:#273039!important;border-color:#dfe4e8!important;box-shadow:none!important;text-shadow:none!important;
}
html.mk-page-reading-test .option:hover,
html.mk-page-reading-test .tf-option:hover,
html.mk-page-reading-test .mcq-option:hover{background:#f7f9fa!important;border-color:#cbd3da!important}
html.mk-page-reading-test label:has(input:checked){background:#fff2f1!important;border-color:#e65a55!important}
html.mk-page-reading-test input[type=text],
html.mk-page-reading-test textarea,
html.mk-page-reading-test select,
html.mk-page-reading-test .answer-input,
html.mk-page-reading-test .text-answer,
html.mk-page-reading-test .source-inline-select{
  background:#fff!important;color:#12181e!important;border-color:#bac5ce!important;box-shadow:none!important;
}
html.mk-page-reading-test input:focus,
html.mk-page-reading-test textarea:focus,
html.mk-page-reading-test select:focus{border-color:#e44844!important;box-shadow:0 0 0 3px rgba(228,72,68,.09)!important}

/* Dark bottom edge/nav keeps the exam framed. */
html.mk-page-reading-test .qnav,
html.mk-page-reading-test footer.qnav{
  background:#090e13!important;color:#dce3e9!important;border-color:#27333e!important;box-shadow:0 -8px 26px rgba(0,0,0,.18)!important;
}
html.mk-page-reading-test .qbtn,
html.mk-page-reading-test .qnav-btn{background:#151d25!important;color:#c0cad3!important;border-color:#34414d!important;box-shadow:none!important}
html.mk-page-reading-test .qbtn:hover,
html.mk-page-reading-test .qnav-btn:hover{background:#202a34!important;color:#fff!important}
html.mk-page-reading-test .qbtn.current,
html.mk-page-reading-test .qnav-btn.current{background:#e33a3d!important;color:#fff!important;border-color:#e33a3d!important}
html.mk-page-reading-test .qbtn.answered,
html.mk-page-reading-test .qnav-btn.answered{background:#183527!important;color:#b5e3c6!important;border-color:#286647!important}
html.mk-page-reading-test .submit{background:#e63d3f!important;color:#fff!important;border:0!important;box-shadow:none!important}

/* -------------------------------------------------------------------------- */
/* LISTENING · dark control/sidebar frame + clean light answer canvas           */
/* -------------------------------------------------------------------------- */
html.mk-page-listening-test,
html.mk-page-listening-test body{background:#0a0f14!important;color:#111820!important;color-scheme:light!important}
html.mk-page-listening-test .header,
html.mk-page-listening-test .top,
html.mk-page-listening-test .topbar{
  background:#080d12!important;color:#f5f7f9!important;border-color:#26313b!important;box-shadow:none!important;
}
html.mk-page-listening-test .mk-brand,
html.mk-page-listening-test .mk-brand span,
html.mk-page-listening-test .mk-test-title,
html.mk-page-listening-test .header-left{color:#f5f7f9!important}
html.mk-page-listening-test .mk-part-tab,
html.mk-page-listening-test .section-tab,
html.mk-page-listening-test .tab,
html.mk-page-listening-test .timer-display,
html.mk-page-listening-test .mk-parity-clock,
html.mk-page-listening-test .header .icon-btn{
  background:#121920!important;color:#abb7c1!important;border-color:#303b46!important;box-shadow:none!important;
}
html.mk-page-listening-test .mk-part-tab.active,
html.mk-page-listening-test .section-tab.active,
html.mk-page-listening-test .tab.active{background:#f6f8f9!important;color:#11161b!important;border-color:#f6f8f9!important}

/* Sidebar / audio rail */
html.mk-page-listening-test .audio-bar,
html.mk-page-listening-test .audio-panel,
html.mk-page-listening-test .sidebar,
html.mk-page-listening-test .left-panel{
  background:#0f151b!important;color:#eef2f5!important;border-color:#293640!important;box-shadow:none!important;
}
html.mk-page-listening-test .mk-audio-meta h2,
html.mk-page-listening-test .audio-panel h2,
html.mk-page-listening-test .audio-panel h3{color:#fff!important}
html.mk-page-listening-test .mk-audio-meta p,
html.mk-page-listening-test .audio-panel p{color:#93a1ad!important}
html.mk-page-listening-test .audio-shell,
html.mk-page-listening-test .mk-parity-audio-note{
  background:#151c23!important;color:#dce3e9!important;border-color:#303c47!important;box-shadow:none!important;
}
html.mk-page-listening-test .mk-parity-section-summary button,
html.mk-page-listening-test .part-card,
html.mk-page-listening-test .part-nav-item,
html.mk-page-listening-test [data-parity-part]{
  background:#11171d!important;color:#9da9b4!important;border-color:#2d3843!important;box-shadow:none!important;
}
html.mk-page-listening-test .mk-parity-section-summary button b,
html.mk-page-listening-test .part-card b,
html.mk-page-listening-test [data-parity-part] b{color:#fff!important}
html.mk-page-listening-test .mk-parity-section-summary button.current,
html.mk-page-listening-test .part-card.current,
html.mk-page-listening-test [data-parity-part].current{background:#18212a!important;border-color:#66727e!important;color:#cbd4dc!important}

/* Light question paper */
html.mk-page-listening-test .main,
html.mk-page-listening-test .main-area{background:#f5f7f9!important;color:#111820!important}
html.mk-page-listening-test .questions-panel,
html.mk-page-listening-test .section-panel{background:#f5f7f9!important;color:#111820!important}
html.mk-page-listening-test .mk-parity-section-head h1,
html.mk-page-listening-test .part-title .name,
html.mk-page-listening-test .section-panel h1,
html.mk-page-listening-test .section-panel h2,
html.mk-page-listening-test .section-panel h3{color:#12181e!important;text-shadow:none!important}
html.mk-page-listening-test .mk-parity-section-head span{color:#697681!important}
html.mk-page-listening-test .section-banner,
html.mk-page-listening-test .instruction-box{background:#eef1f3!important;color:#273039!important;border-color:#d8dfe5!important;box-shadow:none!important}
html.mk-page-listening-test .q-card,
html.mk-page-listening-test .card,
html.mk-page-listening-test .notes,
html.mk-page-listening-test .question-block,
html.mk-page-listening-test .match-flow,
html.mk-page-listening-test .match-bank,
html.mk-page-listening-test .match-options-box,
html.mk-page-listening-test .flowchart-shell,
html.mk-page-listening-test .picktwo-box,
html.mk-page-listening-test .map-card,
html.mk-page-listening-test .match-static-list{
  background:#fff!important;color:#171d23!important;border-color:#d9e0e5!important;box-shadow:none!important;text-shadow:none!important;
}
/* Remove grey text strips / shadows under actual question copy. */
html.mk-page-listening-test .notes p,
html.mk-page-listening-test .question-block p,
html.mk-page-listening-test .match-row>div:first-child,
html.mk-page-listening-test .q-card p,
html.mk-page-listening-test .card p,
html.mk-page-listening-test .question-text,
html.mk-page-listening-test .prompt-text{
  background:transparent!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;color:#273039!important;
}
html.mk-page-listening-test .option-label,
html.mk-page-listening-test .match-option,
html.mk-page-listening-test .ldm-option,
html.mk-page-listening-test .match-slot,
html.mk-page-listening-test .ldm-slot,
html.mk-page-listening-test .flow-inline-slot{
  background:#fff!important;color:#273039!important;border-color:#d8dfe4!important;box-shadow:none!important;text-shadow:none!important;
}
html.mk-page-listening-test .option-label:hover,
html.mk-page-listening-test .match-option:hover{background:#f7f9fa!important}
html.mk-page-listening-test .option-label:has(input:checked),
html.mk-page-listening-test .option-label.selected{background:#fff1f0!important;border-color:#e95a55!important}
html.mk-page-listening-test .text-input,
html.mk-page-listening-test .answer-input,
html.mk-page-listening-test .flowchart-input,
html.mk-page-listening-test .summary-input,
html.mk-page-listening-test .select-answer,
html.mk-page-listening-test input[type=text],
html.mk-page-listening-test select{
  background:#fff!important;color:#12181e!important;border-color:#b9c4cd!important;box-shadow:none!important;
}
html.mk-page-listening-test .match-table,
html.mk-page-listening-test .data-table,
html.mk-page-listening-test table{background:#fff!important;color:#1a2128!important;border-color:#d9dfe4!important;box-shadow:none!important}
html.mk-page-listening-test .match-table th,
html.mk-page-listening-test table th{background:#f1f4f6!important;color:#202830!important;border-color:#d9dfe4!important}
html.mk-page-listening-test .match-table td,
html.mk-page-listening-test table td{background:#fff!important;color:#273039!important;border-color:#d9dfe4!important}

/* Dark bottom edge/nav */
html.mk-page-listening-test .bottom,
html.mk-page-listening-test .bottom-nav{
  background:#090e13!important;color:#dbe3e9!important;border-color:#293540!important;box-shadow:0 -7px 24px rgba(0,0,0,.16)!important;backdrop-filter:none!important;
}
html.mk-page-listening-test .subq,
html.mk-page-listening-test .subQuestion{
  background:#151d25!important;color:#c2ccd4!important;border-color:#34414d!important;box-shadow:none!important;
}
html.mk-page-listening-test .subq.answered,
html.mk-page-listening-test .subQuestion.answered{background:#222d37!important;color:#fff!important;border-color:#465563!important}
html.mk-page-listening-test .subq.active,
html.mk-page-listening-test .subQuestion.active{background:#e33a3d!important;color:#fff!important;border-color:#e33a3d!important;outline:0!important}
html.mk-page-listening-test .subq.correct,
html.mk-page-listening-test .subQuestion.correct{background:#1f8f51!important;color:#fff!important;border-color:#1f8f51!important}
html.mk-page-listening-test .subq.incorrect,
html.mk-page-listening-test .subQuestion.incorrect{background:#c9383b!important;color:#fff!important;border-color:#c9383b!important}
html.mk-page-listening-test .check-btn,
html.mk-page-listening-test .mk-parity-submit{background:#e53b3e!important;color:#fff!important;border:0!important;box-shadow:none!important}

/* -------------------------------------------------------------------------- */
/* WRITING · premium dark opening -> fixed professional light split workspace  */
/* -------------------------------------------------------------------------- */
html.mk-page-writing-test,
html.mk-page-writing-test body{background:#090d12!important;color:#111820!important;color-scheme:light!important}

/* Premium opening screen: restore visible title and fill the composition. */
html.mk-page-writing-test .mk-writing-entry,
html.mk-page-writing-test .start,
html.mk-page-writing-test .start-screen{
  background:
    radial-gradient(circle at 76% 18%,rgba(224,49,52,.22),transparent 28%),
    radial-gradient(circle at 20% 82%,rgba(62,76,94,.14),transparent 35%),
    linear-gradient(135deg,#06090d 0%,#0c1117 57%,#121821 100%)!important;
  color:#f7f9fb!important;
}
html.mk-page-writing-test .mk-writing-entry:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
  background:radial-gradient(circle at 75% 50%,transparent 0 150px,rgba(255,255,255,.055) 151px 152px,transparent 153px 220px,rgba(255,255,255,.035) 221px 222px,transparent 223px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:auto,56px 56px,56px 56px;
}
html.mk-page-writing-test .mk-writing-entry-card,
html.mk-page-writing-test .start-card{
  width:min(860px,100%)!important;
  background:linear-gradient(155deg,rgba(16,22,29,.985),rgba(9,14,19,.985))!important;
  color:#f7f9fb!important;border:1px solid #2e3944!important;border-radius:24px!important;
  box-shadow:0 38px 115px rgba(0,0,0,.48)!important;overflow:hidden!important;
}
html.mk-page-writing-test .mk-writing-entry-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#ef403c,rgba(239,64,60,.10) 58%,transparent)}
html.mk-page-writing-test .mk-writing-entry-brand b,
html.mk-page-writing-test .mk-writing-entry h1,
html.mk-page-writing-test .start h1{color:#fff!important;text-shadow:none!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry h1{font-size:clamp(50px,6vw,70px)!important;letter-spacing:-.055em!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry h1 em{color:#ff4d48!important}
html.mk-page-writing-test .mk-writing-entry-lede,
html.mk-page-writing-test .start p{color:#aeb8c2!important}
html.mk-page-writing-test .mk-writing-entry-chips span{background:#0c1218!important;color:#dce3e9!important;border-color:#303c47!important}
html.mk-page-writing-test .mk-writing-entry-form label{color:#8d99a5!important}
html.mk-page-writing-test .mk-writing-entry-form input{background:#080d12!important;color:#fff!important;border-color:#36424e!important;box-shadow:none!important}
html.mk-page-writing-test .mk-writing-entry-form input:focus{border-color:#e44844!important;box-shadow:0 0 0 3px rgba(228,72,68,.10)!important}
html.mk-page-writing-test .mk-writing-entry-foot{color:#75828e!important}
html.mk-page-writing-test .mk-writing-entry-foot a{color:#9da8b2!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-start{background:linear-gradient(90deg,#ef403c,#d92f32)!important;box-shadow:0 12px 28px rgba(217,47,50,.17)!important}

/* Fixed dark chrome and light paper/editor after Start. */
html.mk-page-writing-test .top,
html.mk-page-writing-test .topbar{background:#080d12!important;color:#f5f7f9!important;border-color:#27333e!important;box-shadow:none!important}
html.mk-page-writing-test .top .brand,
html.mk-page-writing-test .top .title{color:#f5f7f9!important}
html.mk-page-writing-test .topbtn,
html.mk-page-writing-test .timer,
html.mk-page-writing-test .tab{background:#121920!important;color:#abb7c1!important;border-color:#303b46!important;box-shadow:none!important}
html.mk-page-writing-test .tab.active{background:#f6f8f9!important;color:#11161b!important;border-color:#f6f8f9!important}
html.mk-page-writing-test .work{background:#0a0f14!important}
html.mk-page-writing-test .prompt,
html.mk-page-writing-test .editorpane{background:#fff!important;color:#151b21!important;border-color:#dce2e7!important;box-shadow:none!important}
html.mk-page-writing-test .divider{background:#0a0f14!important;border-color:#0a0f14!important}
html.mk-page-writing-test .divider:after{background:#5c6874!important;width:2px!important}
html.mk-page-writing-test .prompt h1,
html.mk-page-writing-test .editorhead h2{color:#13191f!important;text-shadow:none!important}
html.mk-page-writing-test .timing,
html.mk-page-writing-test .editorhead p{color:#6d7883!important}
/* Question/instruction text sits directly on the white paper, not a black or grey slab. */
html.mk-page-writing-test .prompt .question,
html.mk-page-writing-test .prompt .instruction,
html.mk-page-writing-test .prompt .instructions,
html.mk-page-writing-test .prompt [style*="background:#0"],
html.mk-page-writing-test .prompt [style*="background: #0"]{
  background:transparent!important;background-image:none!important;color:#222a31!important;border-color:#dfe4e8!important;box-shadow:none!important;text-shadow:none!important;
}
html.mk-page-writing-test .prompt .question *,
html.mk-page-writing-test .prompt .instruction *,
html.mk-page-writing-test .prompt .instructions *{color:#222a31!important;text-shadow:none!important}
html.mk-page-writing-test .chartbox,
html.mk-page-writing-test .visual-frame,
html.mk-page-writing-test .data-table,
html.mk-page-writing-test .task1-table{background:#fff!important;color:#151b21!important;border-color:#dce2e7!important;box-shadow:none!important}
html.mk-page-writing-test textarea,
html.mk-page-writing-test .writing,
html.mk-page-writing-test .editor,
html.mk-page-writing-test .writing-area{
  background:#fafbfc!important;color:#161c22!important;border-color:#cdd6de!important;box-shadow:inset 0 1px 2px rgba(20,30,40,.025)!important;
}
html.mk-page-writing-test textarea::placeholder,
html.mk-page-writing-test .writing::placeholder{color:#8f9aa4!important}
html.mk-page-writing-test textarea:focus,
html.mk-page-writing-test .writing:focus{background:#fff!important;border-color:#e44844!important;box-shadow:0 0 0 3px rgba(228,72,68,.08)!important}
html.mk-page-writing-test .footbar{background:#090e13!important;color:#b6c0c9!important;border-color:#293540!important;box-shadow:0 -7px 24px rgba(0,0,0,.16)!important;backdrop-filter:none!important}
html.mk-page-writing-test .footbar .nav{background:#151d25!important;color:#d9e0e6!important;border-color:#34414d!important}
html.mk-page-writing-test .footbar .progress,
html.mk-page-writing-test .footbar .progress b{color:#c1cad2!important}
html.mk-page-writing-test .finish{background:#e53b3e!important;color:#fff!important}

/* Results stay premium dark and readable. */
html.mk-page-writing-test .modal{background:rgba(4,7,10,.88)!important;backdrop-filter:blur(8px)!important}
html.mk-page-writing-test .modalcard{background:#10161d!important;color:#edf2f6!important;border-color:#2e3a45!important;box-shadow:0 28px 90px rgba(0,0,0,.44)!important}
html.mk-page-writing-test .modalcard h2{color:#fff!important}
html.mk-page-writing-test .summary{background:#151c23!important;color:#dce4ea!important;border-color:#303c47!important}

/* Keep catalogue pages premium from previous patch. */
html.mk-page-module-home .test-card{isolation:isolate}

@media(max-width:900px){
  html.mk-page-reading-test .divider{display:none!important}
  html.mk-page-reading-test .questions{border-top:8px solid #0a0f14!important}
  html.mk-page-writing-test .editorpane{border-top:8px solid #0a0f14!important}
}
@media(max-width:850px){
  html.mk-page-listening-test .audio-bar,
  html.mk-page-listening-test .audio-panel{border-bottom:6px solid #0a0f14!important}
  html.mk-page-listening-test .bottom,
  html.mk-page-listening-test .bottom-nav{background:#090e13!important}
}

/* ========================================================================== */
/* CHUNK 2 · FOUNDATION + PUBLIC WEBSITE POLISH                               */
/* ========================================================================== */

/* ---------- Public shell: dark remains the native/default product surface. */
html[data-mk-theme="dark"] .site-header{
  background:rgba(7,11,15,.90)!important;
  border-bottom:1px solid rgba(142,158,174,.16)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
html[data-mk-theme="dark"] .site-header nav a{color:#aab5bf!important}
html[data-mk-theme="dark"] .site-header nav a:hover,
html[data-mk-theme="dark"] .site-header nav a:focus,
html[data-mk-theme="dark"] .site-header nav a.active{color:#fff!important}
html[data-mk-theme="dark"] .auth-header-link{
  background:rgba(255,255,255,.025)!important;
  color:#eef3f7!important;
  border:1px solid rgba(141,157,173,.24)!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-mk-theme="dark"] .auth-header-link.logged-in{
  color:#dff7eb!important;
  border-color:rgba(44,177,116,.38)!important;
  background:rgba(32,120,84,.09)!important;
}

/* Register is a deliberate product CTA instead of a flat rectangle. */
html[data-mk-theme] .site-header a[href*="register"]:not(.mobile-auth-nav),
html[data-mk-theme] body>header a[href*="register"]:not(.mobile-auth-nav){
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  font-weight:750!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  overflow:hidden!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
html[data-mk-theme] .site-header a[href*="register"]:not(.mobile-auth-nav)::after,
html[data-mk-theme] body>header a[href*="register"]:not(.mobile-auth-nav)::after{
  content:"↗"!important;
  margin-left:9px!important;
  font-size:11px!important;
  opacity:.86!important;
  transform:translateY(-1px)!important;
}
html[data-mk-theme="dark"] .site-header a[href*="register"]:not(.mobile-auth-nav),
html[data-mk-theme="dark"] body>header a[href*="register"]:not(.mobile-auth-nav){
  color:#fff!important;
  border:1px solid rgba(255,91,96,.44)!important;
  background:linear-gradient(135deg,#ef3d43 0%,#d72f36 72%,#ca2930 100%)!important;
  box-shadow:0 10px 26px rgba(218,46,53,.19),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
html[data-mk-theme="light"] .site-header a[href*="register"]:not(.mobile-auth-nav),
html[data-mk-theme="light"] body>header a[href*="register"]:not(.mobile-auth-nav){
  color:#fff!important;
  border:1px solid #df353a!important;
  background:linear-gradient(135deg,#ec3b41,#d62f35)!important;
  box-shadow:0 10px 24px rgba(218,47,54,.19)!important;
}
html[data-mk-theme] .site-header a[href*="register"]:not(.mobile-auth-nav):hover,
html[data-mk-theme] body>header a[href*="register"]:not(.mobile-auth-nav):hover{
  transform:translateY(-2px)!important;
  box-shadow:0 15px 34px rgba(218,46,53,.27)!important;
}

/* Header controls read as one family. */
html[data-mk-theme] .site-header .language-switcher,
html[data-mk-theme] .site-header .auth-header-link,
html[data-mk-theme] .site-header .mk-theme-switch{
  min-height:36px!important;
}
html[data-mk-theme="dark"] .language-switcher{
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(139,155,170,.22)!important;
}
html[data-mk-theme="dark"] .lang-btn{color:#93a0ad!important}
html[data-mk-theme="dark"] .lang-btn.active{
  background:#eef3f6!important;
  color:#14191e!important;
  box-shadow:0 3px 10px rgba(0,0,0,.22)!important;
}

/* Dark navigation flyouts: premium graphite, not empty black boxes. */
html[data-mk-theme="dark"] .mk-nav-popover,
html[data-mk-theme="dark"] .site-header .dropdown-menu,
html[data-mk-theme="dark"] .site-header .submenu,
html[data-mk-theme="dark"] .site-header .mega-menu,
html[data-mk-theme="dark"] .site-header .nav-menu,
html[data-mk-theme="dark"] .site-header .nav-panel,
html[data-mk-theme="dark"] .site-header .menu-panel,
html[data-mk-theme="dark"] .site-header .dropdown-panel,
html[data-mk-theme="dark"] .site-header .dropdown-content,
html[data-mk-theme="dark"] .site-header [role="menu"]{
  background:linear-gradient(180deg,rgba(18,24,31,.985),rgba(10,15,20,.99))!important;
  color:#e8eef3!important;
  border:1px solid rgba(132,149,165,.24)!important;
  border-radius:14px!important;
  box-shadow:0 24px 64px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(18px)!important;
}
html[data-mk-theme="dark"] .mk-nav-popover a,
html[data-mk-theme="dark"] .site-header .dropdown-menu a,
html[data-mk-theme="dark"] .site-header .submenu a,
html[data-mk-theme="dark"] .site-header .nav-menu a,
html[data-mk-theme="dark"] .site-header .nav-panel a,
html[data-mk-theme="dark"] .site-header .dropdown-panel a,
html[data-mk-theme="dark"] .site-header .dropdown-content a,
html[data-mk-theme="dark"] .site-header [role="menu"] a{
  color:#b6c1ca!important;
  border-color:rgba(133,150,166,.12)!important;
}
html[data-mk-theme="dark"] .mk-nav-popover a:hover,
html[data-mk-theme="dark"] .site-header .dropdown-menu a:hover,
html[data-mk-theme="dark"] .site-header .submenu a:hover,
html[data-mk-theme="dark"] .site-header .nav-menu a:hover,
html[data-mk-theme="dark"] .site-header .nav-panel a:hover,
html[data-mk-theme="dark"] .site-header .dropdown-panel a:hover,
html[data-mk-theme="dark"] .site-header .dropdown-content a:hover,
html[data-mk-theme="dark"] .site-header [role="menu"] a:hover{
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
}

/* ---------- Homepage: add quiet architectural depth without visual noise. */
html.mk-route-home main{position:relative!important;isolation:isolate!important;overflow:hidden!important}
html.mk-route-home main::before,
html.mk-route-home main::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
html.mk-route-home main::before{
  inset:0;
  background:
    radial-gradient(720px 520px at 78% 13%,rgba(222,54,60,.075),transparent 66%),
    radial-gradient(820px 640px at 11% 52%,rgba(80,106,142,.065),transparent 68%),
    linear-gradient(90deg,rgba(145,160,177,.032) 1px,transparent 1px),
    linear-gradient(rgba(145,160,177,.026) 1px,transparent 1px);
  background-size:auto,auto,84px 84px,84px 84px;
  opacity:.8;
}
html.mk-route-home main::after{
  width:980px;
  height:980px;
  top:40px;
  right:-310px;
  border-radius:50%;
  background:repeating-radial-gradient(circle at center,transparent 0 112px,rgba(139,155,171,.12) 113px 114px,transparent 115px 211px);
  opacity:.24;
}
html.mk-route-home main>*{position:relative;z-index:1}
html[data-mk-theme="dark"].mk-route-home main::before{opacity:.72}
html[data-mk-theme="dark"].mk-route-home main::after{opacity:.30}
html[data-mk-theme="light"].mk-route-home main::before{
  background:
    radial-gradient(720px 520px at 78% 13%,rgba(222,54,60,.055),transparent 66%),
    radial-gradient(820px 640px at 11% 52%,rgba(80,106,142,.05),transparent 68%),
    linear-gradient(90deg,rgba(39,51,63,.024) 1px,transparent 1px),
    linear-gradient(rgba(39,51,63,.020) 1px,transparent 1px)!important;
  background-size:auto,auto,84px 84px,84px 84px!important;
}
html[data-mk-theme="light"].mk-route-home main::after{opacity:.16}

/* ---------- Foundation: a coherent product shell in BOTH themes. */
html.mk-route-foundation body{overflow-x:hidden!important}
html.mk-route-foundation main{
  position:relative!important;
  isolation:isolate!important;
  background:transparent!important;
}
html.mk-route-foundation main::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(680px 460px at 90% 8%,rgba(218,53,59,.065),transparent 64%),
    radial-gradient(720px 560px at 3% 49%,rgba(73,101,136,.055),transparent 68%);
}
html[data-mk-theme="dark"].mk-route-foundation body,
html[data-mk-theme="dark"].mk-route-foundation main{background:#070b0f!important;color:#eef3f7!important}
html[data-mk-theme="light"].mk-route-foundation body,
html[data-mk-theme="light"].mk-route-foundation main{background:#f3f5f7!important;color:#171c21!important}

/* Foundation hero / first content block. */
html.mk-route-foundation main>section:first-child,
html.mk-route-foundation .level-hero,
html.mk-route-foundation .foundation-hero,
html.mk-route-foundation .hero{
  position:relative!important;
  border-bottom:1px solid!important;
}
html[data-mk-theme="dark"].mk-route-foundation main>section:first-child,
html[data-mk-theme="dark"].mk-route-foundation .level-hero,
html[data-mk-theme="dark"].mk-route-foundation .foundation-hero,
html[data-mk-theme="dark"].mk-route-foundation .hero{
  background:linear-gradient(180deg,rgba(8,12,17,.62),rgba(8,12,17,.28))!important;
  border-color:#1e2933!important;
}
html[data-mk-theme="light"].mk-route-foundation main>section:first-child,
html[data-mk-theme="light"].mk-route-foundation .level-hero,
html[data-mk-theme="light"].mk-route-foundation .foundation-hero,
html[data-mk-theme="light"].mk-route-foundation .hero{
  background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(247,249,251,.72))!important;
  border-color:#dde3e8!important;
}
html.mk-route-foundation h1,
html.mk-route-foundation h2,
html.mk-route-foundation h3{letter-spacing:-.035em!important}
html[data-mk-theme="light"].mk-route-foundation h1,
html[data-mk-theme="light"].mk-route-foundation h2,
html[data-mk-theme="light"].mk-route-foundation h3{color:#11161b!important}
html[data-mk-theme="dark"].mk-route-foundation h1,
html[data-mk-theme="dark"].mk-route-foundation h2,
html[data-mk-theme="dark"].mk-route-foundation h3{color:#f7f9fb!important}

/* Foundation navigation rail. */
html.mk-route-foundation :is(aside,.sidebar,.side,.reading-list,.lesson-list,.unit-nav,.lesson-nav,.contents-nav){
  border-color:var(--mk-border)!important;
  box-shadow:none!important;
}
html[data-mk-theme="light"].mk-route-foundation :is(aside,.sidebar,.side,.reading-list,.lesson-list,.unit-nav,.lesson-nav,.contents-nav){
  background:#eef1f4!important;
  color:#596570!important;
}
html[data-mk-theme="dark"].mk-route-foundation :is(aside,.sidebar,.side,.reading-list,.lesson-list,.unit-nav,.lesson-nav,.contents-nav){
  background:#090e13!important;
  color:#93a1ae!important;
}
html.mk-route-foundation :is(aside,.sidebar,.side,.reading-list,.lesson-list,.unit-nav,.lesson-nav,.contents-nav) a,
html.mk-route-foundation :is(aside,.sidebar,.side,.reading-list,.lesson-list,.unit-nav,.lesson-nav,.contents-nav) button{
  border-radius:9px!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
html[data-mk-theme="light"].mk-route-foundation :is(aside,.sidebar,.side,.reading-list,.lesson-list,.unit-nav,.lesson-nav,.contents-nav) :is(a,button){color:#65717d!important}
html[data-mk-theme="dark"].mk-route-foundation :is(aside,.sidebar,.side,.reading-list,.lesson-list,.unit-nav,.lesson-nav,.contents-nav) :is(a,button){color:#8997a4!important}
html[data-mk-theme="light"].mk-route-foundation :is(aside,.sidebar,.side,.reading-list,.lesson-list,.unit-nav,.lesson-nav,.contents-nav) :is(a,button).active,
html[data-mk-theme="light"].mk-route-foundation :is(aside,.sidebar,.side,.reading-list,.lesson-list,.unit-nav,.lesson-nav,.contents-nav) :is(a,button)[aria-current="true"]{
  background:#fff!important;color:#161b20!important;box-shadow:0 6px 18px rgba(25,35,47,.06)!important;
}
html[data-mk-theme="dark"].mk-route-foundation :is(aside,.sidebar,.side,.reading-list,.lesson-list,.unit-nav,.lesson-nav,.contents-nav) :is(a,button).active,
html[data-mk-theme="dark"].mk-route-foundation :is(aside,.sidebar,.side,.reading-list,.lesson-list,.unit-nav,.lesson-nav,.contents-nav) :is(a,button)[aria-current="true"]{
  background:linear-gradient(90deg,rgba(220,53,59,.12),rgba(255,255,255,.035))!important;color:#fff!important;box-shadow:inset 3px 0 0 #e13a40!important;
}

/* Foundation lesson surfaces: remove the accidental black islands in Light mode. */
html.mk-route-foundation :is(.reading-text,.passage,.passage-box,.passage-card,.lesson-text,.story,.text-card,.reading-card,.comprehension,.comprehension-card,.questions-card,.question-card,.exercise-card,.exercises,.vocabulary,.vocabulary-card,.vocab-card,.lesson-panel,.content-card,.content-panel,.practice-panel,.panel){
  border:1px solid var(--mk-border)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
html[data-mk-theme="light"].mk-route-foundation :is(.reading-text,.passage,.passage-box,.passage-card,.lesson-text,.story,.text-card,.reading-card,.comprehension,.comprehension-card,.questions-card,.question-card,.exercise-card,.exercises,.vocabulary,.vocabulary-card,.vocab-card,.lesson-panel,.content-card,.content-panel,.practice-panel,.panel){
  background:#fff!important;
  color:#20262c!important;
  border-color:#dce2e7!important;
}
html[data-mk-theme="dark"].mk-route-foundation :is(.reading-text,.passage,.passage-box,.passage-card,.lesson-text,.story,.text-card,.reading-card,.comprehension,.comprehension-card,.questions-card,.question-card,.exercise-card,.exercises,.vocabulary,.vocabulary-card,.vocab-card,.lesson-panel,.content-card,.content-panel,.practice-panel,.panel){
  background:linear-gradient(180deg,#0f151c,#0b1016)!important;
  color:#e9eef2!important;
  border-color:#25313c!important;
}
html[data-mk-theme="light"].mk-route-foundation :is(.reading-text,.passage,.passage-box,.passage-card,.lesson-text,.story,.text-card,.reading-card) :is(p,li,span,strong,b){color:#2d343b!important;text-shadow:none!important}
html[data-mk-theme="dark"].mk-route-foundation :is(.reading-text,.passage,.passage-box,.passage-card,.lesson-text,.story,.text-card,.reading-card) :is(p,li,span,strong,b){color:#d8e0e7!important;text-shadow:none!important}
html.mk-route-foundation :is(.reading-text,.passage,.passage-box,.passage-card,.lesson-text,.story,.text-card,.reading-card){
  line-height:1.75!important;
}

/* Inputs / answer areas in Foundation. */
html.mk-route-foundation :is(input,textarea,select){
  border-radius:10px!important;
  box-shadow:none!important;
}
html[data-mk-theme="light"].mk-route-foundation :is(input,textarea,select){background:#fff!important;color:#1c2228!important;border-color:#cfd7df!important}
html[data-mk-theme="dark"].mk-route-foundation :is(input,textarea,select){background:#0c1218!important;color:#eef3f6!important;border-color:#2b3844!important}
html.mk-route-foundation :is(input,textarea,select):focus{outline:none!important;border-color:#df3a40!important;box-shadow:0 0 0 3px rgba(223,58,64,.10)!important}

/* Foundation vocabulary rows should be calm table-like surfaces, not black blocks. */
html.mk-route-foundation :is(.vocab-row,.word-row,.vocabulary-row,.vocab-item,.word-item){
  border-color:var(--mk-border)!important;
  box-shadow:none!important;
}
html[data-mk-theme="light"].mk-route-foundation :is(.vocab-row,.word-row,.vocabulary-row,.vocab-item,.word-item){background:#fafbfc!important;color:#30373e!important}
html[data-mk-theme="dark"].mk-route-foundation :is(.vocab-row,.word-row,.vocabulary-row,.vocab-item,.word-item){background:#0c1218!important;color:#dbe3e9!important}

/* Progress bars and primary lesson actions. */
html.mk-route-foundation :is(.progress-bar,.progress-track,.progress){background:var(--mk-surface-3)!important;border-color:var(--mk-border)!important}
html.mk-route-foundation :is(.progress-fill,.progress-bar>span,.progress .fill){background:linear-gradient(90deg,#ef3d43,#c92d33)!important}
html.mk-route-foundation :is(.check-btn,.primary-btn,.lesson-button,.btn-primary){
  background:linear-gradient(135deg,#ed3c42,#d72f35)!important;
  color:#fff!important;
  border-color:#df373d!important;
  border-radius:10px!important;
  box-shadow:0 9px 22px rgba(217,47,54,.14)!important;
}

/* Keep generic full-width black blocks from winning over the Foundation light palette. */
html[data-mk-theme="light"].mk-route-foundation [style*="background:#0"],
html[data-mk-theme="light"].mk-route-foundation [style*="background: #0"],
html[data-mk-theme="light"].mk-route-foundation [style*="background:black"],
html[data-mk-theme="light"].mk-route-foundation [style*="background: black"]{
  background:#fff!important;
  color:#20262c!important;
  border-color:#dce2e7!important;
}
html[data-mk-theme="light"].mk-route-foundation [style*="color:white"],
html[data-mk-theme="light"].mk-route-foundation [style*="color: white"],
html[data-mk-theme="light"].mk-route-foundation [style*="color:#fff"],
html[data-mk-theme="light"].mk-route-foundation [style*="color: #fff"]{color:#20262c!important}

/* Mobile public/header/foundation polish. */
@media(max-width:900px){
  html[data-mk-theme] .site-header a[href*="register"]:not(.mobile-auth-nav),
  html[data-mk-theme] body>header a[href*="register"]:not(.mobile-auth-nav){min-height:34px!important;padding:0 12px!important;border-radius:9px!important}
  html.mk-route-home main::after{right:-640px!important;opacity:.16!important}
  html.mk-route-foundation :is(.reading-text,.passage,.passage-box,.passage-card,.lesson-text,.story,.text-card,.reading-card,.comprehension,.comprehension-card,.questions-card,.question-card,.exercise-card,.exercises,.vocabulary,.vocabulary-card,.vocab-card,.lesson-panel,.content-card,.content-panel,.practice-panel,.panel){border-radius:13px!important}
}
@media(max-width:640px){
  html[data-mk-theme] .site-header a[href*="register"]:not(.mobile-auth-nav)::after,
  html[data-mk-theme] body>header a[href*="register"]:not(.mobile-auth-nav)::after{display:none!important}
  html.mk-route-home main::before{background-size:auto,auto,64px 64px,64px 64px!important}
}


/* ========================================================================== */
/* CHUNK 3 · CRM COMMAND CENTER PREMIUM SHELL + FINAL CONTRAST AUDIT           */
/* ========================================================================== */

/* One theme control only. Legacy CRM buttons are retired in favour of the
   shared animated switch injected by mk-theme.js. */
html.mk-route-crm #themeBtn,
html.mk-route-crm #theme,
html.mk-route-crm #themeToggle,
html.mk-route-crm [data-crm-theme-toggle],
html.mk-route-crm .crm-theme-toggle,
html.mk-route-crm .legacy-theme-toggle{display:none!important}

/* ----- CRM navigation rail ------------------------------------------------ */
html.mk-route-crm .crm10-side,
html.mk-route-crm body.crm-v10-enhanced .side,
html.mk-route-crm .crm-sidebar,
html.mk-route-crm .sidebar{
  position:sticky;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(460px 260px at -12% -4%,rgba(223,53,58,.14),transparent 58%),
    radial-gradient(420px 300px at 112% 32%,rgba(79,103,255,.10),transparent 60%),
    linear-gradient(180deg,#090d12 0%,#0b1016 44%,#0d131b 100%)!important;
  border-right:1px solid rgba(255,255,255,.065)!important;
  box-shadow:18px 0 55px rgba(6,11,17,.12)!important;
}
html.mk-route-crm .crm10-side:before,
html.mk-route-crm body.crm-v10-enhanced .side:before,
html.mk-route-crm .crm-sidebar:before,
html.mk-route-crm .sidebar:before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 22% 82%,rgba(255,255,255,.015));
}
html.mk-route-crm .crm10-side:after,
html.mk-route-crm body.crm-v10-enhanced .side:after,
html.mk-route-crm .crm-sidebar:after,
html.mk-route-crm .sidebar:after{
  content:"";position:absolute;left:20px;right:20px;top:78px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
}
html.mk-route-crm .crm10-brand,
html.mk-route-crm body.crm-v10-enhanced .side .brand{
  min-height:56px!important;padding:8px 10px 12px!important;border-radius:16px!important;
}
html.mk-route-crm .crm10-brand img,
html.mk-route-crm body.crm-v10-enhanced .side .brand img{
  filter:drop-shadow(0 7px 18px rgba(223,53,58,.19))!important;
}
html.mk-route-crm .crm10-brand b,
html.mk-route-crm body.crm-v10-enhanced .side .brand b{font-weight:800!important;letter-spacing:.018em!important}
html.mk-route-crm .crm10-brand small,
html.mk-route-crm body.crm-v10-enhanced .side .brand small{color:#707d8c!important;letter-spacing:.11em!important}

html.mk-route-crm .crm10-nav,
html.mk-route-crm body.crm-v10-enhanced .side .nav{
  margin-top:15px!important;padding-right:4px!important;scrollbar-width:thin;scrollbar-color:#2a3440 transparent;
}
html.mk-route-crm .crm10-nav::-webkit-scrollbar,
html.mk-route-crm body.crm-v10-enhanced .side .nav::-webkit-scrollbar{width:4px;height:4px}
html.mk-route-crm .crm10-nav::-webkit-scrollbar-thumb,
html.mk-route-crm body.crm-v10-enhanced .side .nav::-webkit-scrollbar-thumb{background:#2a3440;border-radius:999px}
html.mk-route-crm .crm10-nav .group,
html.mk-route-crm body.crm-v10-enhanced .crm-nav-group{
  margin:18px 10px 7px!important;color:#647181!important;font-size:9px!important;font-weight:800!important;
  letter-spacing:.15em!important;line-height:1!important;
}
html.mk-route-crm .crm10-nav a,
html.mk-route-crm body.crm-v10-enhanced .side .nav a{
  position:relative!important;min-height:40px!important;margin:3px 0!important;padding:10px 12px!important;
  border:1px solid transparent!important;border-radius:12px!important;color:#aeb8c4!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
html.mk-route-crm .crm10-nav a:before,
html.mk-route-crm body.crm-v10-enhanced .side .nav a:before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:999px;background:transparent;
}
html.mk-route-crm .crm10-nav a:hover,
html.mk-route-crm body.crm-v10-enhanced .side .nav a:hover{
  background:rgba(255,255,255,.052)!important;border-color:rgba(255,255,255,.055)!important;color:#f8fafc!important;
  transform:translateX(2px)!important;
}
html.mk-route-crm .crm10-nav a.active,
html.mk-route-crm body.crm-v10-enhanced .side .nav a.active{
  background:linear-gradient(110deg,rgba(223,53,58,.16),rgba(95,113,255,.11) 78%,rgba(255,255,255,.035))!important;
  border-color:rgba(255,255,255,.085)!important;color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)!important;
  transform:none!important;
}
html.mk-route-crm .crm10-nav a.active:before,
html.mk-route-crm body.crm-v10-enhanced .side .nav a.active:before{background:#ef4046;box-shadow:0 0 14px rgba(239,64,70,.45)}
html.mk-route-crm .crm10-nav a i,
html.mk-route-crm body.crm-v10-enhanced .side .nav a i{
  width:22px!important;color:#8997a7!important;opacity:1!important;transition:color .18s ease!important;
}
html.mk-route-crm .crm10-nav a.active i,
html.mk-route-crm .crm10-nav a:hover i,
html.mk-route-crm body.crm-v10-enhanced .side .nav a.active i,
html.mk-route-crm body.crm-v10-enhanced .side .nav a:hover i{color:#fff!important}

/* User block should feel like part of the command rail, not loose text. */
html.mk-route-crm .crm10-side-bottom,
html.mk-route-crm body.crm-v10-enhanced .side-bottom{
  margin:14px -2px 0!important;padding:14px 8px 0!important;border-top:1px solid rgba(255,255,255,.075)!important;
}
html.mk-route-crm .crm10-user,
html.mk-route-crm body.crm-v10-enhanced .user-mini{
  padding:8px!important;border-radius:13px!important;background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.045)!important;
}
html.mk-route-crm .crm10-avatar,
html.mk-route-crm body.crm-v10-enhanced .avatar{
  box-shadow:0 8px 20px rgba(38,61,142,.24)!important;border:1px solid rgba(255,255,255,.08)!important;
}
html.mk-route-crm .crm10-logout,
html.mk-route-crm body.crm-v10-enhanced .logout{
  margin-top:8px!important;border-radius:11px!important;background:rgba(255,255,255,.018)!important;
  border-color:rgba(255,255,255,.075)!important;color:#8794a3!important;
}
html.mk-route-crm .crm10-logout:hover,
html.mk-route-crm body.crm-v10-enhanced .logout:hover{background:rgba(223,53,58,.09)!important;color:#fff!important;border-color:rgba(223,53,58,.22)!important}

/* ----- CRM top bar -------------------------------------------------------- */
html.mk-route-crm .crm10-top,
html.mk-route-crm body.crm-v10-enhanced .top,
html.mk-route-crm .crm-topbar{
  min-height:70px!important;backdrop-filter:blur(22px) saturate(1.15)!important;
  border-bottom:1px solid var(--crm-line)!important;
}
html[data-mk-theme="dark"].mk-route-crm .crm10-top,
html[data-mk-theme="dark"].mk-route-crm body.crm-v10-enhanced .top,
html[data-mk-theme="dark"].mk-route-crm .crm-topbar{
  background:rgba(11,16,22,.88)!important;box-shadow:0 12px 34px rgba(0,0,0,.14)!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-top,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .top,
html[data-mk-theme="light"].mk-route-crm .crm-topbar{
  background:rgba(250,251,252,.88)!important;box-shadow:0 10px 30px rgba(22,31,42,.035)!important;
}
html.mk-route-crm .crm10-actions,
html.mk-route-crm body.crm-v10-enhanced .top .actions{display:flex!important;align-items:center!important;gap:8px!important}
html.mk-route-crm .crm10-actions .mk-theme-slot,
html.mk-route-crm body.crm-v10-enhanced .top .mk-theme-slot{order:20!important}

/* ----- CRM workspace depth ----------------------------------------------- */
html.mk-route-crm .crm10-main,
html.mk-route-crm body.crm-v10-enhanced .main{position:relative!important;isolation:isolate!important;overflow:hidden!important}
html.mk-route-crm .crm10-main:before,
html.mk-route-crm body.crm-v10-enhanced .main:before{
  content:"";position:fixed;z-index:-1;pointer-events:none;width:620px;height:620px;right:-230px;top:120px;border-radius:50%;
  background:radial-gradient(circle,rgba(78,101,255,.065),transparent 68%);
}
html[data-mk-theme="dark"].mk-route-crm .crm10-main:after,
html[data-mk-theme="dark"].mk-route-crm body.crm-v10-enhanced .main:after{
  content:"";position:fixed;z-index:-1;pointer-events:none;width:520px;height:520px;left:160px;bottom:-270px;border-radius:50%;
  background:radial-gradient(circle,rgba(223,53,58,.045),transparent 68%);
}
html.mk-route-crm .crm10-content,
html.mk-route-crm body.crm-v10-enhanced .content{padding-top:32px!important}

/* Strong but restrained hero. */
html[data-mk-theme="dark"].mk-route-crm .crm10-hero,
html[data-mk-theme="dark"].mk-route-crm body.crm-v10-enhanced .hero{
  background:
    radial-gradient(460px 250px at 92% 18%,rgba(84,105,255,.20),transparent 60%),
    radial-gradient(360px 260px at 74% 105%,rgba(223,53,58,.12),transparent 64%),
    linear-gradient(135deg,#10161d 0%,#0d131a 52%,#111829 100%)!important;
  border:1px solid #27323e!important;box-shadow:0 24px 70px rgba(0,0,0,.20)!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-hero,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .hero{
  background:
    radial-gradient(460px 250px at 92% 18%,rgba(84,105,255,.085),transparent 60%),
    radial-gradient(360px 260px at 74% 105%,rgba(223,53,58,.06),transparent 64%),
    linear-gradient(135deg,#ffffff 0%,#f8fafc 56%,#f5f7fb 100%)!important;
  box-shadow:0 20px 55px rgba(24,33,43,.07)!important;
}

/* Metrics and panels: cleaner separation, no heavy shadows. */
html.mk-route-crm .crm10-metric,
html.mk-route-crm body.crm-v10-enhanced .metric,
html.mk-route-crm .crm10-panel,
html.mk-route-crm body.crm-v10-enhanced .panel,
html.mk-route-crm .crm10-card,
html.mk-route-crm body.crm-v10-enhanced .card{
  position:relative!important;overflow:hidden!important;border-radius:18px!important;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-metric,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .metric,
html[data-mk-theme="light"].mk-route-crm .crm10-panel,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .panel,
html[data-mk-theme="light"].mk-route-crm body.crm-v10-enhanced .card{
  background:rgba(255,255,255,.94)!important;border-color:#dde3e8!important;box-shadow:0 8px 24px rgba(24,33,43,.035)!important;
}
html[data-mk-theme="dark"].mk-route-crm .crm10-metric,
html[data-mk-theme="dark"].mk-route-crm body.crm-v10-enhanced .metric,
html[data-mk-theme="dark"].mk-route-crm .crm10-panel,
html[data-mk-theme="dark"].mk-route-crm body.crm-v10-enhanced .panel,
html[data-mk-theme="dark"].mk-route-crm body.crm-v10-enhanced .card{
  background:linear-gradient(180deg,#111820,#10161d)!important;border-color:#28343f!important;box-shadow:none!important;
}
html.mk-route-crm .crm10-metric:hover,
html.mk-route-crm body.crm-v10-enhanced .metric:hover,
html.mk-route-crm .crm10-panel:hover,
html.mk-route-crm body.crm-v10-enhanced .panel:hover{transform:translateY(-1px)!important}

/* Tables / filters / forms across all CRM pages. */
html.mk-route-crm .crm10-tablewrap,
html.mk-route-crm .table-wrap,
html.mk-route-crm .tablewrap{border-radius:14px!important;overflow:auto!important}
html.mk-route-crm .crm10-table th,
html.mk-route-crm .table th,
html.mk-route-crm table th{font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase!important}
html[data-mk-theme="light"].mk-route-crm .crm10-table th,
html[data-mk-theme="light"].mk-route-crm .table th,
html[data-mk-theme="light"].mk-route-crm table th{background:#f5f7f9!important;color:#747f8b!important}
html[data-mk-theme="dark"].mk-route-crm .crm10-table th,
html[data-mk-theme="dark"].mk-route-crm .table th,
html[data-mk-theme="dark"].mk-route-crm table th{background:#151d25!important;color:#8f9dac!important}
html.mk-route-crm .crm10-table tbody tr,
html.mk-route-crm .table tbody tr,
html.mk-route-crm table tbody tr{transition:background .15s ease!important}
html[data-mk-theme="light"].mk-route-crm .crm10-table tbody tr:hover,
html[data-mk-theme="light"].mk-route-crm .table tbody tr:hover,
html[data-mk-theme="light"].mk-route-crm table tbody tr:hover{background:#f8fafb!important}
html[data-mk-theme="dark"].mk-route-crm .crm10-table tbody tr:hover,
html[data-mk-theme="dark"].mk-route-crm .table tbody tr:hover,
html[data-mk-theme="dark"].mk-route-crm table tbody tr:hover{background:#151d25!important}
html.mk-route-crm input:not([type="checkbox"]):not([type="radio"]),
html.mk-route-crm textarea,
html.mk-route-crm select,
html.mk-route-crm .crm10-search,
html.mk-route-crm .search{
  min-height:39px!important;border-radius:11px!important;outline:none!important;box-shadow:none!important;
}
html.mk-route-crm input:focus,
html.mk-route-crm textarea:focus,
html.mk-route-crm select:focus,
html.mk-route-crm .crm10-search:focus,
html.mk-route-crm .search:focus{border-color:#667dff!important;box-shadow:0 0 0 3px rgba(89,113,255,.10)!important}

/* Leads kanban: clearer lanes and higher-quality cards. */
html.mk-route-crm .crm10-lane,
html.mk-route-crm .kanban-lane,
html.mk-route-crm .pipeline-col{
  border-radius:17px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-lane,
html[data-mk-theme="light"].mk-route-crm .kanban-lane,
html[data-mk-theme="light"].mk-route-crm .pipeline-col{background:#f4f6f8!important;border-color:#dfe4e9!important}
html[data-mk-theme="dark"].mk-route-crm .crm10-lane,
html[data-mk-theme="dark"].mk-route-crm .kanban-lane,
html[data-mk-theme="dark"].mk-route-crm .pipeline-col{background:#0e151c!important;border-color:#28333e!important}
html.mk-route-crm .crm10-lead,
html.mk-route-crm .lead-card{
  border-radius:14px!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
html[data-mk-theme="light"].mk-route-crm .crm10-lead,
html[data-mk-theme="light"].mk-route-crm .lead-card{background:#fff!important;border-color:#dce2e7!important;box-shadow:0 8px 20px rgba(24,33,43,.035)!important}
html[data-mk-theme="dark"].mk-route-crm .crm10-lead,
html[data-mk-theme="dark"].mk-route-crm .lead-card{background:#121a22!important;border-color:#2b3742!important;box-shadow:none!important}
html.mk-route-crm .crm10-lead:hover,
html.mk-route-crm .lead-card:hover{transform:translateY(-2px)!important}

/* Old CRM utility pages that use wrap/head/nav rather than Phase-10 shell. */
html.mk-route-crm body:not(.crm10) .wrap>.head{
  border-bottom:1px solid var(--mk-border)!important;padding-bottom:16px!important;margin-bottom:18px!important;
}
html.mk-route-crm body:not(.crm10) .nav .btn{border-radius:10px!important}
html[data-mk-theme="light"].mk-route-crm body:not(.crm10) .panel,
html[data-mk-theme="light"].mk-route-crm body:not(.crm10) .metric{
  background:#fff!important;border-color:#dce2e7!important;box-shadow:0 8px 24px rgba(22,31,42,.035)!important;
}
html[data-mk-theme="dark"].mk-route-crm body:not(.crm10) .panel,
html[data-mk-theme="dark"].mk-route-crm body:not(.crm10) .metric{
  background:#111820!important;border-color:#2b3742!important;color:#e9eef2!important;
}

/* Final contrast guards for special surfaces. */
html[data-mk-theme="dark"].mk-route-account .panel,
html[data-mk-theme="dark"].mk-route-auth .panel,
html[data-mk-theme="dark"].mk-route-register .panel,
html[data-mk-theme="dark"].mk-route-results .panel,
html[data-mk-theme="dark"].mk-route-shop .panel{
  border-color:#2a3641!important;
}
html[data-mk-theme="light"].mk-route-account .panel,
html[data-mk-theme="light"].mk-route-auth .panel,
html[data-mk-theme="light"].mk-route-register .panel,
html[data-mk-theme="light"].mk-route-results .panel,
html[data-mk-theme="light"].mk-route-shop .panel{
  border-color:#dde3e8!important;
}

/* Mobile CRM: keep the premium navigation, but turn it into a compact dock. */
@media(max-width:850px){
  html.mk-route-crm .crm10-side,
  html.mk-route-crm body.crm-v10-enhanced .side{
    box-shadow:0 -12px 35px rgba(0,0,0,.18)!important;border-right:0!important;
  }
}
@media(max-width:650px){
  html.mk-route-crm .crm10-side,
  html.mk-route-crm body.crm-v10-enhanced .side{
    background:rgba(9,13,18,.97)!important;backdrop-filter:blur(18px)!important;border-top:1px solid #27313c!important;
  }
  html.mk-route-crm .crm10-nav a,
  html.mk-route-crm body.crm-v10-enhanced .side .nav a{
    transform:none!important;border-radius:10px!important;min-height:54px!important;
  }
  html.mk-route-crm .crm10-nav a.active,
  html.mk-route-crm body.crm-v10-enhanced .side .nav a.active{box-shadow:inset 0 2px 0 #ef4046!important}
  html.mk-route-crm .crm10-top,
  html.mk-route-crm body.crm-v10-enhanced .top{padding-inline:12px!important}
}


/* ========================================================================== */
/* FINAL VISUAL CLEANUP · 25 SEP 2026                                        */
/* Reading/Listening/Writing = fixed exam UI. Foundation/Vocabulary = true UI */
/* ========================================================================== */

/* Duplicate desktop Register link: keep the dedicated CTA, retire nav copy. */
.site-header .mk-duplicate-register{display:none!important}

/* -------------------------------------------------------------------------- */
/* READING · DARK ENTRY, FIXED HYBRID EXAM                                   */
/* -------------------------------------------------------------------------- */
html.mk-page-reading-test,
html.mk-page-reading-test body{background:#080c11!important;color:#161b20!important}

/* Entry screen must always be intentionally dark, even though the test route
   itself is locked to the light/hybrid exam palette. */
html.mk-page-reading-test .start{
  background:
    radial-gradient(760px 520px at 76% 17%,rgba(222,52,58,.16),transparent 60%),
    radial-gradient(640px 420px at 16% 82%,rgba(60,82,111,.10),transparent 64%),
    #070b0f!important;
  color:#f5f8fa!important;
}
html.mk-page-reading-test .start-card{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(160deg,#111820 0%,#0b1016 66%,#090d12 100%)!important;
  color:#f5f8fa!important;
  border:1px solid #2a3540!important;
  border-radius:24px!important;
  box-shadow:0 34px 100px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html.mk-page-reading-test .start-card::before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:2px!important;
  background:linear-gradient(90deg,#ef3d43,rgba(239,61,67,.12),transparent 76%)!important;
}
html.mk-page-reading-test .start-card::after{
  content:""!important;position:absolute!important;width:330px!important;height:330px!important;border-radius:50%!important;
  right:-150px!important;bottom:-185px!important;border:1px solid rgba(236,61,67,.12)!important;
  box-shadow:0 0 0 72px rgba(255,255,255,.012),0 0 0 144px rgba(255,255,255,.008)!important;pointer-events:none!important;
}
html.mk-page-reading-test .start :is(h1,h2,h3),
html.mk-page-reading-test .start-card :is(h1,h2,h3){color:#f7f9fb!important;text-shadow:none!important;opacity:1!important}
html.mk-page-reading-test .start-card h1{font-weight:650!important;letter-spacing:-.045em!important}
html.mk-page-reading-test .start-card p{color:#a9b5c0!important;text-shadow:none!important}
html.mk-page-reading-test .start-card .eyebrow,
html.mk-page-reading-test .start-card .kicker{color:#ff575d!important}
html.mk-page-reading-test .start-card .meta span{
  background:#111820!important;color:#c7d0d8!important;border:1px solid #303c47!important;box-shadow:none!important
}
html.mk-page-reading-test .start-card .form label{color:#8996a3!important}
html.mk-page-reading-test .start-card .form input{
  background:#f7f9fa!important;color:#161b20!important;border:1px solid #d4dce3!important;box-shadow:none!important
}
html.mk-page-reading-test .start-card .form input::placeholder{color:#8c98a4!important}
html.mk-page-reading-test .start-card .start-btn{background:linear-gradient(135deg,#ef3d43,#d72f36)!important;color:#fff!important;box-shadow:0 11px 28px rgba(220,48,55,.22)!important}
html.mk-page-reading-test .start-card .saved-note{color:#8b98a4!important}

/* Running exam: dark frame + calm white paper panes. */
html.mk-page-reading-test .app{background:#080d12!important}
html.mk-page-reading-test .top{
  background:#080d12!important;color:#f4f7f9!important;border-bottom:1px solid #26323d!important;box-shadow:none!important
}
html.mk-page-reading-test .top .brand,
html.mk-page-reading-test .top .title,
html.mk-page-reading-test .top .title strong{color:#f5f8fa!important}
html.mk-page-reading-test .top .title small{color:#8f9ca8!important}
html.mk-page-reading-test .top .tab,
html.mk-page-reading-test .top .timer{
  background:#111820!important;color:#aeb9c3!important;border:1px solid #2d3944!important;box-shadow:none!important
}
html.mk-page-reading-test .top .tab.active{background:#f6f8f9!important;color:#11161b!important;border-color:#f6f8f9!important}
html.mk-page-reading-test .main{background:#090e13!important;gap:0!important}
html.mk-page-reading-test .panel{box-shadow:none!important;text-shadow:none!important}
html.mk-page-reading-test .passage{
  background:#fff!important;color:#161b20!important;border-color:#dce2e7!important
}
html.mk-page-reading-test .questions{
  background:#f4f6f8!important;color:#161b20!important;border-color:#dce2e7!important
}
html.mk-page-reading-test .divider{background:#0d1319!important;border-color:#2b3742!important}
html.mk-page-reading-test .divider::after{background:#5d6a76!important}
html.mk-page-reading-test .passage :is(p,li,span,div,strong,b,em),
html.mk-page-reading-test .questions :is(p,li,span,div,strong,b,em,label){text-shadow:none!important}
html.mk-page-reading-test .passage .passage-text,
html.mk-page-reading-test .passage .passage-text :is(p,li,span,em){color:#232a30!important;background:transparent!important;box-shadow:none!important}
html.mk-page-reading-test .passage :is(h1,h2,h3){color:#11161b!important}
html.mk-page-reading-test .passage-intro{color:#6f7a84!important}
html.mk-page-reading-test .question-prompt{
  background:#eef1f3!important;color:#252c32!important;border:1px solid #d8dfe5!important;box-shadow:none!important
}
html.mk-page-reading-test :is(.tf-question,.mcq-question,.matching-form-row,.summary-text,.people-section,.checkbox-group,.example-box,.task-card){
  background:#fff!important;color:#252c32!important;border-color:#dce2e7!important;box-shadow:none!important
}
html.mk-page-reading-test :is(.tf-option,.mcq-option,.checkbox-group label){
  background:#fafbfc!important;color:#30373e!important;border-color:#dfe4e8!important;box-shadow:none!important
}
html.mk-page-reading-test :is(.tf-option,.mcq-option,.checkbox-group label):has(input:checked){
  background:#fff1f1!important;color:#1d2227!important;border-color:#e18387!important
}
html.mk-page-reading-test .answer-input,
html.mk-page-reading-test input[type="text"],
html.mk-page-reading-test select{
  background:#fff!important;color:#171c21!important;border-color:#bcc7d0!important;box-shadow:none!important
}
html.mk-page-reading-test .qnav{
  background:#090e13!important;color:#e9eef2!important;border-color:#293641!important;box-shadow:0 -8px 24px rgba(0,0,0,.18)!important
}
html.mk-page-reading-test .qbtn{background:#f7f9fa!important;color:#515c66!important;border-color:#d8dee4!important;box-shadow:none!important}
html.mk-page-reading-test .qbtn.current{background:#df353a!important;color:#fff!important;border-color:#df353a!important}
html.mk-page-reading-test .qbtn.answered{background:#17211f!important;color:#7be0a7!important;border-color:#315c49!important}
html.mk-page-reading-test .submit{background:linear-gradient(135deg,#ef3d43,#d72f36)!important;color:#fff!important}

/* -------------------------------------------------------------------------- */
/* LISTENING · ONE COHERENT DARK FRAME + LIGHT PAPER WORKSPACE                */
/* -------------------------------------------------------------------------- */
html.mk-page-listening-test,
html.mk-page-listening-test body{background:#090e13!important;color:#161b20!important}
html.mk-page-listening-test body>header,
html.mk-page-listening-test header{
  background:#080d12!important;color:#f5f8fa!important;border-bottom:1px solid #28343f!important;box-shadow:none!important
}
html.mk-page-listening-test header .brand,
html.mk-page-listening-test header .test-title{color:#f5f8fa!important}
html.mk-page-listening-test .section-tab{
  background:#111820!important;color:#aeb9c3!important;border:1px solid #2d3944!important;box-shadow:none!important
}
html.mk-page-listening-test .section-tab.active{background:#f6f8f9!important;color:#10151a!important;border-color:#f6f8f9!important}
html.mk-page-listening-test .clock{background:#111820!important;color:#e9eef2!important;border-color:#33404b!important;box-shadow:none!important}
html.mk-page-listening-test .submit{background:linear-gradient(135deg,#ef3d43,#d72f36)!important;color:#fff!important;border-color:#df353a!important;box-shadow:0 8px 20px rgba(223,53,58,.16)!important}
html.mk-page-listening-test .layout{background:#090e13!important}
html.mk-page-listening-test .audio-panel{
  background:#0d141b!important;color:#edf2f6!important;border-color:#2a3742!important;box-shadow:none!important
}
html.mk-page-listening-test .audio-panel :is(h1,h2,h3,strong,b){color:#f7f9fb!important}
html.mk-page-listening-test .audio-panel :is(p,.eyebrow){color:#94a4b2!important}
html.mk-page-listening-test .audio-panel audio{filter:none!important;background:#f4f6f8!important;border-radius:999px!important}
html.mk-page-listening-test .audio-note{
  background:#111a22!important;color:#b9c4cd!important;border:1px solid #2e3c48!important;box-shadow:none!important
}
html.mk-page-listening-test .section-summary button{
  background:#101820!important;color:#b7c2cb!important;border:1px solid #2d3a46!important;box-shadow:none!important
}
html.mk-page-listening-test .section-summary button b{color:#f1f4f7!important}
html.mk-page-listening-test .section-summary button.current{
  background:linear-gradient(135deg,#17212b,#131b23)!important;border-color:#536575!important;box-shadow:inset 3px 0 0 #df353a!important
}
html.mk-page-listening-test main.questions,
html.mk-page-listening-test .questions{background:#f2f4f6!important;color:#171c21!important}
html.mk-page-listening-test .section-head{background:transparent!important;color:#171c21!important;border-color:#d9e0e6!important;box-shadow:none!important}
html.mk-page-listening-test .section-head :is(h1,h2,h3){color:#151a1f!important}
html.mk-page-listening-test .section-head span{color:#6e7984!important}
html.mk-page-listening-test :is(.question-prompt,.task-card,.question-card,.notes,.match-flow,.map-card,.match-static-list,.match-options-box,.picktwo-box,.source-options-box){
  background:#fff!important;color:#242b31!important;border-color:#d8dfe5!important;box-shadow:none!important;text-shadow:none!important
}
html.mk-page-listening-test .question-prompt{background:#eceff2!important}
html.mk-page-listening-test :is(.question,.task-card,.question-prompt,.notes,.match-flow,.map-card) :is(p,li,span,strong,b,label){text-shadow:none!important}
html.mk-page-listening-test :is(.option-label,.ldm-slot,.match-slot,.select-answer,.text-input,input[type="text"],select){
  background:#fff!important;color:#20272d!important;border-color:#c7d0d8!important;box-shadow:none!important
}
html.mk-page-listening-test :is(.option-label,.ldm-slot,.match-slot):hover{background:#f4f6f8!important}
html.mk-page-listening-test :is(.option-label.selected,.ldm-slot.filled,.ldm-option.armed){background:#fff0f0!important;color:#20272d!important;border-color:#e17d82!important}
html.mk-page-listening-test :is(.ldm-option,.match-option){background:#f7f9fa!important;color:#2c3339!important;border-color:#d8e0e6!important;box-shadow:none!important}
html.mk-page-listening-test :is(.bottom,.bottom-nav,.navigator){
  background:#090e13!important;color:#e7edf2!important;border-color:#293641!important;box-shadow:0 -8px 24px rgba(0,0,0,.18)!important
}
html.mk-page-listening-test :is(.qnav,.subq,.subQuestion){background:#f7f9fa!important;color:#56616b!important;border-color:#d8dfe5!important;box-shadow:none!important}
html.mk-page-listening-test :is(.qnav.active,.subq.active,.subQuestion.active){background:#df353a!important;color:#fff!important;border-color:#df353a!important}
html.mk-page-listening-test :is(.qnav.answered,.subq.answered,.subQuestion.answered){background:#15201e!important;color:#7adea5!important;border-color:#315b49!important}

/* -------------------------------------------------------------------------- */
/* WRITING · DARK PREMIUM ENTRY + FIXED HYBRID WORKSPACE                      */
/* -------------------------------------------------------------------------- */
html.mk-page-writing-test .mk-writing-entry,
html.mk-page-writing-test .start{
  background:
    radial-gradient(760px 500px at 76% 18%,rgba(222,52,58,.15),transparent 60%),
    #070b0f!important;color:#f5f8fa!important
}
html.mk-page-writing-test .mk-writing-entry-card,
html.mk-page-writing-test .start-card{
  background:linear-gradient(160deg,#111820,#0b1016)!important;color:#f5f8fa!important;border-color:#2b3742!important;
  box-shadow:0 34px 100px rgba(0,0,0,.46)!important
}
html.mk-page-writing-test .mk-writing-entry :is(h1,h2,h3),
html.mk-page-writing-test .start :is(h1,h2,h3){color:#f7f9fb!important;opacity:1!important;text-shadow:none!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry h1 em{color:#ff565c!important}
html.mk-page-writing-test .mk-writing-entry-lede,
html.mk-page-writing-test .mk-writing-entry-foot{color:#a8b4be!important}
html.mk-page-writing-test .mk-writing-entry-chips span{background:#111820!important;color:#c4ced6!important;border-color:#303c47!important}
html.mk-page-writing-test .mk-writing-entry-form label{color:#8996a3!important}
html.mk-page-writing-test .mk-writing-entry-form input{background:#f8fafb!important;color:#171c21!important;border-color:#d4dce3!important}
html.mk-page-writing-test .top{background:#080d12!important;color:#f5f8fa!important;border-color:#293640!important;box-shadow:none!important}
html.mk-page-writing-test .top .brand,
html.mk-page-writing-test .top .title{color:#f5f8fa!important}
html.mk-page-writing-test .work{background:#090e13!important}
html.mk-page-writing-test .prompt{background:#fff!important;color:#20272d!important;border-color:#dce2e7!important;box-shadow:none!important}
html.mk-page-writing-test .prompt :is(.question,.instruction){background:transparent!important;color:#252c32!important;border:0!important;box-shadow:none!important;text-shadow:none!important}
html.mk-page-writing-test .editorpane,
html.mk-page-writing-test .editorhead{background:#f4f6f8!important;color:#171c21!important;border-color:#d9e0e6!important}
html.mk-page-writing-test textarea.writing,
html.mk-page-writing-test .writing{background:#fff!important;color:#1b2126!important;border-color:#ccd5dd!important;box-shadow:none!important}
html.mk-page-writing-test textarea.writing::placeholder{color:#8e9aa5!important}
html.mk-page-writing-test .footbar{background:#090e13!important;color:#b0bbc4!important;border-color:#293641!important}

/* -------------------------------------------------------------------------- */
/* FOUNDATION HOME · PREMIUM LEVEL CHOOSER                                   */
/* -------------------------------------------------------------------------- */
html.mk-page-foundation-home .foundation-shell{background:#070b0f!important;color:#f5f8fa!important}
html.mk-page-foundation-home .foundation-main{background:
  radial-gradient(760px 520px at 86% 10%,rgba(223,53,58,.10),transparent 62%),
  radial-gradient(720px 560px at 4% 68%,rgba(66,91,128,.08),transparent 68%),#070b0f!important}
html.mk-page-foundation-home .foundation-hero{background:transparent!important;border-color:#202b35!important}
html.mk-page-foundation-home .foundation-wrap{position:relative!important}
html.mk-page-foundation-home .foundation-toolbar h2{color:#f6f8fa!important}
html.mk-page-foundation-home .foundation-toolbar p{color:#98a5b0!important}
html.mk-page-foundation-home .level-grid{gap:16px!important}
html.mk-page-foundation-home .level-card{
  overflow:hidden!important;isolation:isolate!important;min-height:280px!important;padding:30px!important;
  background:
    radial-gradient(360px 220px at 100% 0%,rgba(223,53,58,.08),transparent 68%),
    linear-gradient(145deg,#111820,#0b1016)!important;
  border:1px solid #27333e!important;border-radius:18px!important;color:#eef3f7!important;
  box-shadow:0 16px 44px rgba(0,0,0,.16)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important
}
html.mk-page-foundation-home .level-card::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(#ef3d43,rgba(239,61,67,.12));opacity:.72}
html.mk-page-foundation-home .level-card::after{position:absolute;right:18px;bottom:-24px;font:800 94px/1 Manrope,Arial,sans-serif;color:rgba(255,255,255,.025);z-index:-1}
html.mk-page-foundation-home .level-card:nth-child(1)::after{content:"01"}html.mk-page-foundation-home .level-card:nth-child(2)::after{content:"02"}html.mk-page-foundation-home .level-card:nth-child(3)::after{content:"03"}html.mk-page-foundation-home .level-card:nth-child(4)::after{content:"04"}html.mk-page-foundation-home .level-card:nth-child(5)::after{content:"05"}html.mk-page-foundation-home .level-card:nth-child(6)::after{content:"06"}
html.mk-page-foundation-home .level-card:hover{transform:translateY(-5px)!important;border-color:#44515e!important;box-shadow:0 24px 56px rgba(0,0,0,.24)!important}
html.mk-page-foundation-home .level-card.active-level{border-color:rgba(239,61,67,.48)!important}
html.mk-page-foundation-home .level-card .level-num{color:#7f8c98!important}
html.mk-page-foundation-home .level-card h3{color:#f8fafb!important;font-size:32px!important}
html.mk-page-foundation-home .level-card p{color:#9da9b4!important}
html.mk-page-foundation-home .level-card a{color:#f5f8fa!important}
html.mk-page-foundation-home .level-card a span{color:#ff555b!important}
html.mk-page-foundation-home .foundation-footer{background:#070b0f!important;border-color:#202b35!important;color:#6f7c88!important}

/* Light mode for Foundation home is still supported, but designed rather than
   inverted. */
html[data-mk-theme="light"].mk-page-foundation-home .foundation-shell{background:#f2f4f6!important;color:#161b20!important}
html[data-mk-theme="light"].mk-page-foundation-home .foundation-main{background:
  radial-gradient(740px 520px at 86% 10%,rgba(223,53,58,.055),transparent 62%),
  #f2f4f6!important}
html[data-mk-theme="light"].mk-page-foundation-home .foundation-hero{border-color:#dce2e7!important}
html[data-mk-theme="light"].mk-page-foundation-home .foundation-toolbar h2{color:#151a1f!important}
html[data-mk-theme="light"].mk-page-foundation-home .foundation-toolbar p{color:#67737e!important}
html[data-mk-theme="light"].mk-page-foundation-home .level-card{
  background:radial-gradient(360px 220px at 100% 0%,rgba(223,53,58,.045),transparent 68%),#fff!important;
  color:#171c21!important;border-color:#dce2e7!important;box-shadow:0 12px 34px rgba(24,33,44,.055)!important
}
html[data-mk-theme="light"].mk-page-foundation-home .level-card::after{color:rgba(20,28,38,.035)!important}
html[data-mk-theme="light"].mk-page-foundation-home .level-card h3{color:#151a1f!important}
html[data-mk-theme="light"].mk-page-foundation-home .level-card p{color:#68747f!important}
html[data-mk-theme="light"].mk-page-foundation-home .level-card a{color:#1e252b!important}
html[data-mk-theme="light"].mk-page-foundation-home .foundation-footer{background:#eef1f4!important;border-color:#dce2e7!important;color:#6f7a84!important}

/* -------------------------------------------------------------------------- */
/* FOUNDATION LESSONS · EXACT READER COMPONENTS                              */
/* -------------------------------------------------------------------------- */
html[data-mk-theme="light"].mk-page-foundation-level body.reader-page,
html[data-mk-theme="light"].mk-page-foundation-level .reader-main{background:#f2f4f6!important;color:#171c21!important}
html[data-mk-theme="light"].mk-page-foundation-level .reader-top{
  background:#fafbfc!important;color:#171c21!important;border-color:#dce2e7!important
}
html[data-mk-theme="light"].mk-page-foundation-level .reader-top h1{color:#11161b!important}
html[data-mk-theme="light"].mk-page-foundation-level .reader-top p{color:#65717c!important}
html[data-mk-theme="light"].mk-page-foundation-level .reader-layout{background:#f2f4f6!important}
html[data-mk-theme="light"].mk-page-foundation-level .reader-sidebar{
  background:#e9edf1!important;color:#5d6873!important;border-color:#d5dde4!important
}
html[data-mk-theme="light"].mk-page-foundation-level .unit-title{color:#7a8691!important}
html[data-mk-theme="light"].mk-page-foundation-level .reading-link{color:#64707b!important;border-radius:9px!important}
html[data-mk-theme="light"].mk-page-foundation-level .reading-link:hover{background:#f5f7f8!important;color:#1b2126!important}
html[data-mk-theme="light"].mk-page-foundation-level .reading-link.active{background:#fff!important;color:#151a1f!important;box-shadow:0 7px 18px rgba(20,28,38,.06)!important}
html[data-mk-theme="light"].mk-page-foundation-level .reader-content{background:#f2f4f6!important;color:#171c21!important}
html[data-mk-theme="light"].mk-page-foundation-level .reader-title{color:#11161b!important}
html[data-mk-theme="light"].mk-page-foundation-level .passage-card,
html[data-mk-theme="light"].mk-page-foundation-level .questions-card,
html[data-mk-theme="light"].mk-page-foundation-level .vocab-card{
  background:#fff!important;color:#242b31!important;border:1px solid #dce2e7!important;border-radius:16px!important;box-shadow:none!important
}
html[data-mk-theme="light"].mk-page-foundation-level .passage-card{font-size:16px!important;line-height:1.85!important}
html[data-mk-theme="light"].mk-page-foundation-level :is(.passage-card,.questions-card,.vocab-card) :is(h2,h3,strong,b,label,p,li){color:#252c32!important;text-shadow:none!important}
html[data-mk-theme="light"].mk-page-foundation-level .question{border-color:#e4e8ec!important}
html[data-mk-theme="light"].mk-page-foundation-level .question label{color:#343c43!important}
html[data-mk-theme="light"].mk-page-foundation-level .question textarea{
  background:#f8fafb!important;color:#171c21!important;border-color:#cdd6de!important;box-shadow:none!important
}
html[data-mk-theme="light"].mk-page-foundation-level .vocab-row{border-color:#e2e7eb!important;background:transparent!important;color:#293038!important}
html[data-mk-theme="light"].mk-page-foundation-level .vocab-row b{color:#151a1f!important}
html[data-mk-theme="light"].mk-page-foundation-level .vocab-row span{color:#67737e!important}
html[data-mk-theme="light"].mk-page-foundation-level .speak-word{background:#f4f6f8!important;color:#1b2126!important;border-color:#d4dce3!important}
html[data-mk-theme="light"].mk-page-foundation-level .reader-actions button{background:#fff!important;color:#273038!important;border-color:#d3dbe2!important;border-radius:10px!important}
html[data-mk-theme="light"].mk-page-foundation-level .reader-actions .complete{background:#df353a!important;color:#fff!important;border-color:#df353a!important}
html[data-mk-theme="light"].mk-page-foundation-level .check-answers{background:#fff5f5!important;color:#b92d33!important;border-color:#e6b2b5!important;border-radius:9px!important}
html[data-mk-theme="light"].mk-page-foundation-level .answer-feedback{background:#f5f7f9!important;color:#48535d!important}
html[data-mk-theme="light"].mk-page-foundation-level .answer-feedback .source{color:#65717c!important}
html[data-mk-theme="light"].mk-page-foundation-level .answer-feedback .source b{color:#2b333a!important}
html[data-mk-theme="light"].mk-page-foundation-level .mobile-reading-select{background:#fff!important;color:#1c2329!important;border-color:#cfd7df!important}

/* Dark Foundation lessons are polished too. */
html[data-mk-theme="dark"].mk-page-foundation-level .reader-top{background:#080d12!important;border-color:#202c36!important}
html[data-mk-theme="dark"].mk-page-foundation-level .reader-sidebar{background:#090e13!important;border-color:#24303b!important}
html[data-mk-theme="dark"].mk-page-foundation-level .reader-content{background:#080c11!important}
html[data-mk-theme="dark"].mk-page-foundation-level :is(.passage-card,.questions-card,.vocab-card){
  background:#0e151c!important;border-color:#293641!important;color:#dfe6ec!important;border-radius:16px!important;box-shadow:none!important
}
html[data-mk-theme="dark"].mk-page-foundation-level .passage-card :is(p,li,span,strong,b),
html[data-mk-theme="dark"].mk-page-foundation-level .questions-card :is(p,li,span,strong,b,label),
html[data-mk-theme="dark"].mk-page-foundation-level .vocab-card :is(p,li,span,strong,b){color:#d9e1e8!important;text-shadow:none!important}

/* -------------------------------------------------------------------------- */
/* VOCABULARY · PROFESSIONAL LIGHT + COHERENT DARK                            */
/* -------------------------------------------------------------------------- */
html.mk-route-vocabulary body{min-height:100vh!important}
html[data-mk-theme="light"].mk-route-vocabulary body{
  background:
    radial-gradient(760px 520px at 82% 8%,rgba(223,53,58,.055),transparent 62%),
    #f2f4f6!important;color:#171c21!important
}
html[data-mk-theme="light"].mk-route-vocabulary .vmain{color:#171c21!important}
html[data-mk-theme="light"].mk-route-vocabulary .hero h1{color:#11161b!important}
html[data-mk-theme="light"].mk-route-vocabulary .hero p{color:#65717c!important}
html[data-mk-theme="light"].mk-route-vocabulary .course-stat{
  background:#fff!important;color:#171c21!important;border-color:#dce2e7!important;box-shadow:0 12px 34px rgba(24,33,44,.055)!important
}
html[data-mk-theme="light"].mk-route-vocabulary .course-stat span{color:#707b86!important}
html[data-mk-theme="light"].mk-route-vocabulary :is(.lang button,.pillbtn,.tabbtn,.action){background:#fff!important;color:#2a3239!important;border-color:#d2dae1!important;box-shadow:none!important}
html[data-mk-theme="light"].mk-route-vocabulary :is(.lang button.active,.tabbtn.active,.pillbtn.active){background:#171c22!important;color:#fff!important;border-color:#171c22!important}
html[data-mk-theme="light"].mk-route-vocabulary .level{
  background:#fff!important;color:#171c21!important;border-color:#dce2e7!important;box-shadow:0 10px 28px rgba(24,33,44,.045)!important
}
html[data-mk-theme="light"].mk-route-vocabulary .level:hover{border-color:#c4ced7!important;box-shadow:0 16px 38px rgba(24,33,44,.075)!important}
html[data-mk-theme="light"].mk-route-vocabulary .level.active{border-color:#df353a!important;box-shadow:0 0 0 1px rgba(223,53,58,.08),0 14px 34px rgba(223,53,58,.07)!important}
html[data-mk-theme="light"].mk-route-vocabulary .level strong{color:#171c21!important}
html[data-mk-theme="light"].mk-route-vocabulary .level small{color:#727e89!important}
html[data-mk-theme="light"].mk-route-vocabulary .bar{background:#e5e9ed!important}
html[data-mk-theme="light"].mk-route-vocabulary .bar i{background:#2e3943!important}
html[data-mk-theme="light"].mk-route-vocabulary .course{
  background:#fff!important;color:#171c21!important;border-color:#dce2e7!important;box-shadow:0 16px 44px rgba(24,33,44,.055)!important
}
html[data-mk-theme="light"].mk-route-vocabulary .coursehead{border-color:#dfe4e9!important}
html[data-mk-theme="light"].mk-route-vocabulary .coursehead h2{color:#151a1f!important}
html[data-mk-theme="light"].mk-route-vocabulary .coursehead p{color:#717d88!important}
html[data-mk-theme="light"].mk-route-vocabulary .screen{background:#fff!important;color:#171c21!important}
html[data-mk-theme="light"].mk-route-vocabulary .sum,
html[data-mk-theme="light"].mk-route-vocabulary .stat{
  background:#f7f9fa!important;color:#1d242a!important;border-color:#dce2e7!important;box-shadow:none!important
}
html[data-mk-theme="light"].mk-route-vocabulary .sum span,
html[data-mk-theme="light"].mk-route-vocabulary .stat small{color:#75818c!important}
html[data-mk-theme="light"].mk-route-vocabulary .unit{
  background:#f9fafb!important;color:#1b2228!important;border-color:#dce2e7!important;box-shadow:none!important
}
html[data-mk-theme="light"].mk-route-vocabulary .unit:hover{background:#fff!important;border-color:#bbc6cf!important;box-shadow:0 8px 22px rgba(24,33,44,.06)!important}
html[data-mk-theme="light"].mk-route-vocabulary .unit small{color:#75818c!important}
html[data-mk-theme="light"].mk-route-vocabulary .unit .mini{background:#e4e8ec!important}
html[data-mk-theme="light"].mk-route-vocabulary .unit .mini i{background:#36414b!important}
html[data-mk-theme="light"].mk-route-vocabulary .row{
  background:#fff!important;color:#20272d!important;border-color:#dce2e7!important;box-shadow:none!important
}
html[data-mk-theme="light"].mk-route-vocabulary .row:hover{background:#f8fafb!important;border-color:#bec9d2!important}
html[data-mk-theme="light"].mk-route-vocabulary .row.speaking{background:#fff3f3!important;border-color:#e2898d!important}
html[data-mk-theme="light"].mk-route-vocabulary .en{color:#171c21!important}
html[data-mk-theme="light"].mk-route-vocabulary .trans{color:#5f6a74!important}
html[data-mk-theme="light"].mk-route-vocabulary :is(.num,.kind,.tap-hint){color:#7b8792!important}
html[data-mk-theme="light"].mk-route-vocabulary :is(.learnbox,.flashbox){
  background:linear-gradient(145deg,#fff,#f7f9fa)!important;color:#171c21!important;border-color:#dce2e7!important;box-shadow:none!important
}
html[data-mk-theme="light"].mk-route-vocabulary :is(.bigword,.translation,.quiz h3,.speedword){color:#171c21!important}
html[data-mk-theme="light"].mk-route-vocabulary .kindline{color:#74808b!important}
html[data-mk-theme="light"].mk-route-vocabulary .opt{background:#fff!important;color:#252c32!important;border-color:#d3dbe2!important;box-shadow:none!important}
html[data-mk-theme="light"].mk-route-vocabulary .opt:hover{background:#f4f6f8!important;border-color:#bac5ce!important}
html[data-mk-theme="light"].mk-route-vocabulary .searchbox,
html[data-mk-theme="light"].mk-route-vocabulary input[type="search"]{background:#fff!important;color:#171c21!important;border-color:#cfd7df!important}

html[data-mk-theme="dark"].mk-route-vocabulary body{background:radial-gradient(760px 520px at 82% 8%,rgba(223,53,58,.09),transparent 62%),#070b0f!important;color:#eef3f7!important}
html[data-mk-theme="dark"].mk-route-vocabulary .level,
html[data-mk-theme="dark"].mk-route-vocabulary .course,
html[data-mk-theme="dark"].mk-route-vocabulary .sum,
html[data-mk-theme="dark"].mk-route-vocabulary .unit,
html[data-mk-theme="dark"].mk-route-vocabulary .row,
html[data-mk-theme="dark"].mk-route-vocabulary :is(.learnbox,.flashbox,.stat){background:#0f161d!important;color:#e9eef2!important;border-color:#293641!important;box-shadow:none!important}

/* Foundation/vocabulary Light menus should never remain black. */
html[data-mk-theme="light"] :is(.mk-nav-popover,.site-header .dropdown-menu,.site-header .submenu,.site-header .mega-menu,.site-header .nav-menu,.site-header .nav-panel,.site-header .menu-panel,.site-header .dropdown-panel,.site-header .dropdown-content,.site-header [role="menu"]){
  background:rgba(255,255,255,.985)!important;color:#1d242a!important;border-color:#d8dfe5!important;box-shadow:0 20px 54px rgba(22,30,39,.15)!important
}
html[data-mk-theme="light"] :is(.mk-nav-popover,.site-header .dropdown-menu,.site-header .submenu,.site-header .mega-menu,.site-header .nav-menu,.site-header .nav-panel,.site-header .menu-panel,.site-header .dropdown-panel,.site-header .dropdown-content,.site-header [role="menu"]) a{color:#4f5b66!important;border-color:#e4e8ec!important}
html[data-mk-theme="light"] :is(.mk-nav-popover,.site-header .dropdown-menu,.site-header .submenu,.site-header .mega-menu,.site-header .nav-menu,.site-header .nav-panel,.site-header .menu-panel,.site-header .dropdown-panel,.site-header .dropdown-content,.site-header [role="menu"]) a:hover{background:#f4f6f8!important;color:#171c21!important}

@media(max-width:900px){
  html.mk-page-foundation-home .level-grid{grid-template-columns:1fr!important}
  html.mk-page-reading-test .main{background:#090e13!important}
  html.mk-page-reading-test .questions{border-top:7px solid #090e13!important}
  html.mk-page-listening-test .audio-panel{border-bottom:7px solid #090e13!important}
  html.mk-page-writing-test .editorpane{border-top:7px solid #090e13!important}
}

/* ========================================================================== */
/* FINAL CLEANUP · ALTERNATE LISTENING SHELL (MKL044+ / LEGACY TOP-AUDIO UI) */
/* ========================================================================== */
html.mk-page-listening-test .header{
  background:#080d12!important;color:#f5f8fa!important;border-bottom:1px solid #28343f!important;box-shadow:none!important
}
html.mk-page-listening-test .header :is(.title,.mk-brand,.mk-test-title){color:#f5f8fa!important}
html.mk-page-listening-test .header .mk-logo{filter:none!important}
html.mk-page-listening-test .audio-bar{
  background:#0d141b!important;color:#edf2f6!important;border-bottom:1px solid #2a3742!important;box-shadow:none!important
}
html.mk-page-listening-test .audio-shell{
  background:#111a22!important;color:#dce4ea!important;border:1px solid #31404c!important;box-shadow:none!important
}
html.mk-page-listening-test .audio-shell :is(.skip-btn,.time){color:#c1ccd5!important}
html.mk-page-listening-test .audio-shell .speed{background:#151e26!important;color:#eef3f6!important;border-color:#34424d!important}
html.mk-page-listening-test .main{
  background:#f2f4f6!important;color:#171c21!important
}
html.mk-page-listening-test :is(.section-banner,.part-title,.card,.notes,.question-block,.match-legend,.match-bank,.match-table-wrap){
  color:#20272d!important;border-color:#d8dfe5!important;box-shadow:none!important;text-shadow:none!important
}
html.mk-page-listening-test .section-banner{background:#eceff2!important}
html.mk-page-listening-test :is(.part-title,.card,.notes,.question-block,.match-legend,.match-bank,.match-table-wrap){background:#fff!important}
html.mk-page-listening-test :is(.part-title,.card,.notes,.question-block,.match-legend,.match-bank,.match-table-wrap) :is(p,li,span,strong,b,label,h1,h2,h3,h4){text-shadow:none!important}
html.mk-page-listening-test .bottom{
  background:#090e13!important;color:#e7edf2!important;border-top:1px solid #293641!important;box-shadow:0 -8px 24px rgba(0,0,0,.18)!important
}
html.mk-page-listening-test .bottom .tab{color:#aeb9c3!important}
html.mk-page-listening-test .bottom .tab.active{background:#17212a!important;color:#fff!important}
html.mk-page-listening-test .bottom .subq{background:#f7f9fa!important;color:#56616b!important;border-color:#d8dfe5!important;box-shadow:none!important}
html.mk-page-listening-test .bottom .subq.active{background:#df353a!important;color:#fff!important;border-color:#df353a!important}
html.mk-page-listening-test .bottom .subq.answered{background:#17211f!important;color:#70d99d!important;border-color:#315c49!important}
html.mk-page-listening-test .bottom .check-btn{background:#141c24!important;color:#eef3f6!important;border-color:#34414d!important}

/* ========================================================================== */
/* FINAL SELECTOR PARITY AUDIT · REAL LEGACY + CURRENT R/L TEMPLATES          */
/* Scope is deliberately limited to fixed Reading/Listening exam route tags. */
/* ========================================================================== */

/* Reading: legacy MK001/practice shell parity. */
html.mk-page-reading-test .start-screen{
  background:
    radial-gradient(860px 520px at 12% 2%,rgba(223,53,58,.14),transparent 61%),
    radial-gradient(620px 420px at 88% 88%,rgba(109,122,135,.08),transparent 66%),
    linear-gradient(155deg,#06090d 0%,#0a1016 52%,#080c11 100%)!important;
  color:#f6f8fa!important
}
html.mk-page-reading-test .start-screen .start-card{
  background:linear-gradient(145deg,rgba(19,27,35,.97),rgba(10,15,21,.98))!important;
  color:#f5f8fa!important;border-color:#303d48!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035)!important
}
html.mk-page-reading-test .start-screen .start-card :is(h1,h2,h3,.title,.headline,strong){
  color:#f8fafb!important;opacity:1!important;text-shadow:none!important
}
html.mk-page-reading-test .start-screen .start-card :is(p,.subtitle,.lede,.meta){color:#abb6c0!important;text-shadow:none!important}
html.mk-page-reading-test .topbar{background:#080d12!important;color:#f5f8fa!important;border-color:#293640!important;box-shadow:none!important}
html.mk-page-reading-test .passage-panel{background:#fff!important;color:#20272d!important;box-shadow:none!important;text-shadow:none!important}
html.mk-page-reading-test .questions-panel{background:#f3f5f7!important;color:#20272d!important;box-shadow:none!important;text-shadow:none!important}
html.mk-page-reading-test .q{
  background:#fff!important;color:#20272d!important;border-color:#d9e0e5!important;
  box-shadow:none!important;text-shadow:none!important
}
html.mk-page-reading-test .q :is(p,span,strong,b,label,li,.qtext,.question-line,.question-text){text-shadow:none!important}
html.mk-page-reading-test .submit-btn{
  background:linear-gradient(90deg,#ef403c,#d93034)!important;color:#fff!important;
  border-color:#d93034!important;box-shadow:none!important
}

/* Reading: current MK078–080 shell stays clean and paper-like. */
html.mk-page-reading-test :is(.question-prompt,.tf-question,.mcq-question,.matching-form-row,.summary-text,.people-section,.checkbox-group){
  box-shadow:none!important;text-shadow:none!important
}
html.mk-page-reading-test :is(.question-prompt,.summary-text,.people-section,.checkbox-group){background:#fff!important;color:#20272d!important}

/* Listening: selectors present in MKL040 legacy/sidebar shell. */
html.mk-page-listening-test :is(.task-card,.option-static,.single-choice,.single-choice-container){
  background:#fff!important;color:#20272d!important;border-color:#d7dee4!important;
  box-shadow:none!important;text-shadow:none!important
}
html.mk-page-listening-test :is(.task-card,.option-static,.single-choice,.single-choice-container) :is(p,span,strong,b,label,li){
  color:#20272d!important;text-shadow:none!important
}
html.mk-page-listening-test :is(.question-line,.question-text,.section-summary){text-shadow:none!important}
html.mk-page-listening-test :is(.select-answer,input[type="text"],input[type="number"],textarea){
  background:#fff!important;color:#151b20!important;border-color:#c9d2da!important;box-shadow:none!important
}

/* Listening: selectors present in MKL044–050 current/top-audio shell. */
html.mk-page-listening-test .main-area{background:#f2f4f6!important;color:#171c21!important}
html.mk-page-listening-test .questions-panel{background:#f2f4f6!important;color:#171c21!important}
html.mk-page-listening-test :is(.q-card,.notes-block){
  background:#fff!important;color:#20272d!important;border-color:#d8dfe5!important;
  box-shadow:none!important;text-shadow:none!important
}
html.mk-page-listening-test :is(.q-card,.notes-block) :is(p,li,span,strong,b,label,h1,h2,h3,h4){
  color:inherit!important;text-shadow:none!important
}
html.mk-page-listening-test .option-label{
  background:#fff!important;color:#20272d!important;border-color:#d5dde3!important;
  box-shadow:none!important;text-shadow:none!important
}
html.mk-page-listening-test .bottom-nav{background:#090e13!important;color:#e7edf2!important;border-color:#293641!important}
html.mk-page-listening-test .check-btn{
  background:linear-gradient(90deg,#ef403c,#d93034)!important;color:#fff!important;
  border-color:#d93034!important;box-shadow:none!important
}
html.mk-page-reading-test #nightBtn{display:none!important}
html.mk-page-listening-test :is(.multi-choice-option,.single-choice>label,.question-line,.checkbox-group .static-choice){
  background:#fff!important;color:#20272d!important;border-color:#d7dee4!important;box-shadow:none!important;text-shadow:none!important
}
html.mk-page-listening-test :is(.matching-options-list,.drag-options-container,.source-options-box){
  background:#f7f9fa!important;color:#20272d!important;border-color:#d7dee4!important;box-shadow:none!important
}
html.mk-page-listening-test .qnav.done{background:#15201e!important;color:#7adea5!important;border-color:#315b49!important}

/* ========================================================================== */
/* VISUAL CLEANUP PASS 2 · 25 SEP 2026                                       */
/* Screenshot-driven specificity fixes. Scoped to public shell / R-L-W entry */
/* screens / Foundation lesson components / homepage platform presentation.  */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* READING ENTRY · always premium dark, even on fixed light exam route        */
/* -------------------------------------------------------------------------- */
html[data-mk-theme="light"].mk-page-reading-test :is(.start,.start-screen,.test-start,.intro-screen){
  background:
    radial-gradient(760px 520px at 78% 16%,rgba(232,55,61,.18),transparent 60%),
    radial-gradient(620px 440px at 12% 86%,rgba(69,91,119,.11),transparent 68%),
    linear-gradient(145deg,#06090d 0%,#0a1016 54%,#090d12 100%)!important;
  color:#f6f8fa!important;
  color-scheme:dark!important;
}
html[data-mk-theme="light"].mk-page-reading-test :is(.start-card,.start-screen .start-card,.test-start .start-card,.intro-screen .start-card){
  background:linear-gradient(155deg,#111820 0%,#0b1117 64%,#090d12 100%)!important;
  color:#f7f9fb!important;
  border-color:#2d3944!important;
  box-shadow:0 34px 100px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-mk-theme="light"].mk-page-reading-test :is(.start,.start-screen,.test-start,.intro-screen) :is(h1,h2,h3,.headline,.title,strong,b){
  color:#f8fafb!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-mk-theme="light"].mk-page-reading-test :is(.start,.start-screen,.test-start,.intro-screen) :is(p,.lede,.subtitle){
  color:#aab6c1!important;
  text-shadow:none!important;
}
html[data-mk-theme="light"].mk-page-reading-test :is(.start,.start-screen,.test-start,.intro-screen) :is(.eyebrow,.kicker){color:#ff5960!important}
html[data-mk-theme="light"].mk-page-reading-test :is(.start,.start-screen,.test-start,.intro-screen) .meta span{
  background:#10171e!important;color:#cad3db!important;border-color:#303d48!important;box-shadow:none!important
}
html[data-mk-theme="light"].mk-page-reading-test :is(.start,.start-screen,.test-start,.intro-screen) label{color:#8e9ba7!important}
html[data-mk-theme="light"].mk-page-reading-test :is(.start,.start-screen,.test-start,.intro-screen) input{
  background:#f8fafb!important;color:#171c21!important;border-color:#d0d9e1!important;box-shadow:none!important
}
html[data-mk-theme="light"].mk-page-reading-test :is(.start,.start-screen,.test-start,.intro-screen) .saved-note{color:#8b98a4!important}

/* -------------------------------------------------------------------------- */
/* WRITING ENTRY · fix invisible “Write under / real pressure” headline       */
/* -------------------------------------------------------------------------- */
html[data-mk-theme="light"].mk-page-writing-test :is(.mk-writing-entry,.start,.start-screen,.writing-start){
  background:
    radial-gradient(760px 520px at 78% 15%,rgba(232,55,61,.18),transparent 60%),
    radial-gradient(650px 430px at 14% 88%,rgba(68,89,116,.10),transparent 68%),
    linear-gradient(145deg,#06090d 0%,#0a1016 55%,#090d12 100%)!important;
  color:#f6f8fa!important;
  color-scheme:dark!important;
}
html[data-mk-theme="light"].mk-page-writing-test :is(.mk-writing-entry-card,.start-card,.writing-start-card){
  background:linear-gradient(155deg,#111820 0%,#0b1117 66%,#090d12 100%)!important;
  color:#f7f9fb!important;border-color:#2d3944!important;
  box-shadow:0 34px 100px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)!important
}
html[data-mk-theme="light"].mk-page-writing-test :is(.mk-writing-entry,.start,.start-screen,.writing-start) :is(h1,h2,h3,.headline,.title){
  color:#f8fafb!important;opacity:1!important;text-shadow:none!important;-webkit-text-fill-color:currentColor!important
}
html[data-mk-theme="light"].mk-page-writing-test :is(.mk-writing-entry,.start,.start-screen,.writing-start) h1 :is(em,.accent,.red),
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry h1 em{
  color:#ff565c!important;-webkit-text-fill-color:#ff565c!important;-webkit-text-stroke:0!important;opacity:1!important
}
html[data-mk-theme="light"].mk-page-writing-test :is(.mk-writing-entry-lede,.mk-writing-entry-foot,.start p,.start-screen p){color:#aab6c1!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-kicker{color:#ff5960!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-chips span{background:#10171e!important;color:#cbd4dc!important;border-color:#303d48!important}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-form label{color:#8e9ba7!important}

/* -------------------------------------------------------------------------- */
/* PUBLIC HEADER · light Learn/nav visibility + premium Connect / Telegram     */
/* -------------------------------------------------------------------------- */
html[data-mk-theme="light"] .site-header nav :is(a,button,.nav-link,.nav-trigger,.dropdown-toggle,.menu-trigger){
  color:#4d5863!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}
html[data-mk-theme="light"] .site-header nav :is(a,button,.nav-link,.nav-trigger,.dropdown-toggle,.menu-trigger):is(:hover,:focus,.active,[aria-expanded="true"]){
  color:#11161b!important;
}
html[data-mk-theme="light"] .site-header nav :is(.dropdown,.nav-group,.menu-group)>:is(a,button,span){
  color:#4d5863!important;opacity:1!important;visibility:visible!important
}
html[data-mk-theme="light"] :is(.mk-nav-popover,.site-header .dropdown-menu,.site-header .submenu,.site-header .mega-menu,.site-header .nav-menu,.site-header .nav-panel,.site-header .menu-panel,.site-header .dropdown-panel,.site-header .dropdown-content,.site-header [role="menu"]){
  background:#fff!important;color:#1c2329!important;border-color:#d5dde4!important;
  box-shadow:0 20px 52px rgba(19,28,38,.14)!important;opacity:1!important
}
html[data-mk-theme="light"] :is(.mk-nav-popover,.site-header .dropdown-menu,.site-header .submenu,.site-header .mega-menu,.site-header .nav-menu,.site-header .nav-panel,.site-header .menu-panel,.site-header .dropdown-panel,.site-header .dropdown-content,.site-header [role="menu"]) :is(a,button){
  color:#46515c!important;opacity:1!important;background:transparent!important
}
html[data-mk-theme="light"] :is(.mk-nav-popover,.site-header .dropdown-menu,.site-header .submenu,.site-header .mega-menu,.site-header .nav-menu,.site-header .nav-panel,.site-header .menu-panel,.site-header .dropdown-panel,.site-header .dropdown-content,.site-header [role="menu"]) :is(a,button):hover{
  background:#f4f6f8!important;color:#11161b!important
}

/* -------------------------------------------------------------------------- */
/* FOUNDATION · exact Level 6 exercise selectors in Light mode                */
/* -------------------------------------------------------------------------- */
html[data-mk-theme="light"].mk-page-foundation-level :is(.question-group,.qrow,.mcq-question){
  border-color:#e3e8ec!important;color:#252c32!important
}
html[data-mk-theme="light"].mk-page-foundation-level :is(.group-title,.question-type){color:#737f8a!important}
html[data-mk-theme="light"].mk-page-foundation-level .group-instruction{color:#66727d!important}
html[data-mk-theme="light"].mk-page-foundation-level .heading-bank{
  background:#f6f8fa!important;color:#2c343b!important;border:1px solid #dce3e9!important;
  border-radius:10px!important;box-shadow:none!important
}
html[data-mk-theme="light"].mk-page-foundation-level .heading-bank :is(div,b,span){color:#46515b!important;text-shadow:none!important}
html[data-mk-theme="light"].mk-page-foundation-level :is(.qtext,.mcq-question .qtext,.gap-line){color:#2c343b!important;text-shadow:none!important}
html[data-mk-theme="light"].mk-page-foundation-level :is(.answer-select,.answer-input,.gap-input){
  background:#fff!important;color:#1d242a!important;border-color:#cbd5dd!important;box-shadow:none!important;border-radius:9px!important
}
html[data-mk-theme="light"].mk-page-foundation-level :is(.answer-option,.mcq-option,.tfng-choice){
  background:#fff!important;color:#374049!important;border-color:#d7dfe6!important;box-shadow:none!important;border-radius:9px!important
}
html[data-mk-theme="light"].mk-page-foundation-level :is(.answer-option,.mcq-option,.tfng-choice) :is(span,b,strong){color:#374049!important}
html[data-mk-theme="light"].mk-page-foundation-level :is(.answer-option,.mcq-option,.tfng-choice):hover{
  background:#f7f9fa!important;color:#171d23!important;border-color:#bcc8d1!important
}
html[data-mk-theme="light"].mk-page-foundation-level :is(.advanced-score,.score-box,.mcq-score,.answer-feedback){
  background:#f6f8fa!important;color:#34404a!important;border-color:#dbe2e8!important;box-shadow:none!important
}
html[data-mk-theme="light"].mk-page-foundation-level :is(.answer-select.correct,.answer-input.correct,.gap-input.correct,.answer-option.correct,.answer-option.reveal,.mcq-option.correct,.mcq-option.reveal-correct,.tfng-choice.correct){
  background:#eef8f2!important;color:#1f6342!important;border-color:#9fcdb0!important
}
html[data-mk-theme="light"].mk-page-foundation-level :is(.answer-select.wrong,.answer-input.wrong,.gap-input.wrong,.answer-option.wrong,.mcq-option.wrong,.tfng-choice.wrong){
  background:#fff1f1!important;color:#8e2e33!important;border-color:#e0a4a7!important
}
html[data-mk-theme="light"].mk-page-foundation-level .advanced-paragraph .para-letter{
  background:#fff!important;color:#d9363c!important;border-color:#d8e0e6!important
}
html[data-mk-theme="light"].mk-page-foundation-level .questions-head h3,
html[data-mk-theme="light"].mk-page-foundation-level .vocab-card h3{color:#1b2228!important}
html[data-mk-theme="light"].mk-page-foundation-level .vocab-card h3 small{color:#77838e!important}

/* -------------------------------------------------------------------------- */
/* HOMEPAGE · richer but restrained architecture + stronger module cards      */
/* -------------------------------------------------------------------------- */
html[data-mk-theme="dark"].mk-route-home main::before{
  background:
    radial-gradient(780px 560px at 79% 13%,rgba(229,55,61,.095),transparent 65%),
    radial-gradient(860px 660px at 9% 50%,rgba(73,99,136,.075),transparent 68%),
    linear-gradient(115deg,transparent 0 46%,rgba(142,160,178,.028) 46.1% 46.18%,transparent 46.3% 100%),
    linear-gradient(90deg,rgba(145,160,177,.036) 1px,transparent 1px),
    linear-gradient(rgba(145,160,177,.03) 1px,transparent 1px)!important;
  background-size:auto,auto,100% 100%,84px 84px,84px 84px!important;
  opacity:.84!important
}
html[data-mk-theme="dark"].mk-route-home main::after{opacity:.38!important;filter:drop-shadow(0 0 30px rgba(66,88,120,.10))}
html[data-mk-theme="dark"].mk-route-home .hero-grid{opacity:.23!important}
html[data-mk-theme="dark"].mk-route-home .orbit{border-color:rgba(183,197,210,.15)!important}
html[data-mk-theme="dark"].mk-route-home .o2{border-color:rgba(183,197,210,.13)!important}
html[data-mk-theme="dark"].mk-route-home .o3{border-color:rgba(239,61,67,.29)!important;box-shadow:0 0 64px rgba(239,61,67,.075)!important}

html[data-mk-theme].mk-route-home .practice-card,
html[data-mk-theme].mk-route-home .platform-card{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease!important
}
html[data-mk-theme="dark"].mk-route-home .practice-card,
html[data-mk-theme="dark"].mk-route-home .platform-card{
  background:
    radial-gradient(420px 220px at 92% 2%,rgba(84,108,142,.085),transparent 62%),
    linear-gradient(145deg,#10171e 0%,#0a1016 74%,#090d12 100%)!important;
  border-color:#26323d!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.10)!important
}
html[data-mk-theme="dark"].mk-route-home .practice-card::after,
html[data-mk-theme="dark"].mk-route-home .platform-card::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.024),transparent 33% 72%,rgba(239,61,67,.035));opacity:.72
}
html[data-mk-theme="dark"].mk-route-home .practice-card:hover,
html[data-mk-theme="dark"].mk-route-home .platform-card:hover{
  transform:translateY(-5px)!important;
  background:radial-gradient(480px 250px at 88% 0%,rgba(239,61,67,.11),transparent 64%),linear-gradient(145deg,#131b23,#0b1117 74%)!important;
  border-color:rgba(239,61,67,.42)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
  z-index:3!important
}
html[data-mk-theme="dark"].mk-route-home .practice-card h3{color:#f7f9fb!important;font-weight:580!important;letter-spacing:-.035em!important}
html[data-mk-theme="dark"].mk-route-home .practice-card div>p:not(.tag){color:#9eabb6!important}
html[data-mk-theme="dark"].mk-route-home .skill-icon{
  background:linear-gradient(145deg,#111820,#0b1117)!important;color:#f1f5f8!important;border-color:#34414d!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important
}
html[data-mk-theme="dark"].mk-route-home .card-num{color:#697783!important}
html[data-mk-theme="dark"].mk-route-home .practice-card a{color:#edf2f6!important}
html[data-mk-theme="dark"].mk-route-home .practice-card a span{color:#ff555b!important}
html[data-mk-theme="dark"].mk-route-home :is(.speaking-home-card,.mock-home-card){
  background:radial-gradient(440px 250px at 92% 0%,rgba(239,61,67,.14),transparent 64%),linear-gradient(145deg,#14181f,#0b1016 76%)!important;
  border-color:rgba(239,61,67,.28)!important
}
html[data-mk-theme="light"].mk-route-home .practice-card,
html[data-mk-theme="light"].mk-route-home .platform-card{
  background:radial-gradient(420px 220px at 92% 0%,rgba(73,99,136,.05),transparent 64%),linear-gradient(145deg,#fff,#f8fafb)!important;
  border-color:#dbe2e8!important;box-shadow:0 10px 30px rgba(24,33,44,.055)!important
}
html[data-mk-theme="light"].mk-route-home .practice-card:hover,
html[data-mk-theme="light"].mk-route-home .platform-card:hover{
  transform:translateY(-5px)!important;border-color:#d4a4a7!important;box-shadow:0 22px 48px rgba(24,33,44,.10)!important
}

@media(max-width:900px){
  html[data-mk-theme].mk-route-home .practice-card:hover,
  html[data-mk-theme].mk-route-home .platform-card:hover{transform:none!important}
}

/* ========================================================================== */
/* V4 · MOBILE PHONE STABILIZATION                                             */
/* Public navigation, exam shells, Foundation, Vocabulary and CRM              */
/* ========================================================================== */

/* Public mobile header/drawer. This deliberately wins over older site.css
   variants so the same menu works on every public page. */
@media(max-width:900px){
  html[data-mk-theme] .site-header{
    position:fixed!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    padding:0 max(12px,env(safe-area-inset-left))!important;
    gap:8px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    z-index:2147482000!important;
    overflow:visible!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  }
  html[data-mk-theme="dark"] .site-header{background:rgba(6,9,13,.96)!important;border-bottom-color:#202a33!important}
  html[data-mk-theme="light"] .site-header{background:rgba(252,253,254,.97)!important;border-bottom-color:#dce2e7!important}

  html[data-mk-theme] .site-header .brand{
    flex:1 1 auto!important;min-width:0!important;margin-right:auto!important;gap:8px!important;
  }
  html[data-mk-theme] .site-header .brand>span{
    width:34px!important;height:34px!important;flex:0 0 34px!important;background-size:30px auto!important;
  }
  html[data-mk-theme] .site-header .brand b{
    min-width:0!important;max-width:132px!important;overflow:hidden!important;text-overflow:ellipsis!important;
    white-space:nowrap!important;font-size:8px!important;letter-spacing:.045em!important;
  }

  html[data-mk-theme] .site-header>.header-cta,
  html[data-mk-theme] .site-header>.auth-header-link,
  html[data-mk-theme] .site-header>a[href*="/contact"]:not(.brand),
  html[data-mk-theme] .site-header>a[href*="t.me/"]{display:none!important}

  html[data-mk-theme] .site-header>.language-switcher{
    display:flex!important;flex:0 0 auto!important;margin:0!important;gap:0!important;padding:2px!important;
  }
  html[data-mk-theme] .site-header>.language-switcher .lang-btn{
    min-width:25px!important;min-height:28px!important;padding:0 5px!important;font-size:8px!important;
  }

  html[data-mk-theme] .site-header .mk-theme-slot{margin:0!important;flex:0 0 auto!important;z-index:2147482100!important}
  html[data-mk-theme] .site-header .mk-theme-switch{
    width:52px!important;min-width:52px!important;height:30px!important;
  }
  html[data-mk-theme] .site-header .mk-theme-knob{top:3px!important;left:3px!important;width:22px!important;height:22px!important}
  html[data-mk-theme="dark"] .site-header .mk-theme-knob{transform:translateX(24px)!important}
  html[data-mk-theme] .site-header .mk-theme-icon{width:25px!important;height:28px!important}
  html[data-mk-theme] .site-header .mk-theme-icon svg{width:13px!important;height:13px!important}

  html[data-mk-theme] .site-header>.menu-toggle{
    display:grid!important;place-content:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;
    padding:7px!important;margin:0!important;border:1px solid var(--mk-border)!important;border-radius:10px!important;
    background:var(--mk-surface-2)!important;position:relative!important;z-index:2147482200!important;
    -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
  }
  html[data-mk-theme] .site-header>.menu-toggle span{
    width:20px!important;height:1.5px!important;margin:3px auto!important;border-radius:99px!important;
    transition:transform .22s ease,opacity .18s ease!important;transform-origin:center!important;
  }
  html[data-mk-theme] .site-header>.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)!important}
  html[data-mk-theme] .site-header>.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)!important}

  html[data-mk-theme] .site-header nav{
    position:fixed!important;
    inset:64px 0 0 0!important;
    width:100%!important;max-width:none!important;height:auto!important;
    margin:0!important;padding:22px max(18px,env(safe-area-inset-left)) calc(34px + env(safe-area-inset-bottom))!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    gap:4px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    transform:translate3d(0,-10px,0)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;
    z-index:2147481900!important;
    box-shadow:none!important;
  }
  html[data-mk-theme="dark"] .site-header nav{background:linear-gradient(180deg,#090d12 0%,#0b1117 100%)!important}
  html[data-mk-theme="light"] .site-header nav{background:linear-gradient(180deg,#fff 0%,#f7f9fb 100%)!important}
  html[data-mk-theme] .site-header nav:is(.open,.mk-mobile-nav-open){
    transform:translate3d(0,0,0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
  html[data-mk-theme] body.menu-open{overflow:hidden!important;touch-action:none!important}

  html[data-mk-theme] .site-header nav>a,
  html[data-mk-theme] .site-header nav>.mk-mobile-extra-link,
  html[data-mk-theme] .site-header nav :is(.nav-link,.nav-trigger,.dropdown-toggle,.menu-trigger){
    width:100%!important;min-height:48px!important;margin:0!important;padding:12px 3px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    border:0!important;border-bottom:1px solid var(--mk-border)!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    font:600 18px/1.25 Manrope,Arial,sans-serif!important;letter-spacing:-.02em!important;text-align:left!important;
  }
  html[data-mk-theme] .site-header nav>a.active{color:var(--mk-text-strong)!important}
  html[data-mk-theme] .site-header nav .mobile-auth-nav{display:flex!important;margin-top:10px!important;padding-top:15px!important;border-top:1px solid var(--mk-border)!important}
  html[data-mk-theme] .site-header nav .mk-mobile-extra-link{display:flex!important}

  /* Dropdowns become ordinary nested links inside the phone drawer; no hover
     dependency and no off-screen absolute panels. */
  html[data-mk-theme] .site-header nav :is(.mk-nav-popover,.dropdown-menu,.submenu,.mega-menu,.nav-menu,.nav-panel,.menu-panel,.dropdown-panel,.dropdown-content,[role="menu"]){
    position:static!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;
    display:grid!important;gap:2px!important;margin:0 0 8px!important;padding:4px 0 6px 14px!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  html[data-mk-theme] .site-header nav :is(.mk-nav-popover,.dropdown-menu,.submenu,.mega-menu,.nav-menu,.nav-panel,.menu-panel,.dropdown-panel,.dropdown-content,[role="menu"]) :is(a,button){
    min-height:40px!important;padding:9px 0!important;border:0!important;background:transparent!important;
    color:var(--mk-muted)!important;font:500 14px/1.3 Manrope,Arial,sans-serif!important;
  }

  /* Basic phone-safe content rules for every public route. */
  html[data-mk-theme] body:not(.crm-v10-enhanced){overflow-x:hidden!important}
  html[data-mk-theme] :is(img,svg,video,canvas){max-width:100%}
  html[data-mk-theme] :is(input,select,textarea,button){max-width:100%}
  html[data-mk-theme] :is(button,a,[role="button"]){-webkit-tap-highlight-color:transparent}
}

@media(max-width:560px){
  html[data-mk-theme] .site-header{height:60px!important;min-height:60px!important;padding-left:9px!important;padding-right:9px!important;gap:6px!important}
  html[data-mk-theme] .site-header nav{inset:60px 0 0 0!important;padding:18px 17px calc(28px + env(safe-area-inset-bottom))!important}
  html[data-mk-theme] .site-header .brand b{display:none!important}
  html[data-mk-theme] .site-header .brand>span{width:32px!important;height:32px!important;flex-basis:32px!important}
  html[data-mk-theme] .site-header>.language-switcher .lang-btn{min-width:23px!important;padding:0 4px!important;font-size:7.5px!important}
  html[data-mk-theme] .site-header .mk-theme-switch{width:48px!important;min-width:48px!important;height:28px!important}
  html[data-mk-theme] .site-header .mk-theme-knob{width:20px!important;height:20px!important}
  html[data-mk-theme="dark"] .site-header .mk-theme-knob{transform:translateX(22px)!important}
  html[data-mk-theme] .site-header .mk-theme-icon{width:23px!important;height:26px!important}
  html[data-mk-theme] .site-header>.menu-toggle{width:36px!important;height:36px!important;flex-basis:36px!important}
}

/* Homepage phones: retain the premium geometry but reduce dead space and GPU
   load, keep all primary content comfortably one-column. */
@media(max-width:760px){
  html.mk-route-home .hero{min-height:auto!important;grid-template-columns:1fr!important;padding:118px 18px 58px!important;gap:26px!important}
  html.mk-route-home .hero-copy{max-width:100%!important}
  html.mk-route-home .hero h1{font-size:clamp(50px,15vw,72px)!important;line-height:.94!important;letter-spacing:-.06em!important}
  html.mk-route-home .hero-lede{font-size:16px!important;line-height:1.62!important;margin:24px 0 28px!important}
  html.mk-route-home .actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  html.mk-route-home .actions .button{width:100%!important;justify-content:space-between!important;min-height:48px!important}
  html.mk-route-home .hero-visual{height:320px!important;min-height:320px!important;margin-top:0!important}
  html.mk-route-home .trajectory{width:min(88vw,360px)!important}
  html.mk-route-home .signal{padding:9px 10px!important;font-size:7px!important}
  html.mk-route-home .portrait-space{width:92px!important;height:128px!important}
  html.mk-route-home .scroll-cue{display:none!important}
  html.mk-route-home .section{padding:72px 18px!important}
  html.mk-route-home .section-head{margin-bottom:34px!important}
  html.mk-route-home .section h2{font-size:clamp(40px,12vw,58px)!important}
  html.mk-route-home .practice-grid{grid-template-columns:1fr!important;gap:10px!important;background:transparent!important;border:0!important}
  html.mk-route-home .practice-card{min-height:0!important;padding:23px 20px!important;grid-template-columns:48px minmax(0,1fr)!important;gap:16px!important;border-radius:16px!important}
  html.mk-route-home .practice-card .skill-icon{width:48px!important;height:48px!important;font-size:20px!important}
  html.mk-route-home .practice-card h3{font-size:25px!important;margin:11px 0!important}
  html.mk-route-home .practice-card div>p:not(.tag){font-size:13px!important;line-height:1.58!important}
  html.mk-route-home .stats{grid-template-columns:1fr 1fr!important;margin-top:48px!important}
  html.mk-route-home .stats>div{padding:22px 16px!important;min-width:0!important}
  html.mk-route-home .feature-list>div{grid-template-columns:38px 1fr!important;gap:10px 12px!important}
  html.mk-route-home .feature-list>div p{grid-column:2!important;margin-top:0!important}
  html.mk-route-home main::before,html.mk-route-home main::after{opacity:.10!important}
}

/* Module listing pages (Reading / Listening / Writing / Speaking). */
@media(max-width:760px){
  html.mk-page-module-home .inner-hero{min-height:auto!important;padding:120px 18px 50px!important}
  html.mk-page-module-home .inner-hero h1{font-size:clamp(45px,14vw,66px)!important;line-height:.96!important}
  html.mk-page-module-home .inner-hero>p:last-child{font-size:15px!important;line-height:1.6!important}
  html.mk-page-module-home .section{padding:58px 18px!important}
  html.mk-page-module-home .test-list{grid-template-columns:1fr!important;gap:12px!important}
  html.mk-page-module-home .test-card{min-height:0!important;padding:22px!important;border-radius:15px!important}
  html.mk-page-module-home .test-card h3{font-size:24px!important;margin:22px 0 11px!important}
  html.mk-page-module-home .test-card .button{width:100%!important;justify-content:space-between!important}
}

/* Foundation chooser + lesson reader. */
@media(max-width:760px){
  html.mk-route-foundation .inner-hero,html.mk-route-foundation .foundation-hero{padding-left:18px!important;padding-right:18px!important}
  html.mk-page-foundation-home :is(.level-grid,.levels-grid,.foundation-levels){grid-template-columns:1fr!important;gap:12px!important}
  html.mk-page-foundation-home .level-card{min-height:0!important;padding:22px!important;border-radius:17px!important}
  html.mk-page-foundation-level .reader-main{padding-top:60px!important}
  html.mk-page-foundation-level .reader-layout{display:block!important;min-width:0!important}
  html.mk-page-foundation-level .reader-sidebar{display:none!important}
  html.mk-page-foundation-level .mobile-reading-select{display:block!important;width:100%!important;min-height:44px!important;border-radius:10px!important}
  html.mk-page-foundation-level .reader-content{width:100%!important;min-width:0!important;padding:24px 16px 74px!important}
  html.mk-page-foundation-level :is(.passage-card,.questions-card,.vocab-card,.comprehension-card,.exercise-card,.panel){padding:18px!important;border-radius:14px!important;min-width:0!important}
  html.mk-page-foundation-level :is(.qa-grid,.questions-grid,.vocab-grid){grid-template-columns:1fr!important;gap:12px!important}
  html.mk-page-foundation-level :is(.heading-bank,.word-bank){max-width:100%!important;overflow-x:auto!important}
  html.mk-page-foundation-level :is(select,input[type="text"],input:not([type]),textarea){font-size:16px!important;max-width:100%!important}
}
@media(max-width:520px){
  html.mk-page-foundation-level :is(.vocab-row,.word-row,.vocabulary-row,.vocab-item,.word-item){
    grid-template-columns:minmax(0,1fr) auto!important;gap:6px 10px!important;padding:11px 12px!important;align-items:center!important;
  }
  html.mk-page-foundation-level :is(.vocab-row,.word-row,.vocabulary-row,.vocab-item,.word-item) :is(.ru,.uz,.translation,.meaning){grid-column:1!important;justify-self:start!important}
  html.mk-page-foundation-level :is(.vocab-row,.word-row,.vocabulary-row,.vocab-item,.word-item) button{grid-column:2!important;grid-row:1/4!important;min-width:40px!important;min-height:40px!important}
}

/* Vocabulary course: phone-friendly units, tabs and learning controls. */
@media(max-width:760px){
  html.mk-route-vocabulary main,html.mk-route-vocabulary .wrap,html.mk-route-vocabulary .container{max-width:100%!important;overflow-x:hidden!important}
  html.mk-route-vocabulary .hero{grid-template-columns:1fr!important;gap:18px!important;padding-top:110px!important}
  html.mk-route-vocabulary .hero h1{font-size:clamp(46px,14vw,66px)!important}
  html.mk-route-vocabulary .levels,html.mk-route-vocabulary .units{grid-template-columns:1fr!important}
  html.mk-route-vocabulary .levelsummary,html.mk-route-vocabulary .stats{grid-template-columns:1fr 1fr!important}
  html.mk-route-vocabulary .coursehead{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  html.mk-route-vocabulary .head-actions{width:100%!important;display:flex!important;overflow-x:auto!important;padding-bottom:3px!important}
  html.mk-route-vocabulary .unithead{align-items:flex-start!important;flex-direction:column!important}
  html.mk-route-vocabulary .tabs{width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding:2px 0 6px!important;scrollbar-width:none!important}
  html.mk-route-vocabulary .tabs::-webkit-scrollbar{display:none!important}
  html.mk-route-vocabulary .tabbtn{flex:0 0 auto!important;min-height:42px!important;white-space:nowrap!important}
  html.mk-route-vocabulary .row{grid-template-columns:34px minmax(0,1fr)!important;gap:7px 10px!important;padding:11px!important}
  html.mk-route-vocabulary .trans,html.mk-route-vocabulary .kind{grid-column:2!important;justify-self:start!important;text-align:left!important}
  html.mk-route-vocabulary .learnbox,html.mk-route-vocabulary .flashbox{min-height:280px!important;padding:25px 20px!important;border-radius:15px!important}
  html.mk-route-vocabulary .bigword{font-size:clamp(38px,13vw,58px)!important;overflow-wrap:anywhere!important}
  html.mk-route-vocabulary .translation{font-size:20px!important}
  html.mk-route-vocabulary .actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  html.mk-route-vocabulary .actions>div{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  html.mk-route-vocabulary .actions .action{width:100%!important;min-height:44px!important}
  html.mk-route-vocabulary .quiz,html.mk-route-vocabulary .speed,html.mk-route-vocabulary .unit-test{max-width:100%!important}
  html.mk-route-vocabulary .speed .opts{grid-template-columns:1fr!important}
}

/* Reading fixed exam shell. */
@media(max-width:900px){
  html.mk-page-reading-test body{overflow-x:hidden!important}
  html.mk-page-reading-test .start{overflow:auto!important;align-items:flex-start!important;padding:18px 12px 28px!important}
  html.mk-page-reading-test .start-card{width:100%!important;max-width:680px!important;margin:auto!important;padding:27px 20px!important;border-radius:18px!important}
  html.mk-page-reading-test .start h1{font-size:clamp(40px,12vw,54px)!important}
  html.mk-page-reading-test .top{
    position:sticky!important;top:0!important;z-index:120!important;height:auto!important;min-height:60px!important;padding:8px 10px!important;
    gap:7px!important;flex-wrap:wrap!important;
  }
  html.mk-page-reading-test .top .brand span:last-child{display:none!important}
  html.mk-page-reading-test .top .brand{flex:1!important;min-width:38px!important}
  html.mk-page-reading-test .top .timer{font-size:12px!important;padding:8px 9px!important}
  html.mk-page-reading-test .tabs{order:3!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;margin:0!important;padding-bottom:1px!important;scrollbar-width:none!important}
  html.mk-page-reading-test .tabs::-webkit-scrollbar{display:none!important}
  html.mk-page-reading-test .tab{flex:1 0 105px!important;min-height:38px!important;white-space:nowrap!important}
  html.mk-page-reading-test .main{display:block!important;min-width:0!important}
  html.mk-page-reading-test .divider{display:none!important}
  html.mk-page-reading-test :is(.panel,.passage,.questions){width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important;min-width:0!important}
  html.mk-page-reading-test .passage{padding:24px 16px 36px!important}
  html.mk-page-reading-test .questions{padding:22px 12px 96px!important;border-top:1px solid #dce2e7!important}
  html.mk-page-reading-test :is(.q,.question,.question-card,.instructions,.note-card,.heading-bank){max-width:100%!important;overflow-wrap:anywhere!important}
  html.mk-page-reading-test :is(select.answer,.text-answer,input[type="text"]){width:100%!important;max-width:100%!important;min-height:42px!important;font-size:16px!important}
  html.mk-page-reading-test .option{min-height:44px!important;align-items:flex-start!important}
  html.mk-page-reading-test .qnav{
    position:sticky!important;bottom:0!important;height:58px!important;min-height:58px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    gap:7px!important;z-index:150!important;
  }
  html.mk-page-reading-test .qnav-scroll{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  html.mk-page-reading-test .qnav-scroll::-webkit-scrollbar{display:none!important}
  html.mk-page-reading-test .qbtn{flex:0 0 32px!important;width:32px!important;height:32px!important}
  html.mk-page-reading-test .submit{min-width:116px!important;padding:9px 10px!important;font-size:11px!important}
  html.mk-page-reading-test .results{padding:22px 13px calc(30px + env(safe-area-inset-bottom))!important}
  html.mk-page-reading-test .results h1{font-size:clamp(40px,12vw,58px)!important}
}

/* Listening: legacy sidebar shell + newer top-audio shell. */
@media(max-width:850px){
  html.mk-page-listening-test body{overflow-x:hidden!important}
  html.mk-page-listening-test :is(header,.header){
    position:sticky!important;top:0!important;height:auto!important;min-height:60px!important;padding:8px 9px!important;gap:7px!important;flex-wrap:wrap!important;z-index:180!important;
  }
  html.mk-page-listening-test :is(header,.header) :is(.test-title,.mk-test-title){display:none!important}
  html.mk-page-listening-test :is(.brand,.mk-brand){flex:1 1 auto!important;min-width:36px!important}
  html.mk-page-listening-test :is(.brand,.mk-brand) span:last-child{display:none!important}
  html.mk-page-listening-test :is(.section-tabs,.mk-part-tabs){order:3!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}
  html.mk-page-listening-test :is(.section-tabs,.mk-part-tabs)::-webkit-scrollbar{display:none!important}
  html.mk-page-listening-test :is(.section-tab,.mk-part-tab){flex:1 0 92px!important;white-space:nowrap!important;min-height:38px!important}
  html.mk-page-listening-test :is(.layout,.main-area,.main){grid-template-columns:1fr!important;left:0!important;right:0!important;width:100%!important;min-width:0!important}
  html.mk-page-listening-test .audio-panel{position:relative!important;top:0!important;height:auto!important;max-height:none!important;padding:18px!important;border-right:0!important}
  html.mk-page-listening-test .questions{width:100%!important;max-width:100%!important;padding:20px 12px 82px!important;min-width:0!important}
  html.mk-page-listening-test :is(.task-card,.q-card,.question-prompt,.section-banner){max-width:100%!important;overflow-wrap:anywhere!important;padding:15px!important}
  html.mk-page-listening-test :is(.answer-input,.flowchart-input,.summary-input,.text-input){max-width:100%!important;font-size:16px!important}
  html.mk-page-listening-test .drag-drop-container,html.mk-page-listening-test .match-layout,html.mk-page-listening-test .ldm-wrap{grid-template-columns:1fr!important}
  html.mk-page-listening-test :is(.navigator,.bottom-nav,.bottom){
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:62px!important;min-height:62px!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;gap:7px!important;z-index:190!important;
    display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
  }
  html.mk-page-listening-test .navigator{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  html.mk-page-listening-test .navigator::-webkit-scrollbar{display:none!important}
  html.mk-page-listening-test .navigator .qnav{flex:0 0 32px!important;width:32px!important;height:32px!important}
  html.mk-page-listening-test .questions-nav{display:flex!important;flex:1 1 auto!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  html.mk-page-listening-test .questions-nav::-webkit-scrollbar{display:none!important}
  html.mk-page-listening-test .subQuestion{flex:0 0 32px!important;width:32px!important;height:32px!important}
  html.mk-page-listening-test .nav-arrows{flex:0 0 auto!important;gap:5px!important}
  html.mk-page-listening-test .nav-arrow{width:38px!important;height:38px!important;font-size:16px!important}
  html.mk-page-listening-test .nav-summary{flex:0 0 auto!important;gap:5px!important}
  html.mk-page-listening-test .check-btn{min-width:0!important;padding:9px 10px!important;font-size:11px!important}

  /* Newer top audio player: wrap controls instead of overflowing the screen. */
  html.mk-page-listening-test .audio-bar{position:relative!important;top:0!important;height:auto!important;padding:8px!important}
  html.mk-page-listening-test .audio-shell{height:auto!important;min-height:56px!important;border-radius:16px!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:8px 10px!important}
  html.mk-page-listening-test .progress-area{order:3!important;flex-basis:100%!important;width:100%!important;gap:7px!important}
  html.mk-page-listening-test .time-text{min-width:82px!important;font-size:12px!important}
  html.mk-page-listening-test .volume-group{display:none!important}
  html.mk-page-listening-test .speed-select{margin-left:auto!important;height:34px!important;font-size:13px!important}
  html.mk-page-listening-test .main-area{position:relative!important;top:0!important;bottom:auto!important}
}
@media(max-width:520px){
  html.mk-page-listening-test .clock,html.mk-page-listening-test .mk-parity-clock{min-width:72px!important;padding:8px!important;font-size:12px!important}
  html.mk-page-listening-test :is(.submit,.mk-parity-submit){padding:9px 10px!important;font-size:11px!important}
  html.mk-page-listening-test .questions-panel{padding:16px 10px 82px!important}
  html.mk-page-listening-test .match-table{min-width:520px!important}
  html.mk-page-listening-test .listening-map-wrap{grid-template-columns:1fr!important}
}

/* Writing fixed exam shell. */
@media(max-width:860px){
  html.mk-page-writing-test body{overflow-x:hidden!important}
  html.mk-page-writing-test :is(.top,.header){position:sticky!important;top:0!important;z-index:180!important;min-height:58px!important;height:auto!important;padding:8px 9px!important;gap:7px!important}
  html.mk-page-writing-test :is(.top,.header) .brand{flex:1!important;min-width:34px!important}
  html.mk-page-writing-test :is(.top,.header) .brand b,html.mk-page-writing-test :is(.top,.header) .title{display:none!important}
  html.mk-page-writing-test :is(.timer,.clock){font-size:12px!important;min-width:65px!important;padding:8px!important}
  html.mk-page-writing-test :is(.submit-top,#finishTop){padding:9px 10px!important;font-size:11px!important}
  html.mk-page-writing-test .tabs{position:sticky!important;top:58px!important;z-index:170!important;padding:7px 9px!important;display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  html.mk-page-writing-test .tabs::-webkit-scrollbar{display:none!important}
  html.mk-page-writing-test .tab{flex:1 0 110px!important;min-height:40px!important}
  html.mk-page-writing-test .work{display:flex!important;flex-direction:column!important;overflow:visible!important;min-width:0!important}
  html.mk-page-writing-test :is(.prompt,.editorpane){width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;padding:20px 15px 84px!important}
  html.mk-page-writing-test .divider{display:none!important}
  html.mk-page-writing-test .writing{width:100%!important;min-height:52vh!important;font-size:16px!important;padding:16px!important}
  html.mk-page-writing-test :is(.visual-frame,.data-table,.chartbox){max-width:100%!important;overflow-x:auto!important}
  html.mk-page-writing-test .footbar{height:62px!important;min-height:62px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;gap:6px!important}
  html.mk-page-writing-test .footbar .nav,html.mk-page-writing-test .finish{min-height:42px!important;padding:9px 11px!important;font-size:11px!important}
  html.mk-page-writing-test :is(.mk-writing-entry,.start,.start-screen,.writing-start){overflow:auto!important;padding:16px 10px 26px!important;align-items:flex-start!important}
  html.mk-page-writing-test :is(.mk-writing-entry-card,.start-card,.writing-start-card){width:100%!important;max-width:720px!important;margin:auto!important;padding:24px 18px!important;border-radius:18px!important}
  html.mk-page-writing-test :is(.mk-writing-entry,.start,.start-screen,.writing-start) h1{font-size:clamp(40px,12vw,56px)!important}
}

/* Speaking pages: generic safe one-column phone behavior without touching AI. */
@media(max-width:760px){
  html.mk-route-speaking :is(.section,.speaking-section,.practice-shell,.speaking-shell){padding-left:16px!important;padding-right:16px!important;max-width:100%!important}
  html.mk-route-speaking :is(.speaking-grid,.topics-grid,.practice-grid,.cards-grid){grid-template-columns:1fr!important}
  html.mk-route-speaking :is(.card,.topic-card,.speaking-card){min-width:0!important;max-width:100%!important}
  html.mk-route-speaking :is(input,textarea,select,button){max-width:100%!important}
}

/* CRM: preserve existing logic while preventing phone overflow. */
@media(max-width:760px){
  html.mk-route-crm body,html.mk-route-crm .crm10-app,html.mk-route-crm .app{max-width:100vw!important;overflow-x:hidden!important}
  html.mk-route-crm :is(.crm10-main,.main,.crm-main,.content){min-width:0!important;max-width:100%!important}
  html.mk-route-crm :is(.crm10-top,.top,.crm-topbar,.crm-header){min-width:0!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important}
  html.mk-route-crm :is(.tablewrap,.table-wrap,.table-container){max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  html.mk-route-crm :is(.cards,.card-grid,.metrics,.stats-grid){grid-template-columns:1fr!important}
  html.mk-route-crm :is(input,select,textarea){font-size:16px!important;max-width:100%!important}
}

/* Very small phones: keep controls inside the viewport. */
@media(max-width:390px){
  html[data-mk-theme] .site-header>.language-switcher .lang-btn{min-width:21px!important;padding:0 3px!important}
  html[data-mk-theme] .site-header .mk-theme-switch{width:44px!important;min-width:44px!important}
  html[data-mk-theme="dark"] .site-header .mk-theme-knob{transform:translateX(18px)!important}
  html.mk-page-reading-test .submit{min-width:102px!important;font-size:10px!important}
  html.mk-page-listening-test .nav-arrow{width:34px!important;height:34px!important}
  html.mk-page-listening-test .check-btn{padding:8px!important;font-size:10px!important}
}

/* ========================================================================== */
/* V5 · HEADER / MOBILE / WRITING PREMIUM CONSISTENCY                         */
/* Screenshot-driven follow-up: dark default reset is handled in mk-theme.js. */
/* ========================================================================== */

/* Desktop dropdowns must be closed by default. Earlier Light-mode contrast
   rules intentionally styled the flyout surface but also made some flyouts
   permanently visible. V5 separates appearance from open/closed state. */
html:not(.mk-compact-header) .site-header nav :is(
  .mk-nav-popover,.dropdown-menu,.submenu,.mega-menu,.nav-menu,.nav-panel,
  .menu-panel,.dropdown-panel,.dropdown-content,[role="menu"]
){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(8px)!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}
html:not(.mk-compact-header) .site-header nav :is(
  .mk-has-nav-popover,.dropdown,.nav-group,.menu-group,.nav-dropdown,.has-dropdown
):is(:hover,:focus-within,.open,.active,[data-open="true"]) > :is(
  .mk-nav-popover,.dropdown-menu,.submenu,.mega-menu,.nav-menu,.nav-panel,
  .menu-panel,.dropdown-panel,.dropdown-content,[role="menu"]
){
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}

/* Premium secondary actions: visible and intentional, but still subordinate
   to Register. JS tags Connect / Telegram regardless of their current href. */
html[data-mk-theme] .site-header > .mk-header-secondary-action{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:36px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  font:700 10.5px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:.015em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transform:none!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease!important;
}
html[data-mk-theme] .site-header > .mk-header-secondary-action::before{
  content:""!important;
  width:5px!important;height:5px!important;flex:0 0 5px!important;
  border-radius:50%!important;background:#ef3d43!important;
  box-shadow:0 0 0 4px rgba(239,61,67,.09)!important;
}
html[data-mk-theme="dark"] .site-header > .mk-header-secondary-action{
  color:#e7edf2!important;
  border:1px solid rgba(140,156,172,.24)!important;
  background:
    radial-gradient(120px 70px at 90% 0%,rgba(239,61,67,.11),transparent 65%),
    linear-gradient(145deg,#111820,#0c1218)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 20px rgba(0,0,0,.16)!important;
}
html[data-mk-theme="light"] .site-header > .mk-header-secondary-action{
  color:#333b43!important;
  border:1px solid #d6dde3!important;
  background:linear-gradient(145deg,#fff,#f7f9fa)!important;
  box-shadow:0 6px 18px rgba(25,35,46,.06)!important;
}
html[data-mk-theme] .site-header > .mk-header-secondary-action:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(222,59,65,.48)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18),0 0 0 1px rgba(239,61,67,.055)!important;
}

/* Writing catalogue header action. It should feel like a specialist module
   control, not a second generic Register rectangle. */
html.mk-route-writing.mk-page-module-home .site-header > :is(.mk-writing-header-cta,.header-cta[href="#writing-tests"]){
  min-height:38px!important;
  padding:0 11px 0 16px!important;
  gap:11px!important;
  border-radius:999px!important;
  color:#fff!important;
  border:1px solid rgba(239,61,67,.50)!important;
  background:
    radial-gradient(110px 60px at 90% 0%,rgba(239,61,67,.28),transparent 68%),
    linear-gradient(145deg,#171e25,#10161c 72%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 9px 26px rgba(0,0,0,.19),0 0 0 1px rgba(239,61,67,.035)!important;
}
html.mk-route-writing.mk-page-module-home .site-header > :is(.mk-writing-header-cta,.header-cta[href="#writing-tests"]) span{
  display:grid!important;place-items:center!important;
  width:23px!important;height:23px!important;border-radius:50%!important;
  background:#e83a40!important;color:#fff!important;
  box-shadow:0 4px 12px rgba(232,58,64,.24)!important;
}
html.mk-route-writing.mk-page-module-home .site-header > :is(.mk-writing-header-cta,.header-cta[href="#writing-tests"]):hover{
  transform:translateY(-2px)!important;
  border-color:rgba(244,78,84,.72)!important;
  background:radial-gradient(120px 70px at 88% 0%,rgba(239,61,67,.36),transparent 68%),linear-gradient(145deg,#1a222a,#11171e 72%)!important;
  box-shadow:0 15px 34px rgba(0,0,0,.25),0 0 0 1px rgba(239,61,67,.09)!important;
}
html[data-mk-theme="light"].mk-route-writing.mk-page-module-home .site-header > :is(.mk-writing-header-cta,.header-cta[href="#writing-tests"]){
  color:#2a3036!important;border-color:#e3b0b3!important;
  background:radial-gradient(120px 70px at 90% 0%,rgba(239,61,67,.09),transparent 68%),linear-gradient(145deg,#fff,#f7f9fa)!important;
  box-shadow:0 8px 22px rgba(37,46,57,.08)!important;
}
html[data-mk-theme="light"].mk-route-writing.mk-page-module-home .site-header > :is(.mk-writing-header-cta,.header-cta[href="#writing-tests"]) span{color:#fff!important}

/* Writing start screen: stronger visual hierarchy while preserving every
   input, autosave and start/resume behavior. */
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-card{
  background:
    radial-gradient(520px 230px at 102% -4%,rgba(239,61,67,.14),transparent 68%),
    radial-gradient(420px 260px at -8% 106%,rgba(67,91,121,.08),transparent 70%),
    linear-gradient(155deg,#121a22 0%,#0c1218 62%,#090e13 100%)!important;
  border-color:#303d48!important;
  box-shadow:0 38px 120px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-card::before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:2px!important;
  background:linear-gradient(90deg,#ef3d43 0%,rgba(239,61,67,.50) 36%,transparent 78%)!important;
  pointer-events:none!important;
}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-brand{
  padding-bottom:18px!important;border-bottom:1px solid rgba(133,150,166,.16)!important;
}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-brand img{
  filter:drop-shadow(0 5px 13px rgba(0,0,0,.26))!important;
}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry h1{
  color:#f8fafb!important;-webkit-text-fill-color:#f8fafb!important;
  text-shadow:0 12px 34px rgba(0,0,0,.16)!important;
}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry h1 em{
  color:#ff555b!important;-webkit-text-fill-color:#ff555b!important;
}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-start{
  min-height:52px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;
  background:linear-gradient(135deg,#f0444a 0%,#df343a 55%,#c82930 100%)!important;
  box-shadow:0 14px 30px rgba(213,42,49,.20),inset 0 1px 0 rgba(255,255,255,.14)!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-start:hover{
  transform:translateY(-2px)!important;filter:none!important;box-shadow:0 18px 38px rgba(213,42,49,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

/* -------------------------------------------------------------------------- */
/* Adaptive public header. The compact drawer is activated by JS when the     */
/* viewport is <=1180px OR the actual desktop controls no longer fit. This    */
/* handles phones, tablets, narrow laptops and high browser zoom cleanly.     */
/* -------------------------------------------------------------------------- */
html.mk-compact-header .site-header{
  position:fixed!important;inset:0 0 auto 0!important;width:100%!important;
  height:64px!important;min-height:64px!important;
  padding:0 max(12px,env(safe-area-inset-left))!important;gap:8px!important;
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
  z-index:2147482000!important;overflow:visible!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
html[data-mk-theme="dark"].mk-compact-header .site-header{background:rgba(6,9,13,.965)!important;border-bottom-color:#202a33!important}
html[data-mk-theme="light"].mk-compact-header .site-header{background:rgba(252,253,254,.975)!important;border-bottom-color:#dce2e7!important}
html.mk-compact-header .site-header .brand{flex:1 1 auto!important;min-width:0!important;margin-right:auto!important;gap:8px!important}
html.mk-compact-header .site-header .brand>span{width:34px!important;height:34px!important;flex:0 0 34px!important;background-size:30px auto!important}
html.mk-compact-header .site-header .brand b{min-width:0!important;max-width:132px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important;letter-spacing:.045em!important}
html.mk-compact-header .site-header > :is(.header-cta,.auth-header-link,.mk-header-secondary-action){display:none!important}
html.mk-compact-header[data-mk-theme][class] .site-header.site-header > a:not(.brand):not(.brand){display:none!important}
html.mk-compact-header .site-header>.language-switcher{display:flex!important;flex:0 0 auto!important;margin:0!important;gap:0!important;padding:2px!important}
html.mk-compact-header .site-header>.language-switcher .lang-btn{min-width:25px!important;min-height:28px!important;padding:0 5px!important;font-size:8px!important}
html.mk-compact-header .site-header .mk-theme-slot{margin:0!important;flex:0 0 auto!important;z-index:2147482100!important}
html.mk-compact-header .site-header .mk-theme-switch{width:52px!important;min-width:52px!important;height:30px!important}
html.mk-compact-header .site-header .mk-theme-knob{top:3px!important;left:3px!important;width:22px!important;height:22px!important}
html[data-mk-theme="dark"].mk-compact-header .site-header .mk-theme-knob{transform:translateX(24px)!important}
html.mk-compact-header .site-header .mk-theme-icon{width:25px!important;height:28px!important}
html.mk-compact-header .site-header .mk-theme-icon svg{width:13px!important;height:13px!important}
html.mk-compact-header .site-header>.menu-toggle{
  display:grid!important;place-content:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;
  padding:7px!important;margin:0!important;border:1px solid var(--mk-border)!important;border-radius:10px!important;
  background:var(--mk-surface-2)!important;position:relative!important;z-index:2147482200!important;
  -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
}
html.mk-compact-header .site-header>.menu-toggle span{display:block!important;width:20px!important;height:1.5px!important;margin:3px auto!important;border-radius:99px!important;background:var(--mk-text-strong)!important;transition:transform .22s ease,opacity .18s ease!important;transform-origin:center!important}
html.mk-compact-header .site-header>.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)!important}
html.mk-compact-header .site-header>.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)!important}

html.mk-compact-header .site-header nav{
  position:fixed!important;inset:64px 0 0 0!important;width:100%!important;max-width:none!important;height:auto!important;
  margin:0!important;padding:22px max(18px,env(safe-area-inset-left)) calc(34px + env(safe-area-inset-bottom))!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
  gap:4px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
  transform:translate3d(0,-10px,0)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;z-index:2147481900!important;box-shadow:none!important;
}
html[data-mk-theme="dark"].mk-compact-header .site-header nav{background:linear-gradient(180deg,#090d12 0%,#0b1117 100%)!important}
html[data-mk-theme="light"].mk-compact-header .site-header nav{background:linear-gradient(180deg,#fff 0%,#f7f9fb 100%)!important}
html.mk-compact-header .site-header nav:is(.open,.mk-mobile-nav-open){transform:translate3d(0,0,0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
html.mk-compact-header body.menu-open{overflow:hidden!important;touch-action:none!important}
html.mk-compact-header .site-header nav > :is(.nav-group,.dropdown,.menu-group,.nav-dropdown,.has-dropdown,.mk-has-nav-popover){width:100%!important;min-width:0!important;margin:0!important}
html.mk-compact-header .site-header nav>a,
html.mk-compact-header .site-header nav>.mk-mobile-extra-link,
html.mk-compact-header .site-header nav :is(.nav-link,.nav-trigger,.dropdown-toggle,.menu-trigger){
  width:100%!important;min-height:48px!important;margin:0!important;padding:12px 3px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  border:0!important;border-bottom:1px solid var(--mk-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--mk-text)!important;font:600 18px/1.25 Manrope,Arial,sans-serif!important;letter-spacing:-.02em!important;text-align:left!important;
}
html.mk-compact-header .site-header nav>a.active{color:var(--mk-text-strong)!important}
html.mk-compact-header .site-header nav .mobile-auth-nav{display:flex!important;margin-top:10px!important;padding-top:15px!important;border-top:1px solid var(--mk-border)!important}
html.mk-compact-header .site-header nav .mk-mobile-extra-link{display:flex!important}
html.mk-compact-header .site-header nav :is(.mk-nav-popover,.dropdown-menu,.submenu,.mega-menu,.nav-menu,.nav-panel,.menu-panel,.dropdown-panel,.dropdown-content,[role="menu"]){
  position:static!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;
  display:grid!important;gap:2px!important;margin:0 0 8px!important;padding:4px 0 6px 14px!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html.mk-compact-header .site-header nav :is(.mk-nav-popover,.dropdown-menu,.submenu,.mega-menu,.nav-menu,.nav-panel,.menu-panel,.dropdown-panel,.dropdown-content,[role="menu"]) :is(a,button){
  min-height:40px!important;padding:9px 0!important;border:0!important;background:transparent!important;color:var(--mk-muted)!important;font:500 14px/1.3 Manrope,Arial,sans-serif!important;
}

/* Give public content predictable clearance when the adaptive header is fixed. */
html.mk-compact-header body:not(.mk-entry-open) > main{scroll-margin-top:64px}
html.mk-compact-header .inner-hero{padding-top:max(118px,calc(64px + 46px))!important}

@media(max-width:560px){
  html.mk-compact-header .site-header{height:60px!important;min-height:60px!important;padding-left:9px!important;padding-right:9px!important;gap:6px!important}
  html.mk-compact-header .site-header nav{inset:60px 0 0 0!important;padding:18px 17px calc(28px + env(safe-area-inset-bottom))!important}
  html.mk-compact-header .site-header .brand b{display:none!important}
  html.mk-compact-header .site-header .brand>span{width:32px!important;height:32px!important;flex-basis:32px!important}
  html.mk-compact-header .site-header>.language-switcher .lang-btn{min-width:23px!important;padding:0 4px!important;font-size:7.5px!important}
  html.mk-compact-header .site-header .mk-theme-switch{width:48px!important;min-width:48px!important;height:28px!important}
  html.mk-compact-header .site-header .mk-theme-knob{width:20px!important;height:20px!important}
  html[data-mk-theme="dark"].mk-compact-header .site-header .mk-theme-knob{transform:translateX(22px)!important}
  html.mk-compact-header .site-header .mk-theme-icon{width:23px!important;height:26px!important}
  html.mk-compact-header .site-header>.menu-toggle{width:36px!important;height:36px!important;flex-basis:36px!important}
}

/* Writing catalogue CTA moves into the drawer as a normal destination on
   compact headers; keep the main catalogue cards as the primary interaction. */
html.mk-compact-header.mk-route-writing .site-header > .mk-writing-header-cta{display:none!important}

@media(prefers-reduced-motion:reduce){
  html[data-mk-theme] .site-header > .mk-header-secondary-action,
  html.mk-route-writing.mk-page-module-home .site-header > .mk-writing-header-cta,
  html[data-mk-theme="light"].mk-page-writing-test .mk-writing-entry-start{transition:none!important}
}

/* V5.1 mobile drawer sizing: with position:fixed, height:auto was allowing the
   nav box to collapse to one row even though its children extended below it.
   Give the drawer the viewport remainder explicitly so every menu item is
   reachable and the panel scrolls naturally on phones/tablets. */
html.mk-compact-header .site-header > nav{
  height:calc(100vh - 64px)!important;
  height:calc(100dvh - 64px)!important;
  max-height:calc(100vh - 64px)!important;
  max-height:calc(100dvh - 64px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
@media (max-width:560px){
  html.mk-compact-header .site-header > nav{
    height:calc(100vh - 60px)!important;
    height:calc(100dvh - 60px)!important;
    max-height:calc(100vh - 60px)!important;
    max-height:calc(100dvh - 60px)!important;
  }
}

/* ========================================================================== */
/* V6 · HEADER ACTION SYSTEM + LIGHT FLYOUT CORRECTION                        */
/* Route/component scoped follow-up from desktop screenshots.                 */
/* ========================================================================== */

/* Deterministic desktop dropdown state. JS owns data-mk-open so older hover /
   light-mode rules cannot leave a flyout painted over the hero. */
html:not(.mk-compact-header) .site-header nav .mk-has-nav-popover > .mk-nav-popover{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(0,8px,0)!important;
}
html:not(.mk-compact-header) .site-header nav .mk-has-nav-popover[data-mk-open="true"] > .mk-nav-popover{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0)!important;
}

/* Flyouts are proper floating product cards in both themes. */
html:not(.mk-compact-header)[data-mk-theme] .site-header nav .mk-nav-popover{
  min-width:248px!important;
  padding:9px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
}
html:not(.mk-compact-header)[data-mk-theme="dark"] .site-header nav .mk-nav-popover{
  background:linear-gradient(180deg,rgba(18,25,32,.985),rgba(9,14,19,.992))!important;
  border:1px solid rgba(139,156,172,.26)!important;
  box-shadow:0 26px 72px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html:not(.mk-compact-header)[data-mk-theme="light"] .site-header nav .mk-nav-popover{
  background:linear-gradient(180deg,rgba(255,255,255,.995),rgba(248,250,252,.995))!important;
  border:1px solid #d7dee5!important;
  box-shadow:0 24px 64px rgba(18,27,37,.17),0 6px 18px rgba(18,27,37,.055),inset 0 1px 0 #fff!important;
}
html:not(.mk-compact-header)[data-mk-theme] .site-header nav .mk-nav-popover::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:2px!important;
  background:linear-gradient(90deg,#ef3d43 0%,rgba(239,61,67,.44) 34%,transparent 78%)!important;
  pointer-events:none!important;
}
html:not(.mk-compact-header)[data-mk-theme] .site-header nav .mk-nav-popover :is(a,button){
  min-height:39px!important;
  padding:9px 11px!important;
  border:0!important;
  border-radius:9px!important;
  box-shadow:none!important;
  transition:background .15s ease,color .15s ease,transform .15s ease!important;
}
html:not(.mk-compact-header)[data-mk-theme="dark"] .site-header nav .mk-nav-popover :is(a,button){color:#b9c4cd!important;background:transparent!important}
html:not(.mk-compact-header)[data-mk-theme="dark"] .site-header nav .mk-nav-popover :is(a,button):hover{
  color:#fff!important;background:rgba(255,255,255,.055)!important;transform:translateX(2px)!important
}
html:not(.mk-compact-header)[data-mk-theme="light"] .site-header nav .mk-nav-popover :is(a,button){color:#46525d!important;background:transparent!important}
html:not(.mk-compact-header)[data-mk-theme="light"] .site-header nav .mk-nav-popover :is(a,button):hover{
  color:#151b21!important;background:#f0f3f6!important;transform:translateX(2px)!important
}

/* Header actions share one premium system. Register remains the primary red
   CTA; contextual module actions and social/contact shortcuts are distinct. */
html[data-mk-theme] .site-header > :is(.mk-header-secondary-action,.mk-header-context-action){
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  transform:translateZ(0)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease!important;
}

/* Connect / Telegram: restrained graphite capsule with a Richmond accent. */
html[data-mk-theme] .site-header > .mk-header-secondary-action{
  min-height:37px!important;
  padding:0 8px 0 13px!important;
  gap:9px!important;
  border-radius:12px!important;
  font:700 10px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:.025em!important;
}
html[data-mk-theme] .site-header > .mk-header-secondary-action::before{
  content:""!important;
  width:2px!important;height:16px!important;flex:0 0 2px!important;
  border-radius:99px!important;
  background:linear-gradient(180deg,#ff6268,#d92f36)!important;
  box-shadow:0 0 16px rgba(239,61,67,.28)!important;
}
html[data-mk-theme="dark"] .site-header > .mk-header-secondary-action{
  color:#eaf0f4!important;
  border:1px solid rgba(137,154,170,.25)!important;
  background:linear-gradient(145deg,rgba(20,28,36,.96),rgba(10,15,20,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.20)!important;
}
html[data-mk-theme="light"] .site-header > .mk-header-secondary-action{
  color:#28313a!important;
  border:1px solid #d5dde4!important;
  background:linear-gradient(145deg,#fff,#f5f7f9)!important;
  box-shadow:0 8px 22px rgba(25,35,46,.075),inset 0 1px 0 #fff!important;
}
html[data-mk-theme] .site-header > .mk-header-secondary-action .mk-header-action-mark{
  display:grid!important;place-items:center!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  margin-left:1px!important;border-radius:7px!important;
  font:800 10px/1 Manrope,Arial,sans-serif!important;
}
html[data-mk-theme="dark"] .site-header > .mk-header-secondary-action .mk-header-action-mark{
  color:#ff6a70!important;background:rgba(239,61,67,.10)!important;border:1px solid rgba(239,61,67,.18)!important
}
html[data-mk-theme="light"] .site-header > .mk-header-secondary-action .mk-header-action-mark{
  color:#d72f36!important;background:#fff4f4!important;border:1px solid #f0c9cb!important
}

/* Module shortcut: premium dark control in both themes, with a small red launch
   key. This replaces the flat red Open Reading / Free test / Open Writing bar. */
html[data-mk-theme] .site-header > .mk-header-context-action{
  min-height:39px!important;
  padding:0 7px 0 15px!important;
  gap:11px!important;
  border-radius:13px!important;
  color:#f7f9fb!important;
  border:1px solid rgba(117,137,155,.30)!important;
  background:
    radial-gradient(100px 54px at 94% -8%,rgba(239,61,67,.18),transparent 70%),
    linear-gradient(145deg,#182129 0%,#10161c 64%,#0c1116 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 28px rgba(0,0,0,.21),0 0 0 1px rgba(239,61,67,.025)!important;
  font:750 10.5px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:.005em!important;
}
html[data-mk-theme="light"] .site-header > .mk-header-context-action{
  color:#f8fafb!important;
  border-color:#26323c!important;
  box-shadow:0 10px 28px rgba(27,37,47,.18),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
html[data-mk-theme] .site-header > .mk-header-context-action::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:3px!important;height:auto!important;
  border-radius:13px 0 0 13px!important;
  background:linear-gradient(180deg,#ff555b,#cf2930)!important;
  box-shadow:none!important;
}
html[data-mk-theme] .site-header > .mk-header-context-action .mk-header-action-mark{
  display:grid!important;place-items:center!important;
  width:25px!important;height:25px!important;flex:0 0 25px!important;
  border-radius:8px!important;
  color:#fff!important;background:linear-gradient(145deg,#ef4147,#ce2c33)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 5px 14px rgba(219,46,53,.23),inset 0 1px 0 rgba(255,255,255,.16)!important;
  font:800 11px/1 Manrope,Arial,sans-serif!important;
}
html[data-mk-theme] .site-header > :is(.mk-header-secondary-action,.mk-header-context-action):hover{
  transform:translateY(-2px)!important;
}
html[data-mk-theme="dark"] .site-header > .mk-header-secondary-action:hover{
  border-color:rgba(239,61,67,.38)!important;
  background:linear-gradient(145deg,#182129,#0d1319)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.28),0 0 0 1px rgba(239,61,67,.045)!important;
}
html[data-mk-theme="light"] .site-header > .mk-header-secondary-action:hover{
  border-color:#e4b0b3!important;
  background:linear-gradient(145deg,#fff,#faf4f5)!important;
  box-shadow:0 13px 30px rgba(29,39,49,.11)!important;
}
html[data-mk-theme] .site-header > .mk-header-context-action:hover{
  border-color:rgba(239,61,67,.48)!important;
  background:radial-gradient(120px 64px at 94% -8%,rgba(239,61,67,.25),transparent 70%),linear-gradient(145deg,#1c2630,#111820 66%,#0d1318)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 1px rgba(239,61,67,.055)!important;
}

/* V5 had a Writing-only treatment; the V6 context action deliberately owns
   all Reading / Listening / Writing / Speaking header shortcuts now. */
html[data-mk-theme].mk-route-writing.mk-page-module-home .site-header > .mk-writing-header-cta{
  min-height:39px!important;
  padding:0 7px 0 15px!important;
  border-radius:13px!important;
  color:#f7f9fb!important;
  border-color:rgba(117,137,155,.30)!important;
  background:radial-gradient(100px 54px at 94% -8%,rgba(239,61,67,.18),transparent 70%),linear-gradient(145deg,#182129,#10161c 64%,#0c1116)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 28px rgba(0,0,0,.21)!important;
}
html[data-mk-theme="light"].mk-route-writing.mk-page-module-home .site-header > .mk-writing-header-cta{
  color:#f8fafb!important;border-color:#26323c!important;
  background:radial-gradient(100px 54px at 94% -8%,rgba(239,61,67,.18),transparent 70%),linear-gradient(145deg,#182129,#10161c 64%,#0c1116)!important;
  box-shadow:0 10px 28px rgba(27,37,47,.18),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

/* Light module pages retain definition under the white header; this is subtle
   depth only and does not change the page layout or content. */
html[data-mk-theme="light"].mk-page-module-home .inner-hero{
  background:
    radial-gradient(640px 360px at 84% 32%,rgba(225,52,59,.055),transparent 67%),
    linear-gradient(90deg,rgba(41,54,67,.022) 1px,transparent 1px),
    linear-gradient(rgba(41,54,67,.019) 1px,transparent 1px),
    #f8fafb!important;
  background-size:auto,76px 76px,76px 76px,auto!important;
  border-bottom-color:#dbe2e8!important;
}

/* Compact/mobile drawer uses simple list rows; header-only premium controls are
   intentionally hidden there, preserving the V5 mobile interaction. */
html.mk-compact-header .site-header > :is(.mk-header-secondary-action,.mk-header-context-action){display:none!important}

@media(prefers-reduced-motion:reduce){
  html[data-mk-theme] .site-header > :is(.mk-header-secondary-action,.mk-header-context-action),
  html:not(.mk-compact-header)[data-mk-theme] .site-header nav .mk-nav-popover :is(a,button){transition:none!important}
}

/* V6.1: mobile-only clones must never become a duplicate desktop nav item. */
html:not(.mk-compact-header) .site-header nav > .mk-mobile-extra-link{display:none!important}

/* Light-mode contextual shortcuts use the same premium light capsule as the
   Writing module so Reading / Listening / Writing stay visually consistent. */
html[data-mk-theme="light"] .site-header > .mk-header-context-action{
  color:#29323a!important;
  border-color:#dfb1b4!important;
  background:
    radial-gradient(115px 62px at 94% -6%,rgba(239,61,67,.10),transparent 70%),
    linear-gradient(145deg,#ffffff 0%,#f7f9fa 100%)!important;
  box-shadow:0 9px 25px rgba(31,41,51,.095),inset 0 1px 0 #fff!important;
}
html[data-mk-theme="light"] .site-header > .mk-header-context-action:hover{
  color:#202830!important;
  border-color:#d9868b!important;
  background:radial-gradient(125px 68px at 94% -6%,rgba(239,61,67,.14),transparent 70%),linear-gradient(145deg,#fff,#faf5f6)!important;
  box-shadow:0 14px 32px rgba(31,41,51,.13)!important;
}

/* ========================================================================== */
/* V7 · PHONE-ONLY HAMBURGER + DESKTOP-ZOOM HEADER PRESERVATION               */
/* Browser zoom narrows the CSS viewport on desktop. It must never activate   */
/* the phone navigation. mk-phone-nav is added only by device detection.      */
/* ========================================================================== */

/* A desktop/laptop never exposes the hamburger, regardless of zoom. */
html:not(.mk-phone-nav)[data-mk-theme] .site-header > .menu-toggle{
  display:none!important;
}

/* When a desktop becomes tight because of browser zoom or a smaller window,
   preserve the normal horizontal header and compress it gracefully. */
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header{
  position:absolute!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  padding:0 14px!important;
  gap:9px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
  z-index:2147482000!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header .brand{
  flex:0 0 auto!important;
  min-width:42px!important;
  margin:0 7px 0 0!important;
  gap:0!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header .brand>span{
  width:38px!important;height:38px!important;flex:0 0 38px!important;background-size:34px auto!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header .brand b{
  display:none!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex:0 1 auto!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  overflow:visible!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transition:none!important;
  z-index:auto!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav > :is(.nav-group,.dropdown,.menu-group,.nav-dropdown,.has-dropdown,.mk-has-nav-popover){
  width:auto!important;min-width:0!important;margin:0!important;position:relative!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav>a,
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav :is(.nav-link,.nav-trigger,.dropdown-toggle,.menu-trigger){
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:6px 0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font:550 10.5px/1.2 Manrope,Arial,sans-serif!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav>.mk-mobile-extra-link,
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav .mobile-auth-nav{
  display:none!important;
}

/* Keep desktop flyouts as flyouts at zoomed desktop widths. */
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav .mk-nav-popover{
  position:absolute!important;
  top:calc(100% + 12px)!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:max-content!important;
  min-width:250px!important;
  max-width:min(420px,90vw)!important;
  height:auto!important;
  max-height:min(440px,70vh)!important;
  padding:10px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:3px!important;
  overflow:auto!important;
  transform:translate(-50%,7px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  border:1px solid var(--mk-border)!important;
  border-radius:14px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.25)!important;
  z-index:2147482500!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav .mk-has-nav-popover[data-mk-open="true"] > .mk-nav-popover{
  transform:translate(-50%,0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav .mk-nav-popover :is(a,button){
  width:100%!important;min-height:34px!important;padding:8px 10px!important;border-radius:8px!important;
  justify-content:flex-start!important;font:550 10px/1.25 Manrope,Arial,sans-serif!important;
}

/* Tight desktop controls: same header design, simply less padding. */
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header > a[href*="register"]:not(.brand),
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header > :is(.auth-header-link,.mk-header-secondary-action,.mk-header-context-action){
  min-height:32px!important;
  height:32px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  font-size:9.5px!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header > .mk-header-context-action{
  max-width:148px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header > .language-switcher{
  display:flex!important;flex:0 0 auto!important;margin:0!important;padding:2px!important;gap:0!important;min-height:32px!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header > .language-switcher .lang-btn{
  min-width:27px!important;min-height:27px!important;padding:0 5px!important;font-size:8px!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header .mk-theme-slot{
  margin:0!important;flex:0 0 auto!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header .mk-theme-switch{
  width:54px!important;min-width:54px!important;height:32px!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header .mk-theme-knob{
  width:22px!important;height:22px!important;top:4px!important;left:4px!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme="dark"] .site-header .mk-theme-knob{
  transform:translateX(24px)!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header .mk-theme-icon{
  width:26px!important;height:30px!important;
}
html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header .mk-header-action-mark{
  width:18px!important;height:18px!important;margin-left:6px!important;font-size:9px!important;
}

/* At very tight desktop zoom, preserve the header instead of switching mode.
   Secondary/context CTAs remain present, but the central nav compresses more. */
@media(max-width:1020px){
  html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header{padding-left:9px!important;padding-right:9px!important;gap:6px!important}
  html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav{gap:7px!important}
  html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav>a,
  html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav :is(.nav-link,.nav-trigger,.dropdown-toggle,.menu-trigger){font-size:9.5px!important}
  html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header > a[href*="register"]:not(.brand),
  html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header > :is(.auth-header-link,.mk-header-secondary-action,.mk-header-context-action){padding-left:8px!important;padding-right:8px!important;font-size:8.8px!important}
  html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header > .mk-header-context-action{max-width:124px!important}
}
@media(max-width:900px){
  html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav{gap:5px!important}
  html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav>a,
  html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header nav :is(.nav-link,.nav-trigger,.dropdown-toggle,.menu-trigger){font-size:8.8px!important}
  html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header > .auth-header-link{display:none!important}
  html:not(.mk-phone-nav).mk-desktop-tight[data-mk-theme] .site-header > .mk-header-context-action{max-width:110px!important}
}

/* Real phones keep a hamburger, but the menu is a compact premium floating
   panel under the header instead of a full-screen takeover. */
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header > nav{
  position:fixed!important;
  inset:72px 10px auto 10px!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  max-height:calc(100dvh - 86px)!important;
  margin:0!important;
  padding:12px 14px calc(16px + env(safe-area-inset-bottom))!important;
  gap:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid var(--mk-border)!important;
  border-radius:17px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34)!important;
  transform:translate3d(0,-7px,0) scale(.99)!important;
  transform-origin:top center!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme="dark"] .site-header > nav{
  background:linear-gradient(180deg,rgba(10,15,21,.99),rgba(8,12,17,.99))!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme="light"] .site-header > nav{
  background:linear-gradient(180deg,rgba(255,255,255,.995),rgba(247,249,251,.995))!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header > nav:is(.open,.mk-mobile-nav-open){
  transform:translate3d(0,0,0) scale(1)!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header nav>a,
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header nav>.mk-mobile-extra-link,
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header nav :is(.nav-link,.nav-trigger,.dropdown-toggle,.menu-trigger){
  min-height:42px!important;
  padding:9px 4px!important;
  font-size:15px!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header nav :is(.mk-nav-popover,.dropdown-menu,.submenu,.mega-menu,.nav-menu,.nav-panel,.menu-panel,.dropdown-panel,.dropdown-content,[role="menu"]){
  padding:2px 0 6px 14px!important;
  margin:0!important;
  gap:0!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header nav :is(.mk-nav-popover,.dropdown-menu,.submenu,.mega-menu,.nav-menu,.nav-panel,.menu-panel,.dropdown-panel,.dropdown-content,[role="menu"]) :is(a,button){
  min-height:35px!important;
  padding:7px 0!important;
  font-size:12.5px!important;
}
@media(max-width:560px){
  html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header > nav{
    inset:67px 8px auto 8px!important;
    max-height:calc(100dvh - 76px)!important;
    padding:10px 12px calc(14px + env(safe-area-inset-bottom))!important;
    border-radius:15px!important;
  }
}

/* ========================================================================== */
/* V8 · READING EXAM FRAME — LISTENING-PARITY PREMIUM CHROME                 */
/* Keeps exam paper light; only the surrounding chrome/rails are graphite.   */
/* ========================================================================== */
html[data-mk-theme].mk-page-reading-test,
html[data-mk-theme].mk-page-reading-test body{
  background:#080d12!important;
}
html[data-mk-theme].mk-page-reading-test .app{
  background:#080d12!important;
  color:#171c21!important;
}
html[data-mk-theme].mk-page-reading-test .top,
html[data-mk-theme="light"].mk-page-reading-test .top,
html[data-mk-theme="dark"].mk-page-reading-test .top{
  position:relative!important;
  background:linear-gradient(180deg,#0b1117 0%,#080d12 100%)!important;
  color:#f4f7f9!important;
  border-bottom:1px solid #2a3742!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}
html[data-mk-theme].mk-page-reading-test .top::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:-1px!important;height:1px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(231,55,61,.18) 24%,rgba(231,55,61,.62) 50%,rgba(231,55,61,.18) 76%,transparent 100%)!important;
  pointer-events:none!important;
}
html[data-mk-theme].mk-page-reading-test .top .brand,
html[data-mk-theme="light"].mk-page-reading-test .top .brand,
html[data-mk-theme].mk-page-reading-test .top .title,
html[data-mk-theme="light"].mk-page-reading-test .top .title{
  color:#f5f8fa!important;
}
html[data-mk-theme].mk-page-reading-test .top .title small,
html[data-mk-theme="light"].mk-page-reading-test .top .title small{
  color:#8e9ca9!important;
}
html[data-mk-theme].mk-page-reading-test .top .tab,
html[data-mk-theme="light"].mk-page-reading-test .top .tab,
html[data-mk-theme].mk-page-reading-test .top .timer,
html[data-mk-theme="light"].mk-page-reading-test .top .timer{
  background:#111922!important;
  color:#b8c3cc!important;
  border:1px solid #303d49!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
html[data-mk-theme].mk-page-reading-test .top .tab:hover{
  background:#17212b!important;
  color:#eef3f6!important;
  border-color:#42515e!important;
}
html[data-mk-theme].mk-page-reading-test .top .tab.active,
html[data-mk-theme="light"].mk-page-reading-test .top .tab.active{
  background:#f7f9fa!important;
  color:#11171c!important;
  border-color:#f7f9fa!important;
  box-shadow:0 5px 16px rgba(0,0,0,.16)!important;
}
html[data-mk-theme].mk-page-reading-test .main,
html[data-mk-theme="light"].mk-page-reading-test .main{
  background:#090f14!important;
  border-left:7px solid #090f14!important;
  border-right:7px solid #090f14!important;
  box-sizing:border-box!important;
}
html[data-mk-theme].mk-page-reading-test .passage,
html[data-mk-theme="light"].mk-page-reading-test .passage{
  background:#fff!important;
  color:#171c21!important;
  border:0!important;
  box-shadow:inset -1px 0 #dce2e7!important;
}
html[data-mk-theme].mk-page-reading-test .questions,
html[data-mk-theme="light"].mk-page-reading-test .questions{
  background:#f5f7f8!important;
  color:#171c21!important;
  border:0!important;
  box-shadow:inset 1px 0 #e0e5e9!important;
}
html[data-mk-theme].mk-page-reading-test .divider,
html[data-mk-theme="light"].mk-page-reading-test .divider{
  background:linear-gradient(180deg,#101820,#0b1117)!important;
  border-left:1px solid #2a3742!important;
  border-right:1px solid #2a3742!important;
  box-shadow:inset 1px 0 rgba(255,255,255,.025),inset -1px 0 rgba(255,255,255,.02)!important;
}
html[data-mk-theme].mk-page-reading-test .divider::after,
html[data-mk-theme="light"].mk-page-reading-test .divider::after{
  width:3px!important;
  background:linear-gradient(180deg,#65727e 0%,#df353a 48%,#65727e 100%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025)!important;
}
html[data-mk-theme].mk-page-reading-test :is(.passage,.questions)::-webkit-scrollbar{width:10px!important}
html[data-mk-theme].mk-page-reading-test :is(.passage,.questions)::-webkit-scrollbar-track{background:#e8edf1!important}
html[data-mk-theme].mk-page-reading-test :is(.passage,.questions)::-webkit-scrollbar-thumb{
  background:#aab5be!important;border:3px solid #e8edf1!important;border-radius:999px!important
}
html[data-mk-theme].mk-page-reading-test .qnav,
html[data-mk-theme="light"].mk-page-reading-test .qnav{
  background:linear-gradient(180deg,#0c131a 0%,#080d12 100%)!important;
  color:#e9eef2!important;
  border-top:1px solid #2b3843!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.20)!important;
}
html[data-mk-theme].mk-page-reading-test .qbtn,
html[data-mk-theme="light"].mk-page-reading-test .qbtn{
  background:#f7f9fa!important;
  color:#515c66!important;
  border-color:#d6dee4!important;
  box-shadow:none!important;
}
html[data-mk-theme].mk-page-reading-test .qbtn:hover{
  border-color:#9eabb6!important;
  color:#222a31!important;
}
html[data-mk-theme].mk-page-reading-test .qbtn.current,
html[data-mk-theme="light"].mk-page-reading-test .qbtn.current{
  background:#df353a!important;color:#fff!important;border-color:#df353a!important;
  box-shadow:0 5px 14px rgba(223,53,58,.2)!important;
}
html[data-mk-theme].mk-page-reading-test .qbtn.answered,
html[data-mk-theme="light"].mk-page-reading-test .qbtn.answered{
  background:#17211f!important;color:#7be0a7!important;border-color:#315c49!important;
}
html[data-mk-theme].mk-page-reading-test .submit,
html[data-mk-theme="light"].mk-page-reading-test .submit{
  background:linear-gradient(135deg,#ef3d43,#d72f36)!important;
  color:#fff!important;
  border:1px solid #ef555a!important;
  box-shadow:0 8px 22px rgba(216,47,54,.20)!important;
}
@media(max-width:900px){
  html[data-mk-theme].mk-page-reading-test .main{
    border-left:0!important;border-right:0!important;
  }
  html[data-mk-theme].mk-page-reading-test .questions{
    border-top:7px solid #090f14!important;
  }
}

/* ========================================================================== */
/* V9 · REAL-PHONE HEADER + COMPLETE COMPACT MENU                             */
/* Desktop zoom never uses this block: mk-phone-nav is device-gated in JS.    */
/* ========================================================================== */
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header{
  height:64px!important;
  min-height:64px!important;
  padding:0 11px!important;
  gap:9px!important;
}

/* The legacy desktop nav remains untouched for desktop/zoomed desktop, but is
   fully removed from phone layout. V9 renders a dedicated phone panel instead. */
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header > nav{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Phone top row: brand + account + menu only. Language/theme/register/context
   actions live inside the menu so the header never becomes cramped. */
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header > .language-switcher,
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header > .mk-theme-slot,
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header > .header-cta,
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header > .mk-header-secondary-action,
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header > .mk-header-context-action{
  display:none!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme][class] .site-header.site-header > .auth-header-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:112px!important;
  height:36px!important;
  padding:0 13px!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  border:1px solid rgba(55,164,111,.42)!important;
  border-radius:999px!important;
  background:rgba(19,56,42,.18)!important;
  color:var(--mk-text-strong)!important;
  font:700 10px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:.035em!important;
  flex:0 1 auto!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme="light"][class] .site-header.site-header > .auth-header-link{
  background:#f5fbf8!important;
  border-color:#b9dec9!important;
  color:#194b36!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header .brand{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  margin-right:auto!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header .brand b{
  display:block!important;
  max-width:108px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:8px!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header > .menu-toggle{
  display:grid!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
}

/* Dedicated compact phone menu. */
html[data-mk-theme] .mk-phone-menu-panel{display:none!important}
html.mk-phone-nav.mk-compact-header[data-mk-theme] .mk-phone-menu-panel{
  position:fixed!important;
  top:70px!important;
  left:9px!important;
  right:9px!important;
  width:auto!important;
  max-height:calc(100dvh - 82px)!important;
  padding:12px!important;
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  border:1px solid var(--mk-border)!important;
  border-radius:18px!important;
  box-shadow:0 26px 74px rgba(0,0,0,.42)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(0,-8px,0) scale(.985)!important;
  transform-origin:top center!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
  z-index:2147482300!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme="dark"] .mk-phone-menu-panel{
  background:linear-gradient(180deg,rgba(10,15,21,.995),rgba(7,11,16,.995))!important;
  border-color:#283541!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme="light"] .mk-phone-menu-panel{
  background:linear-gradient(180deg,#fff,#f7f9fb)!important;
  border-color:#d8e0e6!important;
  box-shadow:0 22px 62px rgba(25,35,45,.18)!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme] .mk-phone-menu-panel.open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}

html.mk-phone-nav[data-mk-theme] body.menu-open{overflow:hidden!important}

html.mk-phone-nav[data-mk-theme] .mk-phone-menu-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:2px 2px 11px!important;
  margin-bottom:3px!important;
  border-bottom:1px solid var(--mk-border)!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-langs{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  padding:3px!important;
  border:1px solid var(--mk-border)!important;
  border-radius:999px!important;
  background:var(--mk-surface-2)!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-lang{
  min-width:34px!important;
  height:30px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--mk-muted)!important;
  font:700 10px/1 Manrope,Arial,sans-serif!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-lang.active{
  background:var(--mk-text-strong)!important;
  color:var(--mk-bg)!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-theme{
  height:36px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--mk-border)!important;
  border-radius:999px!important;
  background:var(--mk-surface-2)!important;
  color:var(--mk-text-strong)!important;
  font:700 10px/1 Manrope,Arial,sans-serif!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-theme span{font-size:16px!important;line-height:1!important}

html.mk-phone-nav[data-mk-theme] .mk-phone-menu-links{
  display:grid!important;
  gap:2px!important;
  padding:5px 0 2px!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-link{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 9px!important;
  border-bottom:1px solid var(--mk-border)!important;
  color:var(--mk-text-strong)!important;
  font:650 15px/1.2 Manrope,Arial,sans-serif!important;
  letter-spacing:-.015em!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-link.active{color:#ef4046!important}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-group{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:2px 7px!important;
  padding:11px 8px 12px!important;
  border-bottom:1px solid var(--mk-border)!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-group-title{
  grid-column:1/-1!important;
  margin:0 0 4px!important;
  color:var(--mk-text-strong)!important;
  font:700 12px/1.2 Manrope,Arial,sans-serif!important;
  letter-spacing:.02em!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-sublink{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  padding:7px 9px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  color:var(--mk-muted)!important;
  background:transparent!important;
  font:550 12.5px/1.25 Manrope,Arial,sans-serif!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-sublink:active,
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-sublink:hover{
  color:var(--mk-text-strong)!important;
  background:var(--mk-surface-2)!important;
  border-color:var(--mk-border)!important;
}

html.mk-phone-nav[data-mk-theme] .mk-phone-menu-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:12px 2px 2px!important;
}
html.mk-phone-nav[data-mk-theme] :is(.mk-phone-menu-action,.mk-phone-menu-primary){
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 11px!important;
  border-radius:11px!important;
  text-align:center!important;
  font:700 11px/1.2 Manrope,Arial,sans-serif!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-action{
  border:1px solid var(--mk-border)!important;
  background:var(--mk-surface-2)!important;
  color:var(--mk-text-strong)!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-primary{
  border:1px solid #f05a60!important;
  background:linear-gradient(135deg,#ef3d43,#d93037)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(223,53,58,.20)!important;
}

@media(max-width:430px){
  html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header{height:60px!important;min-height:60px!important;padding:0 9px!important;gap:7px!important}
  html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header .brand b{display:none!important}
  html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header .brand>span{width:34px!important;height:34px!important;flex-basis:34px!important}
  html.mk-phone-nav.mk-compact-header[data-mk-theme][class] .site-header.site-header > .auth-header-link{max-width:104px!important;height:34px!important;padding:0 11px!important;font-size:9.5px!important}
  html.mk-phone-nav.mk-compact-header[data-mk-theme] .site-header > .menu-toggle{width:36px!important;height:36px!important;flex-basis:36px!important}
  html.mk-phone-nav.mk-compact-header[data-mk-theme] .mk-phone-menu-panel{top:66px!important;left:7px!important;right:7px!important;max-height:calc(100dvh - 74px)!important;padding:10px!important;border-radius:15px!important}
  html.mk-phone-nav[data-mk-theme] .mk-phone-menu-group{grid-template-columns:1fr 1fr!important;padding-left:5px!important;padding-right:5px!important}
}

@media(max-width:350px){
  html.mk-phone-nav.mk-compact-header[data-mk-theme][class] .site-header.site-header > .auth-header-link{display:none!important}
  html.mk-phone-nav[data-mk-theme] .mk-phone-menu-group{grid-template-columns:1fr!important}
  html.mk-phone-nav[data-mk-theme] .mk-phone-menu-actions{grid-template-columns:1fr!important}
}
/* V9.1 specificity repair: keep the signed-in/account shortcut in the real-phone
   top row while the other utilities stay inside the menu. */
html.mk-phone-nav.mk-compact-header[data-mk-theme][class] .site-header.site-header > a.auth-header-link.auth-header-link:not(.brand){
  display:inline-flex!important;
}

/* ========================================================================== */
/* V10 · MOBILE ACCORDION NAV + DESKTOP HOVER BRIDGE                         */
/* Phone menu keeps submodules hidden until the parent is tapped. Desktop     */
/* flyouts remain open while the pointer crosses into the panel.              */
/* ========================================================================== */

/* Desktop: make the hover path forgiving instead of requiring a click. */
html:not(.mk-phone-nav)[data-mk-theme] .site-header nav .mk-has-nav-popover{
  position:relative!important;
}
html:not(.mk-phone-nav)[data-mk-theme] .site-header nav .mk-has-nav-popover::after{
  content:""!important;
  position:absolute!important;
  left:-10px!important;
  right:-10px!important;
  top:100%!important;
  height:18px!important;
  display:block!important;
  background:transparent!important;
  pointer-events:auto!important;
}
html:not(.mk-phone-nav)[data-mk-theme] .site-header nav .mk-has-nav-popover[data-mk-open="true"] > .mk-nav-popover{
  transition-delay:0s!important;
}

/* Phone panel: slightly denser, calmer, more premium. */
html.mk-phone-nav.mk-compact-header[data-mk-theme] .mk-phone-menu-panel{
  padding:10px 12px 12px!important;
  border-radius:17px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme="dark"] .mk-phone-menu-panel{
  background:
    radial-gradient(260px 150px at 100% 0%,rgba(239,61,67,.07),transparent 70%),
    linear-gradient(180deg,rgba(10,15,21,.998),rgba(7,11,16,.998))!important;
}
html.mk-phone-nav.mk-compact-header[data-mk-theme="light"] .mk-phone-menu-panel{
  background:
    radial-gradient(260px 150px at 100% 0%,rgba(239,61,67,.055),transparent 70%),
    linear-gradient(180deg,#fff,#f8fafb)!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-tools{
  padding:2px 1px 10px!important;
  margin-bottom:0!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-links{
  gap:0!important;
  padding:3px 0 0!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-link{
  min-height:48px!important;
  padding:0 10px!important;
  border-bottom:1px solid var(--mk-border)!important;
  font:650 15px/1.2 Manrope,Arial,sans-serif!important;
}

/* Practice/Learn are accordion rows on phones; sublinks stay hidden initially. */
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-group.mk-phone-menu-accordion{
  display:block!important;
  padding:0!important;
  margin:0!important;
  border-bottom:1px solid var(--mk-border)!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-group.mk-phone-menu-accordion > .mk-phone-menu-group-title{
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  grid-column:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--mk-text-strong)!important;
  text-align:left!important;
  font:700 14px/1.2 Manrope,Arial,sans-serif!important;
  letter-spacing:.005em!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-group-title > span{
  display:block!important;
  min-width:0!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-group-title > i{
  width:9px!important;
  height:9px!important;
  flex:0 0 9px!important;
  border-right:1.5px solid currentColor!important;
  border-bottom:1.5px solid currentColor!important;
  opacity:.62!important;
  transform:rotate(45deg) translate(-2px,-2px)!important;
  transition:transform .18s ease,opacity .18s ease!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-accordion[data-mk-expanded="true"] > .mk-phone-menu-group-title{
  color:#ef4046!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-accordion[data-mk-expanded="true"] > .mk-phone-menu-group-title > i{
  opacity:1!important;
  transform:rotate(225deg) translate(-1px,-1px)!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-group-body{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px 6px!important;
  max-height:0!important;
  padding:0 7px!important;
  overflow:hidden!important;
  opacity:0!important;
  transform:translateY(-4px)!important;
  transition:max-height .22s ease,opacity .16s ease,transform .18s ease,padding .18s ease!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-accordion[data-mk-expanded="true"] > .mk-phone-menu-group-body{
  max-height:220px!important;
  padding:2px 7px 10px!important;
  opacity:1!important;
  transform:none!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-group-body .mk-phone-menu-sublink{
  min-height:38px!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  font-size:12.5px!important;
}
html.mk-phone-nav[data-mk-theme="dark"] .mk-phone-menu-group-body .mk-phone-menu-sublink:hover,
html.mk-phone-nav[data-mk-theme="dark"] .mk-phone-menu-group-body .mk-phone-menu-sublink:active{
  background:#111922!important;
  border-color:#273440!important;
}
html.mk-phone-nav[data-mk-theme="light"] .mk-phone-menu-group-body .mk-phone-menu-sublink:hover,
html.mk-phone-nav[data-mk-theme="light"] .mk-phone-menu-group-body .mk-phone-menu-sublink:active{
  background:#f2f5f7!important;
  border-color:#dce3e8!important;
}

/* One clean action zone; duplicate Register links are removed in JS. */
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  padding:11px 0 1px!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-actions > :only-child{
  grid-column:1/-1!important;
}
html.mk-phone-nav[data-mk-theme] :is(.mk-phone-menu-action,.mk-phone-menu-primary){
  min-height:41px!important;
  border-radius:12px!important;
}
html.mk-phone-nav[data-mk-theme] .mk-phone-menu-primary{
  background:
    radial-gradient(120px 60px at 90% -20%,rgba(255,255,255,.16),transparent 68%),
    linear-gradient(135deg,#f0444a,#d93037)!important;
  box-shadow:0 9px 24px rgba(217,48,55,.22),inset 0 1px 0 rgba(255,255,255,.14)!important;
}

@media(max-width:350px){
  html.mk-phone-nav[data-mk-theme] .mk-phone-menu-group-body{grid-template-columns:1fr!important}
  html.mk-phone-nav[data-mk-theme] .mk-phone-menu-actions{grid-template-columns:1fr!important}
}
html.mk-phone-nav[data-mk-theme] :is(.mk-phone-menu-link,.mk-phone-menu-sublink,.mk-phone-menu-action,.mk-phone-menu-primary){
  text-decoration:none!important;
}

/* ========================================================================== */
/* V11 · READING EXAM CONSISTENCY + RESULTS REPAIR                            */
/* Fixed hybrid exam language: graphite chrome + clean light workspaces.      */
/* Applies to every routed MK reading template without changing test content.  */
/* ========================================================================== */

/* All generations of Reading use the same premium dark exam chrome. */
html.mk-page-reading-test .topbar,
html.mk-page-reading-test .top{
  background:linear-gradient(180deg,#080d12 0%,#0b1117 100%)!important;
  color:#f5f7f9!important;
  border-color:#26333e!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.12)!important;
}
html.mk-page-reading-test .topbar .logo,
html.mk-page-reading-test .topbar .logo *,
html.mk-page-reading-test .topbar .test-title,
html.mk-page-reading-test .topbar .test-title strong,
html.mk-page-reading-test .top .brand,
html.mk-page-reading-test .top .brand *,
html.mk-page-reading-test .top .title,
html.mk-page-reading-test .top .title strong{
  color:#f5f7f9!important;
}
html.mk-page-reading-test .topbar .test-title small,
html.mk-page-reading-test .top .title small{
  color:#94a2ae!important;
}
html.mk-page-reading-test .passage-tab,
html.mk-page-reading-test .tab,
html.mk-page-reading-test .timer,
html.mk-page-reading-test .icon-btn,
html.mk-page-reading-test .nightbtn{
  background:#121a22!important;
  color:#b8c3cc!important;
  border-color:#31404d!important;
  box-shadow:none!important;
}
html.mk-page-reading-test .passage-tab:hover,
html.mk-page-reading-test .tab:hover{
  background:#19232c!important;
  color:#f5f7f9!important;
  border-color:#435462!important;
}
html.mk-page-reading-test .passage-tab.active,
html.mk-page-reading-test .tab.active{
  background:#f5f7f9!important;
  color:#11171d!important;
  border-color:#f5f7f9!important;
}
html.mk-page-reading-test .timer.warning{
  background:#261517!important;
  color:#ff817c!important;
  border-color:#7b3436!important;
}

/* Dark frame/rails, paper-like reading and question surfaces. */
html.mk-page-reading-test .app > main.main,
html.mk-page-reading-test main.main{
  background:#0a1016!important;
}
html.mk-page-reading-test .panel,
html.mk-page-reading-test .passage,
html.mk-page-reading-test .passage-panel{
  background:#fff!important;
  color:#171c21!important;
}
html.mk-page-reading-test .questions,
html.mk-page-reading-test .questions-panel{
  background:#f5f7f9!important;
  color:#171c21!important;
}
html.mk-page-reading-test .passage-text,
html.mk-page-reading-test .passage-text p,
html.mk-page-reading-test .passage h1,
html.mk-page-reading-test .passage-panel h1,
html.mk-page-reading-test .question-group-title{
  color:#171c21!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
html.mk-page-reading-test .passage-intro{color:#6b7782!important}
html.mk-page-reading-test .divider{
  background:#111820!important;
  border-color:#2e3b47!important;
  box-shadow:inset 1px 0 rgba(255,255,255,.025),inset -1px 0 rgba(255,255,255,.025)!important;
}
html.mk-page-reading-test .divider:after{background:#687784!important}
html.mk-page-reading-test .instructions,
html.mk-page-reading-test .q,
html.mk-page-reading-test .question-prompt,
html.mk-page-reading-test .tf-question,
html.mk-page-reading-test .mcq-question,
html.mk-page-reading-test .matching-form-row,
html.mk-page-reading-test .summary-text,
html.mk-page-reading-test .people-section,
html.mk-page-reading-test .checkbox-group{
  background:#fff!important;
  color:#242b31!important;
  border-color:#dce2e7!important;
  box-shadow:0 4px 14px rgba(24,33,42,.025)!important;
  text-shadow:none!important;
}
html.mk-page-reading-test .qtext,
html.mk-page-reading-test .question-prompt *,
html.mk-page-reading-test .tf-question *,
html.mk-page-reading-test .mcq-question *,
html.mk-page-reading-test .matching-form-row *,
html.mk-page-reading-test .summary-text *,
html.mk-page-reading-test .people-section *{
  color:inherit;
  text-shadow:none!important;
}
html.mk-page-reading-test .option,
html.mk-page-reading-test .tf-option,
html.mk-page-reading-test .mcq-option,
html.mk-page-reading-test .checkbox-group label{
  background:#fafbfc!important;
  color:#2b333a!important;
  border-color:#dfe5ea!important;
}
html.mk-page-reading-test .option:has(input:checked),
html.mk-page-reading-test .tf-option:has(input:checked),
html.mk-page-reading-test .mcq-option:has(input:checked),
html.mk-page-reading-test .checkbox-group label:has(input:checked){
  background:#fff0f0!important;
  color:#171d22!important;
  border-color:#e47a7f!important;
}
html.mk-page-reading-test .text-answer,
html.mk-page-reading-test select.answer,
html.mk-page-reading-test .answer-input{
  background:#fff!important;
  color:#151b20!important;
  border-color:#bcc6cf!important;
  text-shadow:none!important;
}

/* Reading bottom navigator now matches the Listening exam console. */
html.mk-page-reading-test footer.qnav,
html.mk-page-reading-test .qnav{
  background:linear-gradient(180deg,#0b1117 0%,#080d12 100%)!important;
  border-color:#2b3945!important;
  box-shadow:0 -8px 28px rgba(0,0,0,.18)!important;
}
html.mk-page-reading-test .qnav-btn,
html.mk-page-reading-test .qbtn{
  background:#f4f6f8!important;
  color:#515d67!important;
  border-color:#d3dbe2!important;
}
html.mk-page-reading-test .qnav-btn:hover,
html.mk-page-reading-test .qbtn:hover{
  background:#fff!important;
  color:#161c22!important;
}
html.mk-page-reading-test .qnav-btn.current,
html.mk-page-reading-test .qbtn.current{
  background:#e83a3e!important;
  color:#fff!important;
  border-color:#e83a3e!important;
  box-shadow:0 0 0 2px rgba(232,58,62,.14)!important;
}
html.mk-page-reading-test .qnav-btn.answered,
html.mk-page-reading-test .qbtn.answered{
  background:#e8f5ed!important;
  color:#187344!important;
  border-color:#9fd3b2!important;
}
html.mk-page-reading-test .reset-btn{
  background:#141c24!important;
  color:#dce4ea!important;
  border-color:#35434f!important;
}
html.mk-page-reading-test .submit-btn,
html.mk-page-reading-test .submit{
  background:linear-gradient(135deg,#f04448,#d92f34)!important;
  color:#fff!important;
  border-color:#e2383d!important;
  box-shadow:0 8px 20px rgba(226,56,61,.18)!important;
}

/* Results are a dedicated premium dark experience regardless of public theme. */
html.mk-page-reading-test .results:not(.hidden){
  background:
    radial-gradient(circle at 82% 12%,rgba(229,46,42,.12),transparent 28%),
    radial-gradient(circle at 8% 88%,rgba(49,75,98,.16),transparent 32%),
    linear-gradient(145deg,#070b0f 0%,#0b1117 58%,#080d12 100%)!important;
  color:#edf2f6!important;
}
html.mk-page-reading-test .results .results-wrap,
html.mk-page-reading-test .results .results-inner{
  color:#edf2f6!important;
}
html.mk-page-reading-test .results .results-top,
html.mk-page-reading-test .results .brand,
html.mk-page-reading-test .results .brand *{
  color:#f4f7f9!important;
}
html.mk-page-reading-test .results h1,
html.mk-page-reading-test .results h2,
html.mk-page-reading-test .results h3{
  color:#f7f9fa!important;
}
html.mk-page-reading-test .results h1 em{color:#ef4843!important}
html.mk-page-reading-test .result-grid,
html.mk-page-reading-test .scoregrid{gap:12px!important}
html.mk-page-reading-test .results .result-card,
html.mk-page-reading-test .results .score{
  background:linear-gradient(180deg,#121922,#0f151c)!important;
  color:#f6f8fa!important;
  border:1px solid #2d3945!important;
  box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
}
html.mk-page-reading-test .results .result-card.main,
html.mk-page-reading-test .results .score.main{
  background:linear-gradient(145deg,#ef403c 0%,#d42d32 55%,#a9191d 100%)!important;
  color:#fff!important;
  border-color:#ef4a46!important;
  box-shadow:0 14px 34px rgba(210,43,48,.24)!important;
}
html.mk-page-reading-test .results .result-card span,
html.mk-page-reading-test .results .score small{
  color:#8f9ba6!important;
}
html.mk-page-reading-test .results .result-card.main span,
html.mk-page-reading-test .results .score.main small{
  color:#ffd8d6!important;
}
html.mk-page-reading-test .results .result-card strong,
html.mk-page-reading-test .results .score strong,
html.mk-page-reading-test .results .result-card.main strong,
html.mk-page-reading-test .results .score.main strong{
  color:#fff!important;
  text-shadow:none!important;
}
html.mk-page-reading-test .results .result-meta{
  color:#98a4ae!important;
}
html.mk-page-reading-test .results .result-save-status{
  background:#0f171d!important;
  color:#aebbc4!important;
  border-color:#2e3b45!important;
}
html.mk-page-reading-test .results .result-save-status.saved{
  background:rgba(27,104,66,.18)!important;
  color:#8ae6b0!important;
  border-color:rgba(73,193,124,.38)!important;
}
html.mk-page-reading-test .results .answer-review-head h2{color:#f5f7f9!important}
html.mk-page-reading-test .results .answer-review-head span{color:#7f8d99!important}
html.mk-page-reading-test .results .answer-review-row,
html.mk-page-reading-test .results .review .row,
html.mk-page-reading-test .results .row{
  background:#10171e!important;
  color:#e8eef2!important;
  border-color:#2a3641!important;
  box-shadow:none!important;
}
html.mk-page-reading-test .results .answer-review-row.correct,
html.mk-page-reading-test .results .review .row.correct,
html.mk-page-reading-test .results .row.correct{
  background:#10171e!important;
  border-left-color:#43d882!important;
}
html.mk-page-reading-test .results .answer-review-row.incorrect,
html.mk-page-reading-test .results .review .row.incorrect,
html.mk-page-reading-test .results .row.incorrect{
  background:#10171e!important;
  border-left-color:#ef4843!important;
}
html.mk-page-reading-test .results .answer-review-row.unanswered,
html.mk-page-reading-test .results .review .row.unanswered,
html.mk-page-reading-test .results .row.unanswered{
  background:#10171e!important;
  border-left-color:#d49a36!important;
}
html.mk-page-reading-test .results .answer-review-row small,
html.mk-page-reading-test .results .review .row small,
html.mk-page-reading-test .results .row small{
  color:#71808d!important;
}
html.mk-page-reading-test .results .answer-review-row strong,
html.mk-page-reading-test .results .review .row strong,
html.mk-page-reading-test .results .row strong{
  color:#f3f6f8!important;
}
html.mk-page-reading-test .results .answer-review-row .qno{color:#b5c0c9!important}
html.mk-page-reading-test .results .why{
  color:#aab6bf!important;
  border-color:#2b3741!important;
}
html.mk-page-reading-test .results .why b{color:#f0f4f7!important}
html.mk-page-reading-test .results .results-actions a,
html.mk-page-reading-test .results .results-actions button,
html.mk-page-reading-test .results .actions a,
html.mk-page-reading-test .results .actions button{
  background:#141c24!important;
  color:#f2f5f7!important;
  border:1px solid #34434f!important;
  box-shadow:none!important;
}
html.mk-page-reading-test .results .results-actions a:hover,
html.mk-page-reading-test .results .results-actions button:hover,
html.mk-page-reading-test .results .actions a:hover,
html.mk-page-reading-test .results .actions button:hover{
  background:#1c2731!important;
  border-color:#4a5c6a!important;
}
html.mk-page-reading-test .results .results-actions .primary,
html.mk-page-reading-test .results .mk-back-reading{
  background:linear-gradient(135deg,#ef403c,#d62e33)!important;
  color:#fff!important;
  border-color:#e23a3f!important;
  box-shadow:0 8px 20px rgba(218,46,51,.18)!important;
}
html.mk-page-reading-test .results .result-note{color:#8795a1!important}

/* Explanation-engine additions must remain readable inside the dark results view. */
html.mk-page-reading-test .results [class*="explanation"],
html.mk-page-reading-test .results [class*="evidence"],
html.mk-page-reading-test .results [class*="paraphrase"]{
  color:#dce4ea!important;
}
html.mk-page-reading-test .results [class*="explanation"] strong,
html.mk-page-reading-test .results [class*="evidence"] strong,
html.mk-page-reading-test .results [class*="paraphrase"] strong{
  color:#fff!important;
}

@media(max-width:900px){
  html.mk-page-reading-test .questions,
  html.mk-page-reading-test .questions-panel{border-top-color:#111820!important}
  html.mk-page-reading-test .qnav{background:#090e13!important}
}


/* ==========================================================================\n   V12 · SAVED READING ATTEMPT REVIEW ROUTE\n   Allows /reading/practiceN/?review=<attempt> to reopen a completed attempt.\n   ========================================================================== */
html.mk-reading-saved-review-open,html.mk-reading-saved-review-open body{overflow:hidden!important}
.mk-saved-reading-attempt-view{position:fixed;inset:0;z-index:2147482000;overflow:auto;background:
  radial-gradient(circle at 82% 5%,rgba(239,69,64,.12),transparent 26%),
  linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),#070b0f;background-size:auto,44px 44px,44px 44px;color:#f5f7f9;font-family:Inter,Arial,sans-serif;padding:34px}
.mk-saved-reading-shell{width:min(1220px,100%);margin:0 auto;padding-bottom:60px}
.mk-saved-reading-head{position:relative;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:29px;border:1px solid #27343f;border-radius:23px;background:linear-gradient(135deg,#111820,#0a1015);box-shadow:0 24px 70px rgba(0,0,0,.3);overflow:hidden}
.mk-saved-reading-head:before{content:"";position:absolute;left:0;top:0;width:48%;height:2px;background:linear-gradient(90deg,#ef4540,transparent)}
.mk-saved-reading-head span,.mk-saved-reading-review-title span{display:block;color:#ff625d;font-size:10px;font-weight:800;letter-spacing:.14em}
.mk-saved-reading-head h1{margin:7px 0 7px;font-size:clamp(38px,6vw,72px);letter-spacing:-.055em;line-height:.95}
.mk-saved-reading-head p{max-width:720px;margin:0;color:#8b98a4;font-size:13px;line-height:1.65}
.mk-saved-reading-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mk-saved-reading-head-actions a,.mk-saved-reading-retake{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 15px;border:1px solid #33414d;border-radius:999px;background:#10171e;color:#e9eef2;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.04em;transition:.18s ease}.mk-saved-reading-head-actions a:hover,.mk-saved-reading-retake:hover{transform:translateY(-1px);border-color:#536170;background:#151e27}
.mk-saved-reading-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:13px 0}.mk-saved-reading-metrics>div{position:relative;overflow:hidden;border:1px solid #26333e;border-radius:16px;background:#0d1319;padding:16px}.mk-saved-reading-metrics>div:before{content:"";position:absolute;left:0;top:0;width:42%;height:1px;background:linear-gradient(90deg,#ef4540,transparent)}.mk-saved-reading-metrics span{display:block;color:#71808d;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mk-saved-reading-metrics strong{display:block;margin-top:5px;font-size:24px;line-height:1}
.mk-saved-reading-review-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:28px 0 12px}.mk-saved-reading-review-title h2{margin:6px 0 0;font-size:27px;letter-spacing:-.035em}
.mk-saved-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mk-saved-reading-answer{border:1px solid #293641;border-radius:14px;background:linear-gradient(145deg,#0e151b,#0a1015);padding:14px}.mk-saved-reading-answer.correct{border-left:3px solid #64d999}.mk-saved-reading-answer.incorrect{border-left:3px solid #ef5c57}.mk-saved-reading-answer.unanswered{border-left:3px solid #e7b35a}.mk-saved-reading-answer-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.mk-saved-reading-answer-top>b{font-size:13px}.mk-saved-reading-answer-top>span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#a9b4bd}.mk-saved-reading-answer-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mk-saved-reading-answer-pair>div{border:1px solid #222d36;border-radius:10px;background:#090e12;padding:10px}.mk-saved-reading-answer-pair small{display:block;color:#6e7b86;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mk-saved-reading-answer-pair strong{display:block;margin-top:4px;font-size:11px;word-break:break-word}.mk-saved-reading-answer details{margin-top:9px;border-top:1px solid #26313a;padding-top:8px}.mk-saved-reading-answer summary{cursor:pointer;color:#9aa7b1;font-size:9px;font-weight:700}.mk-saved-reading-answer p{color:#c6cfd6;font-size:10px;line-height:1.6}.mk-saved-reading-legacy{border:1px dashed #384652;border-radius:17px;background:#0c1217;padding:30px;text-align:center}.mk-saved-reading-legacy b{font-size:18px}.mk-saved-reading-legacy p{max-width:700px;margin:8px auto 0;color:#83909b;line-height:1.65}
/* Explanation engine inside the saved-attempt route */
.mk-saved-reading-review-content .reading-explanations,.mk-saved-reading-review-content .mk-reading-explanations{border-radius:16px!important;overflow:hidden!important;background:#0d141a!important;color:#e8edf1!important}.mk-saved-reading-review-content [class*="explanation"],.mk-saved-reading-review-content [class*="evidence"],.mk-saved-reading-review-content [class*="paraphrase"]{color:#d7e0e7!important}
@media(max-width:850px){.mk-saved-reading-attempt-view{padding:14px}.mk-saved-reading-head{padding:20px;align-items:flex-start;flex-direction:column}.mk-saved-reading-head-actions{justify-content:flex-start}.mk-saved-reading-metrics{grid-template-columns:repeat(2,1fr)}.mk-saved-reading-review-title{align-items:flex-start;flex-direction:column}.mk-saved-reading-retake{width:100%}.mk-saved-reading-grid{grid-template-columns:1fr}}
@media(max-width:480px){.mk-saved-reading-attempt-view{padding:8px}.mk-saved-reading-shell{padding-bottom:28px}.mk-saved-reading-head{border-radius:17px;padding:17px}.mk-saved-reading-head h1{font-size:42px}.mk-saved-reading-head-actions{width:100%}.mk-saved-reading-head-actions a{flex:1 1 46%}.mk-saved-reading-metrics{grid-template-columns:1fr 1fr}.mk-saved-reading-metrics>div{padding:13px}.mk-saved-reading-review-title h2{font-size:23px}.mk-saved-reading-answer-pair{grid-template-columns:1fr}}

/* ==========================================================================\n   V13 · SAVED READING REVIEW CONTRAST LOCK\n   Old Reading templates contain legacy text-color rules.  The saved-attempt\n   route is a separate controlled surface, so lock its typography/surfaces here.\n   ========================================================================== */
html.mk-reading-saved-review-open body .mk-saved-reading-attempt-view,
html.mk-reading-saved-review-open body .mk-saved-reading-attempt-view .mk-saved-reading-shell{
  color:#f5f7f9!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-head h1,
html.mk-reading-saved-review-open body .mk-saved-reading-review-title h2,
html.mk-reading-saved-review-open body .mk-saved-reading-metrics strong{
  color:#f7f9fb!important;
  -webkit-text-fill-color:#f7f9fb!important;
  text-shadow:none!important;
  opacity:1!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-head p{
  color:#b7c1ca!important;
  -webkit-text-fill-color:#b7c1ca!important;
  opacity:1!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-metrics span{
  color:#8fa0ad!important;
  -webkit-text-fill-color:#8fa0ad!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-head span,
html.mk-reading-saved-review-open body .mk-saved-reading-review-title>div>span{
  color:#ff6661!important;
  -webkit-text-fill-color:#ff6661!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-head-actions a,
html.mk-reading-saved-review-open body .mk-saved-reading-retake{
  color:#f1f5f7!important;
  -webkit-text-fill-color:#f1f5f7!important;
}

/* Standalone explanation-engine review rows */
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .answer-review-row,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .row{
  background:#0d141a!important;
  border:1px solid #2a3741!important;
  color:#eef3f6!important;
  box-shadow:none!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .answer-review-row.correct,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .row.correct{
  background:linear-gradient(135deg,rgba(14,55,41,.94),rgba(9,35,27,.96))!important;
  border-color:#28bd75!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .answer-review-row.incorrect,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .answer-review-row.mistake,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .row.incorrect,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .row.mistake{
  background:linear-gradient(135deg,rgba(70,25,28,.94),rgba(43,17,19,.97))!important;
  border-color:#ef625d!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .answer-review-row.unanswered,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .row.unanswered{
  background:linear-gradient(135deg,rgba(61,46,18,.94),rgba(37,29,13,.97))!important;
  border-color:#d9a642!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .answer-review-row b,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .answer-review-row strong,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .row b,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .row strong,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .qno{
  color:#f6f8fa!important;
  -webkit-text-fill-color:#f6f8fa!important;
  opacity:1!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .answer-review-row small,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .row small{
  color:#91a2af!important;
  -webkit-text-fill-color:#91a2af!important;
  opacity:1!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .correct .status,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .correct>.status{
  color:#65f0a4!important;
  -webkit-text-fill-color:#65f0a4!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .incorrect .status,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mistake .status,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .incorrect>.status,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mistake>.status{
  color:#ff7b76!important;
  -webkit-text-fill-color:#ff7b76!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .unanswered .status,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .unanswered>.status{
  color:#ffd06c!important;
  -webkit-text-fill-color:#ffd06c!important;
}

/* Explanation toolbar/panel — force readable content over legacy Reading CSS */
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explain-toolbar{
  background:#0c1319!important;
  border-color:#31404b!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explain-toolbar-copy strong{
  color:#f7f9fb!important;
  -webkit-text-fill-color:#f7f9fb!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explain-toolbar-copy span{
  color:#9bacb9!important;
  -webkit-text-fill-color:#9bacb9!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explain-btn,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explain-toolbar button{
  background:#151e26!important;
  border-color:#344550!important;
  color:#f4f7f9!important;
  -webkit-text-fill-color:#f4f7f9!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explain-btn[aria-expanded="true"]{
  background:#ef4540!important;
  border-color:#ef4540!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explanation-panel{
  background:#091015!important;
  border-color:#2d3a44!important;
  color:#eaf0f4!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explanation-block,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-paraphrase-side{
  background:#101820!important;
  border-color:#2a3944!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explanation-block small,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-paraphrase-side b{
  color:#95a6b3!important;
  -webkit-text-fill-color:#95a6b3!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explanation-block p,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-paraphrase-side span,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-evidence,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explain-note,
html.mk-reading-saved-review-open body .mk-saved-reading-review-content [class*="explanation"],
html.mk-reading-saved-review-open body .mk-saved-reading-review-content [class*="evidence"],
html.mk-reading-saved-review-open body .mk-saved-reading-review-content [class*="paraphrase"]{
  color:#e0e7ec!important;
  -webkit-text-fill-color:#e0e7ec!important;
  opacity:1!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-evidence{
  background:#121b22!important;
  border-left-color:#ef4540!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explain-chip{
  background:#131c23!important;
  border-color:#34424d!important;
  color:#b7c3cc!important;
  -webkit-text-fill-color:#b7c3cc!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-review-content .mk-explain-chip strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Fallback cards used when the explanation engine is unavailable */
html.mk-reading-saved-review-open body .mk-saved-reading-answer-top>b,
html.mk-reading-saved-review-open body .mk-saved-reading-answer-pair strong,
html.mk-reading-saved-review-open body .mk-saved-reading-answer p,
html.mk-reading-saved-review-open body .mk-saved-reading-legacy b{
  color:#f3f6f8!important;
  -webkit-text-fill-color:#f3f6f8!important;
}
html.mk-reading-saved-review-open body .mk-saved-reading-answer-top>span,
html.mk-reading-saved-review-open body .mk-saved-reading-answer-pair small,
html.mk-reading-saved-review-open body .mk-saved-reading-legacy p{
  color:#9eacb7!important;
  -webkit-text-fill-color:#9eacb7!important;
}

/* ========================================================================== */
/* RICHMOND V14 — READING PASSAGE PRACTICE                                   */
/* ========================================================================== */
.mk-reading-mode-picker{position:relative;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,.005))}
.mk-reading-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.mk-reading-mode-card{position:relative;min-height:260px;padding:24px;border:1px solid #27343f;border-radius:18px;background:linear-gradient(145deg,#101820,#0a1117);color:#f5f7f9;text-decoration:none;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.mk-reading-mode-card:before{content:"";position:absolute;inset:0;border-top:2px solid rgba(239,61,67,.62);pointer-events:none}.mk-reading-mode-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-72px;top:-65px;background:radial-gradient(circle,rgba(239,61,67,.15),transparent 68%);pointer-events:none}.mk-reading-mode-card:hover{transform:translateY(-4px);border-color:#475866;box-shadow:0 26px 70px rgba(0,0,0,.32)}.mk-reading-mode-card.full{background:linear-gradient(145deg,#151d24,#0b1117)}.mk-reading-mode-number{position:absolute;right:14px;top:10px;font:800 64px/1 Manrope,sans-serif;color:rgba(255,255,255,.035)}.mk-reading-mode-card small{font:800 9px/1 Manrope,sans-serif;letter-spacing:.14em;color:#ff5a60}.mk-reading-mode-card h3{font:700 25px/1.1 Manrope,sans-serif;letter-spacing:-.035em;margin:30px 0 12px}.mk-reading-mode-card p{color:#8f9ca6;line-height:1.55;font-size:13px;margin:0}.mk-reading-mode-card>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:28px}.mk-reading-mode-card>div b{font:700 8px/1 Manrope,sans-serif;letter-spacing:.09em;color:#8c9aa5;border:1px solid #293640;border-radius:999px;padding:7px 8px}.mk-reading-mode-card>strong{display:block;border-top:1px solid #26333d;padding-top:16px;margin-top:14px;color:#f4f6f8;font:800 10px/1 Manrope,sans-serif;letter-spacing:.08em}

html.mk-reading-passage-mode body{background:#070d12!important}
html.mk-reading-passage-mode #start,html.mk-reading-passage-mode .start,html.mk-reading-passage-mode .start-screen{background:radial-gradient(circle at 74% 20%,rgba(239,61,67,.18),transparent 34%),linear-gradient(135deg,#060c11,#0a1118 70%,#0c1218)!important;color:#fff!important}
html.mk-reading-passage-mode .start-card{background:linear-gradient(145deg,#101922,#0b1218)!important;border:1px solid #31404c!important;box-shadow:0 34px 90px rgba(0,0,0,.42)!important;color:#fff!important}
html.mk-reading-passage-mode .start-card h1,html.mk-reading-passage-mode .start-card h1 span{color:#fff!important;text-shadow:none!important}
html.mk-reading-passage-mode .start-card>p{color:#aab6c0!important}.mk-passage-library-link{display:inline-flex;color:#a7b4be!important;text-decoration:none!important;font:700 10px/1 Manrope,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}.mk-passage-library-link:hover{color:#fff!important}
html.mk-reading-passage-mode .start-card .meta span{background:#0b131a!important;border-color:#33424e!important;color:#aebac4!important}
html.mk-reading-passage-mode .top,html.mk-reading-passage-mode .topbar,html.mk-reading-passage-mode .app>header{background:linear-gradient(90deg,#071018,#0b141c)!important;border-bottom:1px solid #2d3b46!important;color:#fff!important}
html.mk-reading-passage-mode .mk-passage-hidden-tab{display:none!important}html.mk-reading-passage-mode .mk-passage-selected-tab{display:inline-flex!important;background:#fff!important;color:#0a1015!important;border-color:#fff!important;pointer-events:none!important}
html.mk-reading-passage-mode .mk-passage-offpart-question,html.mk-reading-passage-mode .mk-passage-nav-hidden{display:none!important}
html.mk-reading-passage-mode .qnav{background:linear-gradient(90deg,#081019,#0b141d)!important;border-top:1px solid #2d3944!important}
html.mk-reading-passage-mode .qnav-scroll{justify-content:flex-start!important}.mk-passage-results-active{background:radial-gradient(circle at 84% 10%,rgba(239,61,67,.11),transparent 26%),linear-gradient(135deg,#060c11,#0a1117)!important;color:#fff!important;padding:0!important}.mk-passage-results-shell{width:min(1220px,calc(100% - 44px));margin:0 auto;padding:46px 0 70px}.mk-passage-results-head{display:flex;justify-content:space-between;gap:28px;align-items:end;padding:34px;border:1px solid #31404b;border-radius:20px;background:linear-gradient(145deg,#101922,#0a1218);position:relative;overflow:hidden}.mk-passage-results-head:before{content:"";position:absolute;inset:0;border-top:2px solid #ef3d43;pointer-events:none}.mk-passage-results-head>div:first-child{max-width:720px}.mk-passage-results-head span{color:#ff5b61!important;font:800 10px/1 Manrope,sans-serif!important;letter-spacing:.14em!important}.mk-passage-results-head h1{color:#fff!important;font:700 clamp(46px,6vw,82px)/.88 Manrope,sans-serif!important;letter-spacing:-.055em!important;margin:18px 0!important}.mk-passage-results-head h1 em{font-style:normal;color:transparent!important;-webkit-text-stroke:1px #64727e}.mk-passage-results-head p{color:#a9b5bf!important;max-width:650px;line-height:1.6}.mk-passage-results-actions{display:flex;gap:8px;flex-wrap:wrap}.mk-passage-results-actions a,.mk-passage-results-review-head a{color:#fff!important;text-decoration:none!important;border:1px solid #35434f!important;background:#0d151c!important;border-radius:999px;padding:12px 15px;font:800 9px/1 Manrope,sans-serif!important;letter-spacing:.08em!important}.mk-passage-results-actions a:hover,.mk-passage-results-review-head a:hover{border-color:#ef3d43!important;background:#151d24!important}.mk-passage-results-metrics{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px;margin:12px 0 34px}.mk-passage-results-metrics>div{border:1px solid #2d3a45;border-radius:16px;background:#0d151c;padding:20px}.mk-passage-results-metrics>div.primary{background:linear-gradient(135deg,#1a2229,#10171d);border-color:#ef3d43}.mk-passage-results-metrics span{display:block;color:#77909f!important;font:800 9px/1 Manrope,sans-serif!important;letter-spacing:.13em!important;margin-bottom:12px}.mk-passage-results-metrics strong{display:block;color:#fff!important;font:800 34px/1 Manrope,sans-serif!important}.mk-passage-results-review-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px}.mk-passage-results-review-head>div:last-child{display:flex;gap:8px}.mk-passage-results-review-head span{color:#ff5b61!important;font:800 9px/1 Manrope,sans-serif!important;letter-spacing:.15em!important}.mk-passage-results-review-head h2{color:#fff!important;font:700 clamp(28px,4vw,48px)/1 Manrope,sans-serif!important;letter-spacing:-.04em!important;margin:8px 0 0!important}.mk-passage-review-grid{display:grid;gap:8px}.mk-passage-review-card{border:1px solid #2b3944;border-left:3px solid #697782;border-radius:14px;background:#0c141b;padding:18px;color:#fff!important}.mk-passage-review-card.correct{border-color:#235f47;border-left-color:#40df8c;background:linear-gradient(90deg,rgba(21,87,60,.32),#0b141a 45%)}.mk-passage-review-card.incorrect{border-color:#6c3032;border-left-color:#ff5a60;background:linear-gradient(90deg,rgba(109,32,37,.31),#0b141a 45%)}.mk-passage-review-card.unanswered{border-color:#6f592d;border-left-color:#e4ad4a;background:linear-gradient(90deg,rgba(98,72,26,.28),#0b141a 45%)}.mk-passage-review-top{display:flex;justify-content:space-between;gap:14px;align-items:center}.mk-passage-review-top b{color:#fff!important;font-size:13px}.mk-passage-review-top span{font:800 9px Manrope,sans-serif!important;letter-spacing:.09em!important}.mk-passage-review-card.correct .mk-passage-review-top span{color:#56efa1!important}.mk-passage-review-card.incorrect .mk-passage-review-top span{color:#ff7378!important}.mk-passage-review-card.unanswered .mk-passage-review-top span{color:#efbd61!important}.mk-passage-review-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.mk-passage-review-pair>div{border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);border-radius:10px;padding:12px}.mk-passage-review-pair small{display:block;color:#718494!important;font:700 8px Manrope,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;margin-bottom:7px}.mk-passage-review-pair strong{color:#fff!important;font:700 15px/1.35 Manrope,sans-serif!important}.mk-passage-review-card details{margin-top:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.mk-passage-review-card summary{cursor:pointer;color:#c9d3da!important;font:700 11px Manrope,sans-serif!important}.mk-passage-review-card details p{color:#aab6c0!important;line-height:1.6;margin:10px 0 0!important}.mk-passage-save-status{margin-top:16px;border:1px solid #283842;border-radius:12px;padding:13px 15px;color:#89a99a;background:#0a1318;font:700 11px Manrope,sans-serif}
@media(max-width:1100px){.mk-reading-mode-grid{grid-template-columns:repeat(2,1fr)}.mk-passage-results-metrics{grid-template-columns:repeat(3,1fr)}.mk-passage-results-metrics .primary{grid-column:span 2}}
@media(max-width:720px){.mk-reading-mode-grid{grid-template-columns:1fr}.mk-reading-mode-card{min-height:220px}.mk-passage-results-shell{width:min(100% - 22px,1220px);padding:18px 0 50px}.mk-passage-results-head{display:block;padding:22px}.mk-passage-results-actions{margin-top:20px}.mk-passage-results-metrics{grid-template-columns:1fr 1fr}.mk-passage-results-metrics .primary{grid-column:1/-1}.mk-passage-results-review-head{display:block}.mk-passage-results-review-head>div:last-child{margin-top:14px;flex-wrap:wrap}.mk-passage-review-pair{grid-template-columns:1fr}}

/* ========================================================================== */
/* RICHMOND V15 — PASSAGE CORRECTION / REVIEW-IN-CONTEXT                     */
/* ========================================================================== */
html.mk-reading-passage-mode .mk-passage-review-in-context{
  background:linear-gradient(135deg,#ef3d43,#d72d35)!important;
  border-color:#ff656a!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(239,61,67,.18)!important;
}
html.mk-reading-passage-mode .mk-passage-review-in-context:hover{
  background:linear-gradient(135deg,#ff4d53,#df3038)!important;
  border-color:#ff777c!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner{
  flex:0 0 auto;
  position:relative;
  z-index:45;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:15px 22px;
  border-bottom:1px solid #34424d;
  background:
    radial-gradient(circle at 82% 0%,rgba(239,61,67,.13),transparent 34%),
    linear-gradient(90deg,#0d161e,#0a1117 65%,#10151a);
  color:#f5f7f9!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner>div:first-child{min-width:0}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner span{
  display:block;
  color:#ff625f!important;
  font:800 9px/1 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
  margin-bottom:6px;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner b{
  display:block;
  color:#fff!important;
  font:750 18px/1.15 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:-.025em;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner p{
  color:#9eadb8!important;
  margin:5px 0 0!important;
  font:500 11px/1.55 Inter,Arial,sans-serif!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner>div:last-child{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  column-gap:10px;
  row-gap:3px;
  padding-left:20px;
  border-left:1px solid #2c3943;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner>div:last-child>strong{
  grid-row:1 / span 2;
  color:#fff!important;
  font:800 29px/1 Manrope,Inter,Arial,sans-serif!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner>div:last-child>small{
  color:#778895!important;
  font:800 7px/1 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:.12em;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner a{
  color:#f4f7f9!important;
  text-decoration:none!important;
  font:800 8px/1 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:.08em;
  border-bottom:1px solid #ef3d43;
  padding-bottom:2px;
}

html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-question{
  position:relative!important;
  border-radius:12px!important;
  transition:background .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-correct{
  box-shadow:inset 3px 0 #29b873!important;
  background:linear-gradient(90deg,rgba(36,184,113,.055),transparent 34%)!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-incorrect{
  box-shadow:inset 3px 0 #ef4d52!important;
  background:linear-gradient(90deg,rgba(239,77,82,.07),transparent 36%)!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-unanswered{
  box-shadow:inset 3px 0 #dca643!important;
  background:linear-gradient(90deg,rgba(220,166,67,.065),transparent 36%)!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-edited{
  box-shadow:inset 3px 0 #5d90c8!important;
  background:linear-gradient(90deg,rgba(70,125,187,.07),transparent 36%)!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-feedback{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
  margin-top:13px!important;
  padding:9px!important;
  border:1px solid #d6dde3!important;
  border-radius:11px!important;
  background:#f7f9fa!important;
  color:#111820!important;
  box-shadow:none!important;
  font-family:Inter,Arial,sans-serif!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-feedback>div{
  min-width:0!important;
  padding:9px 10px!important;
  border-radius:8px!important;
  border:1px solid #e2e7eb!important;
  background:#fff!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-feedback span{
  display:block!important;
  color:#73818c!important;
  font:800 7px/1 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  margin-bottom:5px!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-feedback b{
  display:block!important;
  color:#111820!important;
  -webkit-text-fill-color:#111820!important;
  font:750 12px/1.35 Inter,Arial,sans-serif!important;
  word-break:break-word!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-state{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:138px!important;
  padding:8px 10px!important;
  border-radius:8px!important;
  color:#25313b!important;
  -webkit-text-fill-color:#25313b!important;
  background:#eef2f4!important;
  font:800 8px/1.25 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:.065em!important;
  text-align:center!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-feedback.correct .mk-passage-correction-state{background:#e5f7ee!important;color:#15774a!important;-webkit-text-fill-color:#15774a!important}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-feedback.incorrect .mk-passage-correction-state{background:#fff0f0!important;color:#c9353a!important;-webkit-text-fill-color:#c9353a!important}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-feedback.unanswered .mk-passage-correction-state{background:#fff7e7!important;color:#8e681d!important;-webkit-text-fill-color:#8e681d!important}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-edited .mk-passage-correction-state{background:#eaf2fb!important;color:#315f91!important;-webkit-text-fill-color:#315f91!important}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-submit{
  background:linear-gradient(135deg,#ef3d43,#d92f36)!important;
  color:#fff!important;
  border-color:#ff5f64!important;
  box-shadow:0 8px 24px rgba(239,61,67,.18)!important;
}

@media(max-width:900px){
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner{position:sticky;top:0;padding:13px 15px;align-items:flex-start;z-index:90}
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner>div:last-child{padding-left:14px}
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner p{font-size:10px!important}
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-feedback{grid-template-columns:1fr 1fr!important}
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-state{grid-column:1/-1;min-width:0!important}
}
@media(max-width:560px){
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner{display:block}
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner>div:last-child{margin-top:10px;padding:10px 0 0;border-left:0;border-top:1px solid #2c3943;grid-template-columns:auto 1fr}
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-banner>div:last-child>strong{font-size:23px!important}
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-feedback{grid-template-columns:1fr!important}
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-state{grid-column:auto}
}


/* V16 · FULL READING IN-CONTEXT CORRECTION MODE */
html.mk-reading-full-correction-review .mk-saved-reading-attempt-view{display:none!important}
html.mk-reading-full-correction-review .mk-full-reading-correction-banner{border-top:1px solid #24313b}
html.mk-reading-full-correction-review .mk-passage-correction-feedback{font-size:12px!important}
html.mk-reading-full-correction-review .mk-passage-correction-question{scroll-margin-top:150px}
html.mk-reading-full-correction-review .mk-passage-correction-banner{
  flex:0 0 auto;
  position:relative;
  z-index:45;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:15px 22px;
  border-bottom:1px solid #34424d;
  background:
    radial-gradient(circle at 82% 0%,rgba(239,61,67,.13),transparent 34%),
    linear-gradient(90deg,#0d161e,#0a1117 65%,#10151a);
  color:#f5f7f9!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
html.mk-reading-full-correction-review .mk-passage-correction-banner>div:first-child{min-width:0}
html.mk-reading-full-correction-review .mk-passage-correction-banner span{
  display:block;
  color:#ff625f!important;
  font:800 9px/1 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
  margin-bottom:6px;
}
html.mk-reading-full-correction-review .mk-passage-correction-banner b{
  display:block;
  color:#fff!important;
  font:750 18px/1.15 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:-.025em;
}
html.mk-reading-full-correction-review .mk-passage-correction-banner p{
  color:#9eadb8!important;
  margin:5px 0 0!important;
  font:500 11px/1.55 Inter,Arial,sans-serif!important;
}
html.mk-reading-full-correction-review .mk-passage-correction-banner>div:last-child{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  column-gap:10px;
  row-gap:3px;
  padding-left:20px;
  border-left:1px solid #2c3943;
}
html.mk-reading-full-correction-review .mk-passage-correction-banner>div:last-child>strong{
  grid-row:1 / span 2;
  color:#fff!important;
  font:800 29px/1 Manrope,Inter,Arial,sans-serif!important;
}
html.mk-reading-full-correction-review .mk-passage-correction-banner>div:last-child>small{
  color:#778895!important;
  font:800 7px/1 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:.12em;
}
html.mk-reading-full-correction-review .mk-passage-correction-banner a{
  color:#f4f7f9!important;
  text-decoration:none!important;
  font:800 8px/1 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:.08em;
  border-bottom:1px solid #ef3d43;
  padding-bottom:2px;
}

html.mk-reading-full-correction-review .mk-passage-correction-question{
  position:relative!important;
  border-radius:12px!important;
  transition:background .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
html.mk-reading-full-correction-review .mk-passage-correction-correct{
  box-shadow:inset 3px 0 #29b873!important;
  background:linear-gradient(90deg,rgba(36,184,113,.055),transparent 34%)!important;
}
html.mk-reading-full-correction-review .mk-passage-correction-incorrect{
  box-shadow:inset 3px 0 #ef4d52!important;
  background:linear-gradient(90deg,rgba(239,77,82,.07),transparent 36%)!important;
}
html.mk-reading-full-correction-review .mk-passage-correction-unanswered{
  box-shadow:inset 3px 0 #dca643!important;
  background:linear-gradient(90deg,rgba(220,166,67,.065),transparent 36%)!important;
}
html.mk-reading-full-correction-review .mk-passage-correction-edited{
  box-shadow:inset 3px 0 #5d90c8!important;
  background:linear-gradient(90deg,rgba(70,125,187,.07),transparent 36%)!important;
}
html.mk-reading-full-correction-review .mk-passage-correction-feedback{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
  margin-top:13px!important;
  padding:9px!important;
  border:1px solid #d6dde3!important;
  border-radius:11px!important;
  background:#f7f9fa!important;
  color:#111820!important;
  box-shadow:none!important;
  font-family:Inter,Arial,sans-serif!important;
}
html.mk-reading-full-correction-review .mk-passage-correction-feedback>div{
  min-width:0!important;
  padding:9px 10px!important;
  border-radius:8px!important;
  border:1px solid #e2e7eb!important;
  background:#fff!important;
}
html.mk-reading-full-correction-review .mk-passage-correction-feedback span{
  display:block!important;
  color:#73818c!important;
  font:800 7px/1 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  margin-bottom:5px!important;
}
html.mk-reading-full-correction-review .mk-passage-correction-feedback b{
  display:block!important;
  color:#111820!important;
  -webkit-text-fill-color:#111820!important;
  font:750 12px/1.35 Inter,Arial,sans-serif!important;
  word-break:break-word!important;
}
html.mk-reading-full-correction-review .mk-passage-correction-state{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:138px!important;
  padding:8px 10px!important;
  border-radius:8px!important;
  color:#25313b!important;
  -webkit-text-fill-color:#25313b!important;
  background:#eef2f4!important;
  font:800 8px/1.25 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:.065em!important;
  text-align:center!important;
}
html.mk-reading-full-correction-review .mk-passage-correction-feedback.correct .mk-passage-correction-state{background:#e5f7ee!important;color:#15774a!important;-webkit-text-fill-color:#15774a!important}
html.mk-reading-full-correction-review .mk-passage-correction-feedback.incorrect .mk-passage-correction-state{background:#fff0f0!important;color:#c9353a!important;-webkit-text-fill-color:#c9353a!important}
html.mk-reading-full-correction-review .mk-passage-correction-feedback.unanswered .mk-passage-correction-state{background:#fff7e7!important;color:#8e681d!important;-webkit-text-fill-color:#8e681d!important}
html.mk-reading-full-correction-review .mk-passage-correction-edited .mk-passage-correction-state{background:#eaf2fb!important;color:#315f91!important;-webkit-text-fill-color:#315f91!important}
html.mk-reading-full-correction-review .mk-passage-correction-submit{
  background:linear-gradient(135deg,#ef3d43,#d92f36)!important;
  color:#fff!important;
  border-color:#ff5f64!important;
  box-shadow:0 8px 24px rgba(239,61,67,.18)!important;
}

@media(max-width:900px){
  html.mk-reading-full-correction-review .mk-passage-correction-banner{position:sticky;top:0;padding:13px 15px;align-items:flex-start;z-index:90}
  html.mk-reading-full-correction-review .mk-passage-correction-banner>div:last-child{padding-left:14px}
  html.mk-reading-full-correction-review .mk-passage-correction-banner p{font-size:10px!important}
  html.mk-reading-full-correction-review .mk-passage-correction-feedback{grid-template-columns:1fr 1fr!important}
  html.mk-reading-full-correction-review .mk-passage-correction-state{grid-column:1/-1;min-width:0!important}
}
@media(max-width:560px){
  html.mk-reading-full-correction-review .mk-passage-correction-banner{display:block}
  html.mk-reading-full-correction-review .mk-passage-correction-banner>div:last-child{margin-top:10px;padding:10px 0 0;border-left:0;border-top:1px solid #2c3943;grid-template-columns:auto 1fr}
  html.mk-reading-full-correction-review .mk-passage-correction-banner>div:last-child>strong{font-size:23px!important}
  html.mk-reading-full-correction-review .mk-passage-correction-feedback{grid-template-columns:1fr!important}
  html.mk-reading-full-correction-review .mk-passage-correction-state{grid-column:auto}
}


/* -------------------------------------------------------------------------- */
/* IELTS READING + LISTENING RESULTS · HARD VISIBILITY FIX                     */
/* Fixes invisible text after submit on Reading/Listening result screens.      */
/* -------------------------------------------------------------------------- */

/* Shared safety: force result layers to own their colors instead of inheriting
   generic theme <b>/<strong>/<small> rules. */
html.mk-page-reading-test .results,
html.mk-page-listening-test .results{
  text-shadow:none!important;
}
html.mk-page-reading-test .results :is(h1,h2,h3,h4,p,small,span,b,strong,em,a,button,div),
html.mk-page-listening-test .results :is(h1,h2,h3,h4,p,small,span,b,strong,em,a,button,div){
  text-shadow:none!important;
}

/* ----------------------------- Listening results --------------------------- */
html.mk-page-listening-test .results{
  background:#eef2f5!important;
  color:#171c21!important;
}
html.mk-page-listening-test .result-card,
html.mk-page-listening-test #results .result-card{
  color:#171c21!important;
}
html.mk-page-listening-test .result-card .eyebrow,
html.mk-page-listening-test #results .eyebrow{
  color:#df353a!important;
  letter-spacing:.12em!important;
  font-weight:800!important;
}
html.mk-page-listening-test .result-card h1,
html.mk-page-listening-test #results h1{
  color:#10151a!important;
}
html.mk-page-listening-test .raw-note,
html.mk-page-listening-test #rawNote,
html.mk-page-listening-test .save-status,
html.mk-page-listening-test #saveStatus{
  color:#6c7782!important;
}
html.mk-page-listening-test .result-stat,
html.mk-page-listening-test #results .result-stat{
  background:#0f161d!important;
  border:1px solid #293641!important;
  color:#edf2f6!important;
  box-shadow:none!important;
}
html.mk-page-listening-test .result-stat small,
html.mk-page-listening-test #results .result-stat small{
  color:#91a1af!important;
}
html.mk-page-listening-test .result-stat :is(b,strong,span),
html.mk-page-listening-test #results .result-stat :is(b,strong,span){
  color:#ffffff!important;
}
html.mk-page-listening-test .review-row,
html.mk-page-listening-test #results .review-row{
  background:#0f161d!important;
  border:1px solid #293641!important;
  color:#e8edf2!important;
  box-shadow:none!important;
}
html.mk-page-listening-test .review-row small,
html.mk-page-listening-test #results .review-row small{
  color:#8fa0ae!important;
}
html.mk-page-listening-test .review-row > b:first-child,
html.mk-page-listening-test #results .review-row > b:first-child{
  color:#ffffff!important;
}
html.mk-page-listening-test .review-row > b:last-child,
html.mk-page-listening-test #results .review-row > b:last-child{
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  color:#d8e0e7!important;
}
html.mk-page-listening-test .review-row.correct > b:last-child,
html.mk-page-listening-test #results .review-row.correct > b:last-child{color:#67e29b!important}
html.mk-page-listening-test .review-row.incorrect > b:last-child,
html.mk-page-listening-test #results .review-row.incorrect > b:last-child{color:#ff7f79!important}
html.mk-page-listening-test .review-row.unanswered > b:last-child,
html.mk-page-listening-test #results .review-row.unanswered > b:last-child{color:#f0c36c!important}
html.mk-page-listening-test .review-row :is(div,span,b,strong),
html.mk-page-listening-test #results .review-row :is(div,span,b,strong){
  color:inherit!important;
}
html.mk-page-listening-test .result-actions a,
html.mk-page-listening-test .result-actions button,
html.mk-page-listening-test #results .result-actions a,
html.mk-page-listening-test #results .result-actions button{
  background:#0f161d!important;
  color:#f4f7fa!important;
  border:1px solid #2e3b46!important;
}
html.mk-page-listening-test .result-actions a:hover,
html.mk-page-listening-test .result-actions button:hover,
html.mk-page-listening-test #results .result-actions a:hover,
html.mk-page-listening-test #results .result-actions button:hover{
  border-color:#df353a!important;
}
html.mk-page-listening-test .result-actions #closeResults,
html.mk-page-listening-test #results .result-actions #closeResults{
  background:#141c24!important;
}

/* ------------------------------ Reading results ---------------------------- */
/* Covers both legacy .score/.review .row format and newer result-stat/review-row format. */
html[data-mk-theme="light"].mk-page-reading-test .results,
html.mk-page-reading-test .results[data-force-light]{
  background:#eef2f5!important;
  color:#171c21!important;
}
html[data-mk-theme="light"].mk-page-reading-test .results h1,
html[data-mk-theme="light"].mk-page-reading-test .results :is(.result-note,.result-meta){
  color:#171c21!important;
}
html[data-mk-theme="light"].mk-page-reading-test .score.main,
html[data-mk-theme="light"].mk-page-reading-test .result-card.main{
  color:#fff!important;
}
html[data-mk-theme="light"].mk-page-reading-test .score.main :is(strong,b,small,span),
html[data-mk-theme="light"].mk-page-reading-test .result-card.main :is(strong,b,small,span){
  color:#fff!important;
}
html[data-mk-theme="light"].mk-page-reading-test .score:not(.main),
html[data-mk-theme="light"].mk-page-reading-test .result-stat,
html[data-mk-theme="light"].mk-page-reading-test .review .row,
html[data-mk-theme="light"].mk-page-reading-test .review-row,
html[data-mk-theme="light"].mk-page-reading-test .why{
  box-shadow:none!important;
}
html[data-mk-theme="light"].mk-page-reading-test .score:not(.main) :is(strong,b,span),
html[data-mk-theme="light"].mk-page-reading-test .result-stat :is(strong,b,span){
  color:#171c21!important;
}
html[data-mk-theme="light"].mk-page-reading-test .result-stat small,
html[data-mk-theme="light"].mk-page-reading-test .review .row small,
html[data-mk-theme="light"].mk-page-reading-test .review-row small{
  color:#73808c!important;
}
html[data-mk-theme="light"].mk-page-reading-test .review .row :is(b,strong,span,div),
html[data-mk-theme="light"].mk-page-reading-test .review-row :is(b,strong,span,div),
html[data-mk-theme="light"].mk-page-reading-test .why :is(b,strong,span,div,p){
  color:#20272d!important;
}

html[data-mk-theme="dark"].mk-page-reading-test .results{
  background:#0a1016!important;
  color:#eaf0f4!important;
}
html[data-mk-theme="dark"].mk-page-reading-test .results h1,
html[data-mk-theme="dark"].mk-page-reading-test .score :is(strong,b,span),
html[data-mk-theme="dark"].mk-page-reading-test .result-stat :is(strong,b,span),
html[data-mk-theme="dark"].mk-page-reading-test .review .row :is(b,strong,span,div),
html[data-mk-theme="dark"].mk-page-reading-test .review-row :is(b,strong,span,div),
html[data-mk-theme="dark"].mk-page-reading-test .why :is(b,strong,span,div,p){
  color:#f2f6f9!important;
}
html[data-mk-theme="dark"].mk-page-reading-test .score small,
html[data-mk-theme="dark"].mk-page-reading-test .result-stat small,
html[data-mk-theme="dark"].mk-page-reading-test .review .row small,
html[data-mk-theme="dark"].mk-page-reading-test .review-row small,
html[data-mk-theme="dark"].mk-page-reading-test .result-note,
html[data-mk-theme="dark"].mk-page-reading-test .result-meta,
html[data-mk-theme="dark"].mk-page-reading-test .why{
  color:#9eadb9!important;
}

/* Reading or listening pages sometimes inherit hidden/dim text through broad
   theme rules. Make stat/review labels visible regardless of markup variant. */
html.mk-page-reading-test .results :is(.score,.result-stat,.review .row,.review-row,.why) small,
html.mk-page-listening-test .results :is(.result-stat,.review-row) small{
  opacity:1!important;
}

/* ========================================================================== */
/* V21 · READING HEADER LOCK — MK001–MK098                                    */
/* Keep Reading workspaces paper-light while exam chrome stays dark in both   */
/* global light and dark themes. Target: MK066-style header across all tests.  */
/* ========================================================================== */
html.mk-page-reading-test .topbar,
html.mk-page-reading-test .top,
html[data-mk-theme="light"].mk-page-reading-test .topbar,
html[data-mk-theme="light"].mk-page-reading-test .top,
html[data-mk-theme="dark"].mk-page-reading-test .topbar,
html[data-mk-theme="dark"].mk-page-reading-test .top{
  background:linear-gradient(180deg,#080d12 0%,#0b1117 100%)!important;
  color:#f5f7f9!important;
  border-color:#26333e!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.12)!important;
}

html.mk-page-reading-test .topbar :is(.logo,.logo *,.test-title,.test-title strong),
html.mk-page-reading-test .top :is(.brand,.brand *,.title,.title strong),
html[data-mk-theme="light"].mk-page-reading-test .topbar :is(.logo,.logo *,.test-title,.test-title strong),
html[data-mk-theme="light"].mk-page-reading-test .top :is(.brand,.brand *,.title,.title strong),
html[data-mk-theme="dark"].mk-page-reading-test .topbar :is(.logo,.logo *,.test-title,.test-title strong),
html[data-mk-theme="dark"].mk-page-reading-test .top :is(.brand,.brand *,.title,.title strong){
  color:#f5f7f9!important;
  -webkit-text-fill-color:#f5f7f9!important;
}

html.mk-page-reading-test .topbar .test-title small,
html.mk-page-reading-test .top .title small,
html[data-mk-theme="light"].mk-page-reading-test .topbar .test-title small,
html[data-mk-theme="light"].mk-page-reading-test .top .title small,
html[data-mk-theme="dark"].mk-page-reading-test .topbar .test-title small,
html[data-mk-theme="dark"].mk-page-reading-test .top .title small{
  color:#94a2ae!important;
  -webkit-text-fill-color:#94a2ae!important;
}

html.mk-page-reading-test :is(.topbar,.top) :is(.passage-tab,.tab,.timer,.icon-btn,.nightbtn,.telegram),
html[data-mk-theme="light"].mk-page-reading-test :is(.topbar,.top) :is(.passage-tab,.tab,.timer,.icon-btn,.nightbtn,.telegram),
html[data-mk-theme="dark"].mk-page-reading-test :is(.topbar,.top) :is(.passage-tab,.tab,.timer,.icon-btn,.nightbtn,.telegram){
  background:#121a22!important;
  color:#b8c3cc!important;
  -webkit-text-fill-color:#b8c3cc!important;
  border-color:#31404d!important;
  box-shadow:none!important;
}

html.mk-page-reading-test :is(.topbar,.top) :is(.passage-tab,.tab):hover,
html[data-mk-theme="light"].mk-page-reading-test :is(.topbar,.top) :is(.passage-tab,.tab):hover,
html[data-mk-theme="dark"].mk-page-reading-test :is(.topbar,.top) :is(.passage-tab,.tab):hover{
  background:#19232c!important;
  color:#f5f7f9!important;
  -webkit-text-fill-color:#f5f7f9!important;
  border-color:#435462!important;
}

html.mk-page-reading-test :is(.topbar,.top) :is(.passage-tab,.tab).active,
html[data-mk-theme="light"].mk-page-reading-test :is(.topbar,.top) :is(.passage-tab,.tab).active,
html[data-mk-theme="dark"].mk-page-reading-test :is(.topbar,.top) :is(.passage-tab,.tab).active{
  background:#f5f7f9!important;
  color:#11171d!important;
  -webkit-text-fill-color:#11171d!important;
  border-color:#f5f7f9!important;
}

html.mk-page-reading-test :is(.topbar,.top) .timer.warning,
html[data-mk-theme="light"].mk-page-reading-test :is(.topbar,.top) .timer.warning,
html[data-mk-theme="dark"].mk-page-reading-test :is(.topbar,.top) .timer.warning{
  background:#261517!important;
  color:#ff817c!important;
  -webkit-text-fill-color:#ff817c!important;
  border-color:#7b3436!important;
}


/* ========================================================================== */
/* V22 · PASSAGE PRACTICE REVIEW — MK001–MK098                                */
/* Keep Passage 1/2/3 result review as complete as Full Reading review.        */
/* ========================================================================== */
.mk-passage-review-explanation{
  margin-top:12px!important;
  padding:13px 14px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.035)!important;
}
.mk-passage-review-explanation small{
  display:block!important;
  color:#ff6b70!important;
  font:800 8px/1 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  margin-bottom:8px!important;
}
.mk-passage-review-explanation p{
  margin:0!important;
  color:#c3cdd5!important;
  font:500 13px/1.62 Inter,Arial,sans-serif!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-explanation{
  grid-column:1 / -1!important;
  display:block!important;
  padding:11px 12px!important;
  border:1px solid #e2e7eb!important;
  border-radius:8px!important;
  background:#fff!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-explanation span{
  color:#c7393e!important;
  -webkit-text-fill-color:#c7393e!important;
  margin-bottom:7px!important;
}
html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-explanation p{
  margin:0!important;
  color:#36414a!important;
  -webkit-text-fill-color:#36414a!important;
  font:500 12px/1.58 Inter,Arial,sans-serif!important;
}
@media(max-width:720px){
  .mk-passage-review-explanation{padding:11px!important}
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-feedback{grid-template-columns:1fr!important}
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-state{min-width:0!important}
  html.mk-reading-passage-mode.mk-passage-correction-review .mk-passage-correction-explanation{grid-column:1!important}
}
/* ========================================================================== */
/* V6 · LISTENING PRACTICE PARITY — MKL035 IS THE VISUAL MASTER              */
/* Applies only to /listening/mkl### practice routes. RLM supervised mocks    */
/* are intentionally excluded by mk-theme.js via mk-page-listening-practice.  */
/* ========================================================================== */

html.mk-page-listening-practice,
html.mk-page-listening-practice body{
  --mkl35-head:72px;
  --mkl35-side:330px;
  --mkl35-paper:1080px;
  --mkl35-red:#f0443e;
  --mkl35-dark:#0b0f14;
  --mkl35-side-bg:#10151b;
  --mkl35-side-line:#273039;
  --mkl35-paper-bg:#f6f7f8;
  --mkl35-card:#fff;
  --mkl35-line:#dce1e5;
  --mkl35-muted:#707a85;
  color-scheme:light!important;
}
html.mk-page-listening-practice body{
  margin:0!important;
  background:#090e13!important;
  color:#101419!important;
  font-family:"DM Sans",Arial,Helvetica,sans-serif!important;
  font-size:16px!important;
  line-height:1.6!important;
  padding-bottom:48px!important;
  overflow-x:hidden!important;
}
html.mk-page-listening-practice :is(button,input,select,textarea){font-family:inherit!important}
html.mk-page-listening-practice :is(h1,h2,h3,h4,h5,h6,.brand,.mk-brand,.mk20-brand,.test-title,.mk-test-title,.mk20-test-title){font-family:"Manrope","DM Sans",Arial,sans-serif!important}

/* Header — same scale and proportions as MKL035. */
html.mk-page-listening-practice :is(body>header,.header,.top,.topbar,.mk20-header){
  height:var(--mkl35-head)!important;
  min-height:var(--mkl35-head)!important;
  background:var(--mkl35-dark)!important;
  color:#fff!important;
  border:0!important;
  border-bottom:1px solid #242b33!important;
  box-shadow:none!important;
  padding:0 18px!important;
  gap:18px!important;
  align-items:center!important;
  z-index:12000!important;
}
html.mk-page-listening-practice :is(.brand,.mk-brand,.mk-v3-header-left,.mk20-brand){
  color:#fff!important;
  gap:10px!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}
html.mk-page-listening-practice :is(.mk-header-logo,.mk-brand-image,.mk20-mark,.mk-v3-mark){
  width:38px!important;
  min-width:38px!important;
  height:26px!important;
  flex:0 0 38px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent url('/assets/mk-mark.png') center/contain no-repeat!important;
  color:transparent!important;
  font-size:0!important;
  box-shadow:none!important;
}
html.mk-page-listening-practice :is(.test-title,.mk-test-title,.mk-v3-title,.mk20-test-title){
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}
html.mk-page-listening-practice :is(.section-tabs,.mk-part-tabs,.mk20-tabs){display:flex!important;gap:6px!important;align-items:center!important}
html.mk-page-listening-practice :is(.section-tab,.mk-part-tab,.mk20-tab){
  min-height:36px!important;
  height:36px!important;
  padding:0 12px!important;
  border:1px solid #333c46!important;
  border-radius:8px!important;
  background:#141a21!important;
  color:#98a3ae!important;
  font-size:12px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
html.mk-page-listening-practice :is(.section-tab,.mk-part-tab,.mk20-tab).active{
  background:#fff!important;color:#111!important;border-color:#fff!important;
}
html.mk-page-listening-practice :is(.clock,.timer-display,.mk-parity-clock,.mk20-clock){
  min-width:88px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #333c46!important;
  border-radius:9px!important;
  background:#121920!important;
  color:#f3f6f8!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
html.mk-page-listening-practice :is(.submit,.submit-top,.mk-v3-submit,.mk20-submit){
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:9px!important;
  background:var(--mkl35-red)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
html.mk-page-listening-practice :is(.mk20-code-pill,.mk-practice-badge){display:none!important}

/* Legacy/MKL035 family. */
html.mk-page-listening-practice .layout{
  grid-template-columns:var(--mkl35-side) minmax(0,1fr)!important;
  min-height:calc(100vh - var(--mkl35-head))!important;
  background:#090e13!important;
}
html.mk-page-listening-practice .audio-panel{
  width:auto!important;
  min-width:0!important;
  position:sticky!important;
  top:var(--mkl35-head)!important;
  height:calc(100vh - var(--mkl35-head))!important;
  max-height:none!important;
  overflow:auto!important;
  padding:22px!important;
  background:var(--mkl35-side-bg)!important;
  color:#fff!important;
  border:0!important;
  border-right:1px solid var(--mkl35-side-line)!important;
  align-self:start!important;
  box-shadow:none!important;
}
html.mk-page-listening-practice .audio-panel .eyebrow{color:#e9edf1!important;font-size:12px!important;letter-spacing:0!important}
html.mk-page-listening-practice .audio-panel h2{margin:8px 0!important;color:#fff!important;font-size:28px!important;line-height:1.12!important;font-weight:800!important}
html.mk-page-listening-practice .audio-panel p{color:#91a0ad!important;font-size:13px!important;line-height:1.55!important}
html.mk-page-listening-practice .audio-panel audio{display:block!important;width:100%!important;max-width:100%!important;margin:16px 0!important}
html.mk-page-listening-practice .audio-note{
  padding:13px!important;border:1px solid #2f3a44!important;border-radius:12px!important;
  background:#151b22!important;color:#9aa5b0!important;font-size:11px!important;line-height:1.55!important;
}
html.mk-page-listening-practice .section-summary{display:grid!important;gap:8px!important;margin-top:18px!important}
html.mk-page-listening-practice .section-summary button{
  width:100%!important;padding:11px!important;text-align:left!important;border:1px solid #2a333d!important;
  border-radius:10px!important;background:#11171d!important;color:#99a4ae!important;box-shadow:none!important;
}
html.mk-page-listening-practice .section-summary button b{display:block!important;margin-bottom:3px!important;color:#fff!important}
html.mk-page-listening-practice .section-summary button.current{border-color:#fff!important;background:#11171d!important}
html.mk-page-listening-practice .questions{
  width:100%!important;
  max-width:var(--mkl35-paper)!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:28px 32px 105px!important;
  background:var(--mkl35-paper-bg)!important;
  color:#101419!important;
  font-size:16px!important;
  line-height:1.6!important;
}
html.mk-page-listening-practice .section-head{margin-bottom:18px!important;gap:15px!important}
html.mk-page-listening-practice .section-head h1{margin:0!important;color:#101419!important;font-size:34px!important;line-height:1.12!important;font-weight:800!important}
html.mk-page-listening-practice .section-head span{color:var(--mkl35-muted)!important;font-size:13px!important}

/* Shared question paper typography/cards across every family. */
html.mk-page-listening-practice :is(.question-prompt,.instruction,.section-banner,.qgroup>h2,.part-header){
  padding:14px 15px!important;
  margin:14px 0!important;
  border:1px solid #dadddf!important;
  border-radius:11px!important;
  background:#eef0f1!important;
  color:#101419!important;
  font-size:16px!important;
  line-height:1.6!important;
  box-shadow:none!important;
}
html.mk-page-listening-practice :is(.task-card,.q-card,.note-card,.notes-card,.notes-block,.question,.form-card,.multi-choice-question,.single-choice-container,.matching-container,.matching-question-container){
  background:#fff!important;
  color:#101419!important;
  border-color:#d2d8dd!important;
  border-radius:12px!important;
  box-shadow:none!important;
  font-size:16px!important;
  line-height:1.6!important;
}
html.mk-page-listening-practice :is(.task-card,.q-card,.note-card,.notes-card,.notes-block){padding:20px!important;margin:12px 0!important}
html.mk-page-listening-practice .question{margin:0 0 20px!important;scroll-margin-top:90px!important}
html.mk-page-listening-practice :is(.centered-title,.task-card h3,.note-card h3){font-family:"Manrope","DM Sans",Arial,sans-serif!important;font-size:20px!important;font-weight:800!important}
html.mk-page-listening-practice :is(.answer-input,.flowchart-input,.summary-input,.select-answer,.text-answer,input[type='text'],input[type='number'],textarea,select){
  min-height:38px!important;
  padding:8px 10px!important;
  border:1px solid #bfc7ce!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#111!important;
  font-size:16px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
html.mk-page-listening-practice :is(.multi-choice-option,.option-label,.single-choice>label,.static-choice){
  padding:11px 13px!important;
  margin:7px 0!important;
  background:#fff!important;
  color:#20272d!important;
  border:1px solid #d7dde1!important;
  border-radius:8px!important;
  font-size:16px!important;
  line-height:1.5!important;
  box-shadow:none!important;
}
html.mk-page-listening-practice :is(.matching-options-list,.matching-options-bank,.drag-options-container,.source-options-box){
  background:#f8fafb!important;color:#20272d!important;border:1px solid #d7dde1!important;border-radius:10px!important;padding:12px!important;
}
html.mk-page-listening-practice :is(.drag-drop-container,.matching-question-container,.match-layout){
  grid-template-columns:minmax(0,1fr) minmax(260px,320px)!important;
  gap:18px!important;
  align-items:start!important;
}
html.mk-page-listening-practice :is(.matching-options-list,.matching-options-bank,.drag-options-container){min-width:260px!important;width:100%!important}
html.mk-page-listening-practice :is(.drag-item,.ldm-option){white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;line-height:1.4!important}
html.mk-page-listening-practice table{font-size:15px!important;line-height:1.45!important}
html.mk-page-listening-practice :is(th,td){padding:10px!important}

/* MKL051–053 transformed shell: enlarge to MKL035 rather than the compact v3 size. */
html.mk-page-listening-practice body.mk-listening-v3{padding-bottom:48px!important;background:#090e13!important}
html.mk-page-listening-practice body.mk-listening-v3>.header{height:72px!important;min-height:72px!important;padding:0 18px!important;gap:18px!important}
html.mk-page-listening-practice body.mk-listening-v3 .mk-v3-mark{
  width:38px!important;height:26px!important;min-width:38px!important;border-radius:0!important;
  background:transparent url('/assets/mk-mark.png') center/contain no-repeat!important;border:0!important;color:transparent!important;font-size:0!important;
}
html.mk-page-listening-practice body.mk-listening-v3 .mk-v3-brand{font-size:12px!important;letter-spacing:.04em!important}
html.mk-page-listening-practice body.mk-listening-v3 .mk-v3-title{font-size:12px!important;color:#fff!important}
html.mk-page-listening-practice body.mk-listening-v3 .mk-v3-layout{
  grid-template-columns:330px minmax(0,1fr)!important;
  min-height:calc(100vh - 72px)!important;
  margin-top:72px!important;
  background:#090e13!important;
}
html.mk-page-listening-practice body.mk-listening-v3 .sidebar.mk-v3-sidebar{
  position:sticky!important;top:72px!important;height:calc(100vh - 72px)!important;
  padding:22px!important;background:#10151b!important;border-right:1px solid #273039!important;
}
html.mk-page-listening-practice body.mk-listening-v3 .main-area.mk-v3-main{background:#090e13!important;padding:0!important}
html.mk-page-listening-practice body.mk-listening-v3 .questions-panel.mk-v3-paper{
  width:min(100%,1080px)!important;
  min-height:calc(100vh - 72px)!important;
  margin:0 auto!important;
  padding:28px 32px 105px!important;
  background:#f6f7f8!important;
  color:#101419!important;
}
html.mk-page-listening-practice body.mk-listening-v3 .mk-parity-section-head{margin-bottom:18px!important}
html.mk-page-listening-practice body.mk-listening-v3 .mk-parity-section-head h1{font-size:34px!important;line-height:1.12!important;margin:4px 0 12px!important}
/* Make the custom player occupy the same visual footprint as MKL035 native audio. */
html.mk-page-listening-practice body.mk-listening-v3 .audio-player-container.audio-shell{
  width:100%!important;min-height:54px!important;margin:16px 0!important;padding:9px 10px!important;border-radius:28px!important;
  background:#f5f5f5!important;color:#111!important;border:0!important;grid-template-columns:38px minmax(0,1fr)!important;
}
html.mk-page-listening-practice body.mk-listening-v3 .audio-player-container.audio-shell #play-pause-btn{
  width:34px!important;height:34px!important;background:#fff!important;color:#111!important;
}
html.mk-page-listening-practice body.mk-listening-v3 .audio-player-container.audio-shell :is(#current-time,#total-duration){color:#444!important;font-size:10px!important}
html.mk-page-listening-practice body.mk-listening-v3 .audio-player-container.audio-shell .controls-container{color:#111!important}
html.mk-page-listening-practice body.mk-listening-v3 .audio-player-container.audio-shell .player-btn{background:transparent!important;color:#222!important;border:0!important}

/* MKL054–068 imported shell: override all compact V10/V11 layers with MKL035 geometry. */
html.mk-page-listening-practice body.mk20-page{padding:0 0 48px!important;background:#090e13!important;font-family:"DM Sans",Arial,sans-serif!important}
html.mk-page-listening-practice body.mk20-page .mk20-header{
  position:fixed!important;inset:0 0 auto 0!important;height:72px!important;min-height:72px!important;
  padding:0 18px!important;gap:18px!important;background:#0b0f14!important;border-bottom:1px solid #242b33!important;
}
html.mk-page-listening-practice body.mk20-page .mk20-mark{
  width:38px!important;height:26px!important;min-width:38px!important;flex-basis:38px!important;border-radius:0!important;
  background:transparent url('/assets/mk-mark.png') center/contain no-repeat!important;border:0!important;color:transparent!important;font-size:0!important;
}
html.mk-page-listening-practice body.mk20-page .mk20-brand{font-size:12px!important;letter-spacing:.04em!important}
html.mk-page-listening-practice body.mk20-page .mk20-test-title{font-size:12px!important;color:#fff!important}
html.mk-page-listening-practice body.mk20-page .mk20-tab{height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:12px!important}
html.mk-page-listening-practice body.mk20-page .mk20-layout{
  display:grid!important;
  grid-template-columns:330px minmax(0,1fr)!important;
  min-height:calc(100vh - 72px)!important;
  margin:72px 0 0!important;
  padding:0!important;
  background:#090e13!important;
}
html.mk-page-listening-practice body.mk20-page .mk20-sidebar{
  position:sticky!important;left:auto!important;top:72px!important;bottom:auto!important;
  width:auto!important;height:calc(100vh - 72px)!important;min-height:0!important;align-self:start!important;
  padding:22px!important;overflow:auto!important;background:#10151b!important;color:#fff!important;
  border:0!important;border-right:1px solid #273039!important;z-index:30!important;
}
html.mk-page-listening-practice body.mk20-page .mk20-sidebar h2{font-size:28px!important;line-height:1.12!important;margin:8px 0!important}
html.mk-page-listening-practice body.mk20-page .mk20-sidebar>p{font-size:13px!important;line-height:1.55!important;margin:0 0 10px!important}
html.mk-page-listening-practice body.mk20-page .mk20-audio-note{display:block!important;padding:13px!important;margin:0!important;border:1px solid #2f3a44!important;border-radius:12px!important;background:#151b22!important;color:#9aa5b0!important;font-size:11px!important;line-height:1.55!important}
html.mk-page-listening-practice body.mk20-page .mk20-summary{display:grid!important;gap:8px!important;margin-top:18px!important}
html.mk-page-listening-practice body.mk20-page .mk20-summary button{padding:11px!important;border-radius:10px!important;background:#11171d!important;border:1px solid #2a333d!important;color:#99a4ae!important}
html.mk-page-listening-practice body.mk20-page .mk20-summary button span{display:block!important}
html.mk-page-listening-practice body.mk20-page .mk20-summary button.current{border-color:#fff!important;background:#11171d!important}
html.mk-page-listening-practice body.mk20-page .mk20-content{
  display:block!important;margin:0!important;width:auto!important;min-width:0!important;
  background:#090e13!important;padding:0!important;
}
html.mk-page-listening-practice body.mk20-page .mk20-content-head{
  width:min(100%,1080px)!important;max-width:1080px!important;margin:0 auto!important;
  padding:28px 32px 0!important;background:#f6f7f8!important;color:#101419!important;
}
html.mk-page-listening-practice body.mk20-page .mk20-content-head h1{font-size:34px!important;line-height:1.12!important;margin:4px 0 12px!important}
html.mk-page-listening-practice body.mk20-page .mk20-content :is(.main,.main-container){
  width:min(100%,1080px)!important;max-width:1080px!important;margin:0 auto!important;padding:0!important;
  background:#f6f7f8!important;color:#101419!important;
}
html.mk-page-listening-practice body.mk20-page .mk20-content :is(.pane,.questions-container,.left-panel,.content){
  width:100%!important;max-width:none!important;margin:0!important;
  padding-left:32px!important;padding-right:32px!important;
  background:#f6f7f8!important;color:#101419!important;border:0!important;
}
html.mk-page-listening-practice body.mk20-page .mk20-content :is(.pane,.questions-container){padding-bottom:105px!important}
html.mk-page-listening-practice body.mk20-page .mk20-content :is(section.part,.question-part,.lwrap){
  width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
}
/* Restore the source's native HTML audio, which MKL035 uses. */
html.mk-page-listening-practice body.mk20-page .mk20-audio-slot audio{
  display:block!important;visibility:visible!important;width:100%!important;height:auto!important;opacity:1!important;
  margin:16px 0!important;position:static!important;pointer-events:auto!important;
}
html.mk-page-listening-practice body.mk20-page .mk053-player{display:none!important}
html.mk-page-listening-practice body.mk20-page .mk20-code-pill{display:none!important}

/* Bottom navigator — white MKL035 bar for all practice families. */
html.mk-page-listening-practice :is(.navigator,.bottom-nav,.nav-row.bottom-nav,.mk20-navigator){
  position:fixed!important;
  left:330px!important;right:0!important;bottom:0!important;top:auto!important;
  height:auto!important;min-height:48px!important;
  padding:7px 10px!important;
  background:rgba(255,255,255,.98)!important;
  color:#4d5965!important;
  border:0!important;border-top:1px solid #d8dde1!important;border-radius:0!important;
  box-shadow:none!important;backdrop-filter:blur(10px)!important;
  z-index:11900!important;
}
html.mk-page-listening-practice .navigator{display:grid!important;grid-template-columns:repeat(40,minmax(22px,1fr))!important;gap:3px!important}
html.mk-page-listening-practice .mk20-navigator{display:grid!important;grid-template-columns:repeat(40,minmax(22px,1fr))!important;gap:3px!important}
html.mk-page-listening-practice .nav-row.bottom-nav{display:flex!important;gap:3px!important;overflow-x:auto!important;overflow-y:hidden!important;align-items:center!important}
html.mk-page-listening-practice :is(.qnav,.mk20-qnav,.subQuestion,.footer__subquestionWrapper___9GgoP .scorable-item){
  width:auto!important;min-width:26px!important;flex:1 0 26px!important;height:32px!important;min-height:32px!important;
  padding:0!important;border:1px solid #d4d9dd!important;border-radius:6px!important;
  background:#fff!important;color:#4d5965!important;font-size:9px!important;font-weight:700!important;box-shadow:none!important;
}
html.mk-page-listening-practice :is(.qnav,.mk20-qnav,.subQuestion).current,
html.mk-page-listening-practice :is(.qnav,.mk20-qnav,.subQuestion).active{
  outline:2px solid var(--mkl35-red)!important;outline-offset:0!important;background:#fff!important;color:#4d5965!important;border-color:#d4d9dd!important;
}
html.mk-page-listening-practice :is(.qnav,.mk20-qnav).done,
html.mk-page-listening-practice .subQuestion.answered{
  background:#10151b!important;color:#fff!important;border-color:#10151b!important;
}
html.mk-page-listening-practice :is(.mk053-check,.check-btn,.footer__deliverButton___3FM07){display:none!important}

/* Keep imported legacy source gates/branding out of the actual practice UI. */
html.mk-page-listening-practice :is(#playOverlay,.play-overlay,.overlay.play-ov,#entryOverlay,.entry-overlay,#startOverlay,.start-overlay,#login-screen,#candidate-screen,.telegram-float,.brand-telegram){display:none!important;visibility:hidden!important;pointer-events:none!important}
html.mk-page-listening-practice body::after{content:none!important;display:none!important}

@media(max-width:1050px){
  html.mk-page-listening-practice :is(.navigator,.mk20-navigator){grid-template-columns:repeat(20,1fr)!important}
  html.mk-page-listening-practice :is(.questions,.questions-panel.mk-v3-paper){padding-bottom:145px!important}
  html.mk-page-listening-practice body.mk20-page .mk20-content :is(.pane,.questions-container){padding-bottom:145px!important}
}
@media(max-width:850px){
  html.mk-page-listening-practice{--mkl35-head:66px;--mkl35-side:100%}
  html.mk-page-listening-practice :is(body>header,.header,.top,.topbar,.mk20-header){height:auto!important;min-height:66px!important;padding:7px 9px!important;gap:7px!important;flex-wrap:wrap!important}
  html.mk-page-listening-practice :is(.test-title,.mk-test-title,.mk-v3-title,.mk20-test-title){display:none!important}
  html.mk-page-listening-practice :is(.brand,.mk-brand,.mk-v3-header-left,.mk20-brand){flex:1 1 auto!important}
  html.mk-page-listening-practice :is(.section-tabs,.mk-part-tabs,.mk20-tabs){order:3!important;width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  html.mk-page-listening-practice .layout{grid-template-columns:1fr!important}
  html.mk-page-listening-practice .audio-panel{position:relative!important;top:0!important;height:auto!important;border-right:0!important}
  html.mk-page-listening-practice .questions{max-width:100%!important;padding:20px 12px 155px!important}
  html.mk-page-listening-practice body.mk-listening-v3 .mk-v3-layout{display:block!important;margin-top:66px!important;min-height:0!important}
  html.mk-page-listening-practice body.mk-listening-v3 .sidebar.mk-v3-sidebar{position:static!important;top:auto!important;height:auto!important;border-right:0!important;border-bottom:1px solid #273039!important}
  html.mk-page-listening-practice body.mk-listening-v3 .questions-panel.mk-v3-paper{width:100%!important;min-height:0!important;padding:20px 12px 155px!important}
  html.mk-page-listening-practice body.mk20-page .mk20-layout{display:block!important;margin-top:66px!important;min-height:0!important}
  html.mk-page-listening-practice body.mk20-page .mk20-sidebar{position:static!important;top:auto!important;height:auto!important;border-right:0!important;border-bottom:1px solid #273039!important}
  html.mk-page-listening-practice body.mk20-page .mk20-content-head{width:100%!important;max-width:none!important;padding:20px 12px 0!important}
  html.mk-page-listening-practice body.mk20-page .mk20-content :is(.main,.main-container){width:100%!important;max-width:none!important}
  html.mk-page-listening-practice body.mk20-page .mk20-content :is(.pane,.questions-container,.left-panel,.content){padding-left:12px!important;padding-right:12px!important}
  html.mk-page-listening-practice :is(.drag-drop-container,.matching-question-container,.match-layout){grid-template-columns:1fr!important}
  html.mk-page-listening-practice :is(.matching-options-list,.matching-options-bank,.drag-options-container){min-width:0!important}
  html.mk-page-listening-practice :is(.navigator,.bottom-nav,.nav-row.bottom-nav,.mk20-navigator){left:0!important}
  html.mk-page-listening-practice :is(.navigator,.mk20-navigator){grid-template-columns:repeat(10,1fr)!important}
}

/* ========================================================================== */
/* V22 · READING SUBMITTED RESULTS CONSISTENCY · MK001–MK112                  */
/* Final override: every full Reading result/review owns a single dark palette */
/* regardless of global theme or legacy/new Reading result markup.             */
/* ========================================================================== */
html.mk-page-reading-test .results:not(.hidden){
  background:
    radial-gradient(circle at 82% 10%,rgba(239,61,67,.12),transparent 27%),
    radial-gradient(circle at 7% 88%,rgba(44,76,102,.16),transparent 31%),
    linear-gradient(145deg,#070c11 0%,#0a1118 56%,#080d12 100%)!important;
  color:#edf2f6!important;
  padding:34px!important;
  color-scheme:dark!important;
}
html.mk-page-reading-test .results:not(.hidden) .results-inner,
html.mk-page-reading-test .results:not(.hidden) .results-wrap{
  width:min(1080px,100%)!important;
  margin-inline:auto!important;
  color:#edf2f6!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(h1,h2,h3,h4){
  color:#f8fafb!important;
  text-shadow:none!important;
}
html.mk-page-reading-test .results:not(.hidden) h1{
  font-family:Manrope,"DM Sans",sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
  line-height:.96!important;
}
html.mk-page-reading-test .results:not(.hidden) .brand,
html.mk-page-reading-test .results:not(.hidden) .brand :is(span,b,strong){
  color:#f5f8fa!important;
  opacity:1!important;
}

/* Summary metrics: legacy .score and newer .result-card/.result-stat variants. */
html.mk-page-reading-test .results:not(.hidden) :is(.score,.result-card,.result-stat){
  background:linear-gradient(180deg,#121a22,#0e151c)!important;
  border:1px solid #2d3a45!important;
  color:#f4f7f9!important;
  box-shadow:0 10px 26px rgba(0,0,0,.14)!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.score.main,.result-card.main,.result-stat.main){
  background:linear-gradient(145deg,#ef403c 0%,#d62d32 56%,#ad1d22 100%)!important;
  border-color:#ef4a46!important;
  color:#fff!important;
  box-shadow:0 15px 34px rgba(213,45,50,.23)!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.score,.result-card,.result-stat) :is(b,strong){
  color:#fff!important;
  opacity:1!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.score,.result-card,.result-stat) :is(small,span){
  color:#91a0ad!important;
  opacity:1!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.score.main,.result-card.main,.result-stat.main) :is(small,span,b,strong){
  color:#fff!important;
  opacity:1!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.score.main,.result-card.main,.result-stat.main) small{
  color:#ffd7d5!important;
}

/* Answer review: covers MK001 legacy rows and newer review-row/answer-review-row. */
html.mk-page-reading-test .results:not(.hidden) :is(.review .row,.review-row,.answer-review-row){
  background:#0f171e!important;
  color:#dbe3e9!important;
  border:1px solid #2b3843!important;
  border-left-width:3px!important;
  box-shadow:none!important;
  opacity:1!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.review .row,.review-row,.answer-review-row).correct{
  border-left-color:#45dc8a!important;
  background:linear-gradient(90deg,rgba(26,105,72,.18),#0f171e 28%)!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.review .row,.review-row,.answer-review-row).incorrect,
html.mk-page-reading-test .results:not(.hidden) :is(.review .row,.review-row,.answer-review-row).mistake{
  border-left-color:#f05a55!important;
  background:linear-gradient(90deg,rgba(121,39,42,.18),#0f171e 28%)!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.review .row,.review-row,.answer-review-row).unanswered{
  border-left-color:#dda841!important;
  background:linear-gradient(90deg,rgba(118,88,33,.18),#0f171e 28%)!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.review .row,.review-row,.answer-review-row) > b:first-child,
html.mk-page-reading-test .results:not(.hidden) :is(.review .row,.review-row,.answer-review-row) .qno{
  color:#f7f9fa!important;
  opacity:1!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.review .row,.review-row,.answer-review-row) :is(div,p,span){
  color:#cbd5dc!important;
  opacity:1!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.review .row,.review-row,.answer-review-row) :is(strong,b){
  color:#ffffff!important;
  opacity:1!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.review .row,.review-row,.answer-review-row) small{
  color:#8d9ca8!important;
  opacity:1!important;
}
/* Legacy fourth column is the status label. */
html.mk-page-reading-test .results:not(.hidden) .review .row > div:nth-child(4){
  color:#cbd5dc!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
html.mk-page-reading-test .results:not(.hidden) .review .row.correct > div:nth-child(4){color:#67e6a0!important}
html.mk-page-reading-test .results:not(.hidden) .review .row.incorrect > div:nth-child(4){color:#ff827d!important}
html.mk-page-reading-test .results:not(.hidden) .review .row.unanswered > div:nth-child(4){color:#efc26d!important}

/* Explanation / evidence blocks must never inherit dark text from light theme. */
html.mk-page-reading-test .results:not(.hidden) :is(.why,[class*="explanation"],[class*="evidence"],[class*="paraphrase"]){
  color:#aebac3!important;
  border-color:#2d3943!important;
  opacity:1!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.why,[class*="explanation"],[class*="evidence"],[class*="paraphrase"]) :is(b,strong){
  color:#f2f6f8!important;
}

/* Result metadata / save state. */
html.mk-page-reading-test .results:not(.hidden) :is(.result-note,.result-meta,.saved-note,.result-save-status){
  color:#94a3af!important;
  opacity:1!important;
}
html.mk-page-reading-test .results:not(.hidden) .saved-note.show,
html.mk-page-reading-test .results:not(.hidden) .result-save-status.saved{
  color:#83e2aa!important;
}

/* One action language for every generation of Reading template. */
html.mk-page-reading-test .results:not(.hidden) :is(.actions,.results-actions,.result-actions){
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.actions,.results-actions,.result-actions) :is(a,button){
  background:#141d25!important;
  color:#f4f7f9!important;
  border:1px solid #35434f!important;
  box-shadow:none!important;
  text-decoration:none!important;
  opacity:1!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.actions,.results-actions,.result-actions) :is(a,button):hover{
  background:#1b2731!important;
  border-color:#576a79!important;
}
html.mk-page-reading-test .results:not(.hidden) :is(.actions,.results-actions,.result-actions) :is(.primary,.mk-back-reading){
  background:linear-gradient(135deg,#ef403c,#d62e33)!important;
  color:#fff!important;
  border-color:#e23a3f!important;
}

/* Broad final safety net for legacy templates with bare text nodes/elements. */
html.mk-page-reading-test .results:not(.hidden) .review :is(b,strong,span,div,p),
html.mk-page-reading-test .results:not(.hidden) .answer-review :is(b,strong,span,div,p){
  text-shadow:none!important;
  opacity:1!important;
}

@media(max-width:900px){
  html.mk-page-reading-test .results:not(.hidden){padding:22px 13px calc(34px + env(safe-area-inset-bottom))!important}
  html.mk-page-reading-test .results:not(.hidden) h1{font-size:clamp(42px,12vw,60px)!important}
  html.mk-page-reading-test .results:not(.hidden) :is(.scoregrid,.result-grid){grid-template-columns:1fr 1fr!important}
  html.mk-page-reading-test .results:not(.hidden) :is(.score.main,.result-card.main,.result-stat.main){grid-column:1/-1!important}
  html.mk-page-reading-test .results:not(.hidden) .review .row{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:9px!important;
  }
  html.mk-page-reading-test .results:not(.hidden) .review .row > div:nth-child(3),
  html.mk-page-reading-test .results:not(.hidden) .review .row > div:nth-child(4),
  html.mk-page-reading-test .results:not(.hidden) .review .row > .why{
    grid-column:2!important;
  }
}
@media(max-width:560px){
  html.mk-page-reading-test .results:not(.hidden) :is(.scoregrid,.result-grid){grid-template-columns:1fr!important}
  html.mk-page-reading-test .results:not(.hidden) :is(.score.main,.result-card.main,.result-stat.main){grid-column:auto!important}
}

/* ========================================================================== */
/* MK LISTENING · UNIFIED PREMIUM SUBMIT / REVIEW OVERLAY · MKL001–MKL068    */
/* Presentation only. Existing scoring, answer_details and Supabase saving    */
/* remain owned by each Listening test.                                       */
/* ========================================================================== */
html.mk-page-listening-practice{
  --mkl-result-bg:#090e13;
  --mkl-result-panel:#0e151c;
  --mkl-result-panel-2:#111a22;
  --mkl-result-border:#2a3742;
  --mkl-result-text:#f5f7f9;
  --mkl-result-muted:#8fa0ae;
  --mkl-result-red:#ef4540;
  --mkl-result-green:#68dfa0;
  --mkl-result-amber:#efbf61;
}

/* All known result shells become dismissible overlays over the live test. */
html.mk-page-listening-practice body #results.results:not(.hidden),
html.mk-page-listening-practice body #mk-results-overlay:not(.hidden),
html.mk-page-listening-practice body #modalOverlay.open,
html.mk-page-listening-practice body #result-modal[style*="flex"],
html.mk-page-listening-practice body #result-modal.mk-listening-result-shell{
  position:fixed!important;
  inset:0!important;
  z-index:12000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:auto!important;
  padding:34px 22px!important;
  background:rgba(3,7,11,.84)!important;
  color:var(--mkl-result-text)!important;
  backdrop-filter:none!important;
}
html.mk-page-listening-practice body #results.results.hidden,
html.mk-page-listening-practice body #mk-results-overlay.hidden{
  display:none!important;
}

html.mk-page-listening-practice :is(
  #results .result-card,
  #mk-results-overlay .mk-result-card,
  #modalOverlay .modal,
  #result-modal .modal-content,
  #result-modal .modal
).mk-listening-result-panel,
html.mk-page-listening-practice :is(
  #results .result-card,
  #mk-results-overlay .mk-result-card,
  #modalOverlay .modal,
  #result-modal .modal-content,
  #result-modal .modal
){
  position:relative!important;
  width:min(1060px,100%)!important;
  max-width:1060px!important;
  max-height:min(860px,88vh)!important;
  overflow:auto!important;
  margin:auto!important;
  padding:28px 30px 30px!important;
  border:1px solid var(--mkl-result-border)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(239,69,64,.12),transparent 26%),
    linear-gradient(180deg,#101820 0%,#0b1117 100%)!important;
  color:var(--mkl-result-text)!important;
  box-shadow:0 36px 100px rgba(0,0,0,.58)!important;
}

html.mk-page-listening-practice .mk-listening-result-close{
  position:sticky!important;
  top:0!important;
  float:right!important;
  z-index:8!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  margin:-4px -2px 4px 12px!important;
  padding:0!important;
  border:1px solid #34434f!important;
  border-radius:11px!important;
  background:#121b23!important;
  color:#f7f9fb!important;
  font:500 24px/1 Arial,sans-serif!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
html.mk-page-listening-practice .mk-listening-result-close:hover{
  border-color:var(--mkl-result-red)!important;
  background:#1a2027!important;
}

html.mk-page-listening-practice .mk-listening-result-kicker,
html.mk-page-listening-practice #mk-results-overlay .mk-result-kicker,
html.mk-page-listening-practice #results .result-card>div:first-child[style*="letter-spacing"]{
  display:block!important;
  margin:0 0 8px!important;
  color:var(--mkl-result-red)!important;
  font:800 10px/1.2 Manrope,"DM Sans",Arial,sans-serif!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
html.mk-page-listening-practice :is(#results,#mk-results-overlay,#modalOverlay,#result-modal) h1,
html.mk-page-listening-practice :is(#results,#mk-results-overlay,#modalOverlay,#result-modal) h2{
  margin:0 0 18px!important;
  color:#fff!important;
  text-align:left!important;
  font:800 clamp(30px,4vw,46px)/1.02 Manrope,"DM Sans",Arial,sans-serif!important;
  letter-spacing:-.035em!important;
}

/* Legacy/new stat grids. */
html.mk-page-listening-practice :is(.result-stats,.mk-result-stats){
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:9px!important;
  margin:18px 0 14px!important;
}
html.mk-page-listening-practice :is(.result-stat,.mk-result-stat){
  min-height:78px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:13px 14px!important;
  border:1px solid #2b3944!important;
  border-radius:13px!important;
  background:#111922!important;
  color:#fff!important;
}
html.mk-page-listening-practice :is(.result-stat,.mk-result-stat):first-child{
  border-color:rgba(239,69,64,.52)!important;
  background:linear-gradient(135deg,rgba(239,69,64,.19),#111922 70%)!important;
}
html.mk-page-listening-practice :is(.result-stat,.mk-result-stat) small{
  margin-bottom:7px!important;
  color:var(--mkl-result-muted)!important;
  font:800 8px/1 Manrope,"DM Sans",Arial,sans-serif!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
html.mk-page-listening-practice :is(.result-stat,.mk-result-stat) :is(b,strong){
  color:#fff!important;
  font:800 21px/1.1 Manrope,"DM Sans",Arial,sans-serif!important;
}

html.mk-page-listening-practice :is(#saveStatus,#mk-save-status,.save-status,.mk-save-status){
  margin:8px 0 16px!important;
  padding:9px 12px!important;
  border:1px solid #2c3944!important;
  border-radius:10px!important;
  background:#0d141b!important;
  color:#9eacb8!important;
  font-size:11px!important;
}

/* Legacy review cards. */
html.mk-page-listening-practice :is(#review,.review){display:grid!important;gap:7px!important}
html.mk-page-listening-practice .review-row{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) minmax(0,1fr) 106px!important;
  gap:10px!important;
  align-items:center!important;
  min-height:60px!important;
  padding:10px 12px!important;
  border:1px solid #293741!important;
  border-left:3px solid #51606d!important;
  border-radius:11px!important;
  background:#0f171e!important;
  color:#eaf0f4!important;
}
html.mk-page-listening-practice .review-row.correct{border-left-color:var(--mkl-result-green)!important}
html.mk-page-listening-practice .review-row.incorrect{border-left-color:var(--mkl-result-red)!important}
html.mk-page-listening-practice .review-row.unanswered{border-left-color:var(--mkl-result-amber)!important}
html.mk-page-listening-practice .review-row small{display:block!important;margin-bottom:3px!important;color:#7f919f!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.08em!important}
html.mk-page-listening-practice .review-row :is(b,strong){color:#f6f8fa!important}
html.mk-page-listening-practice .review-row>b:last-child{text-align:right!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.08em!important}

/* Imported MKL054+ table result -> premium review table, still dismissible. */
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .score-row{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:8px!important;
  margin:0 0 18px!important;
  padding:12px 16px!important;
  border:1px solid rgba(239,69,64,.48)!important;
  border-radius:13px!important;
  background:rgba(239,69,64,.10)!important;
  color:#fff!important;
  font:800 28px/1 Manrope,"DM Sans",Arial,sans-serif!important;
}
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .score-row span{color:#9baab6!important;font-size:13px!important}
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .res-table,
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) #result-details table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0 7px!important;
  margin:4px 0 8px!important;
  background:transparent!important;
  color:#eef3f6!important;
  font-size:12px!important;
}
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .res-table thead,
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) #result-details thead{position:sticky!important;top:-1px!important;z-index:4!important}
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .res-table th,
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) #result-details th{
  padding:10px 11px!important;
  border:0!important;
  background:#18222b!important;
  color:#91a2af!important;
  font:800 9px/1 Manrope,"DM Sans",Arial,sans-serif!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .res-table th:first-child,
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) #result-details th:first-child{border-radius:9px 0 0 9px!important}
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .res-table th:last-child,
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) #result-details th:last-child{border-radius:0 9px 9px 0!important}
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .res-table td,
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) #result-details td{
  padding:10px 11px!important;
  border-top:1px solid #293741!important;
  border-bottom:1px solid #293741!important;
  border-left:0!important;
  border-right:0!important;
  background:#0f171e!important;
  color:#edf2f5!important;
}
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .res-table td:first-child,
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) #result-details td:first-child{
  border-left:1px solid #293741!important;
  border-radius:10px 0 0 10px!important;
  color:#a9b5bf!important;
  font-weight:800!important;
}
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .res-table td:last-child,
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) #result-details td:last-child{
  border-right:1px solid #293741!important;
  border-radius:0 10px 10px 0!important;
  font-weight:900!important;
}
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .rok,
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .result-correct{color:var(--mkl-result-green)!important}
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .rbad,
html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .result-incorrect{color:#ff807a!important}

html.mk-page-listening-practice :is(.result-actions,.mk-result-actions,.m-actions){
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  justify-content:flex-start!important;
  margin-top:18px!important;
}
html.mk-page-listening-practice :is(.result-actions,.mk-result-actions,.m-actions) :is(a,button){
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:1px solid #34424e!important;
  border-radius:10px!important;
  background:#121a22!important;
  color:#f5f7f9!important;
  text-decoration:none!important;
  font:800 10px/1 Manrope,"DM Sans",Arial,sans-serif!important;
  cursor:pointer!important;
}
html.mk-page-listening-practice :is(.result-actions,.mk-result-actions,.m-actions) :is(a,button):hover{border-color:var(--mkl-result-red)!important}
html.mk-page-listening-practice .mk-listening-review-primary{
  border-color:var(--mkl-result-red)!important;
  background:var(--mkl-result-red)!important;
  color:#fff!important;
}

@media(max-width:820px){
  html.mk-page-listening-practice body :is(#results.results:not(.hidden),#mk-results-overlay:not(.hidden),#modalOverlay.open,#result-modal.mk-listening-result-shell){padding:16px 10px!important;align-items:flex-start!important}
  html.mk-page-listening-practice :is(#results .result-card,#mk-results-overlay .mk-result-card,#modalOverlay .modal,#result-modal .modal-content,#result-modal .modal){padding:22px 16px!important;border-radius:16px!important;max-height:none!important}
  html.mk-page-listening-practice :is(.result-stats,.mk-result-stats){grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html.mk-page-listening-practice .review-row{grid-template-columns:44px 1fr!important;align-items:start!important}
  html.mk-page-listening-practice .review-row>div:nth-of-type(2),
  html.mk-page-listening-practice .review-row>b:last-child{grid-column:2!important;text-align:left!important}
}
@media(max-width:480px){
  html.mk-page-listening-practice :is(.result-stats,.mk-result-stats){grid-template-columns:1fr 1fr!important}
  html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .res-table,
  html.mk-page-listening-practice :is(#modalOverlay,#result-modal) #result-details table{font-size:10px!important}
  html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .res-table th,
  html.mk-page-listening-practice :is(#modalOverlay,#result-modal) .res-table td,
  html.mk-page-listening-practice :is(#modalOverlay,#result-modal) #result-details th,
  html.mk-page-listening-practice :is(#modalOverlay,#result-modal) #result-details td{padding:8px 6px!important}
}