:root {
  --mks-cr-accent: #8222ee;
  --mks-cr-secondary: #5b2cff;
  --mks-cr-blue: #1673ff;
  --mks-cr-ink: #101827;
  --mks-cr-muted: #4b5563;
  --mks-cr-soft: #f7f2ff;
  --mks-cr-border: #eadcff;
  --mks-cr-good: #0f8a4b;
  --mks-cr-bad: #dc2626;
  --mks-cr-warn: #b45309;
}

.mks-gmat-cr,
.mks-cr-lesson {
  color: var(--mks-cr-ink);
  font-family: inherit;
  line-height: 1.55;
  box-sizing: border-box;
}

.mks-gmat-cr *,
.mks-gmat-cr *::before,
.mks-gmat-cr *::after,
.mks-cr-lesson *,
.mks-cr-lesson *::before,
.mks-cr-lesson *::after {
  box-sizing: border-box;
}

.mks-cr-lesson {
  --mks-cr-accent: #8222ee;
  --mks-cr-secondary: #5b2cff;
  --mks-cr-blue: #1673ff;
  max-width: 100%;
}

.mks-cr-hero,
.mks-cr-analytics-hero {
  background: linear-gradient(135deg, var(--mks-cr-accent), var(--mks-cr-secondary), var(--mks-cr-blue));
  color: #ffffff;
  padding: 34px;
  border-radius: 20px;
  margin: 0 0 24px;
  overflow: hidden;
  position: relative;
}

.mks-cr-bg-solid .mks-cr-analytics-hero {
  background: var(--mks-cr-accent);
}

.mks-cr-bg-light .mks-cr-analytics-hero {
  background: #fbf8ff;
  color: var(--mks-cr-ink);
  border: 1px solid var(--mks-cr-border);
}

.mks-cr-badge,
.mks-cr-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 6px 13px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--mks-cr-accent);
  background: rgba(130, 34, 238, 0.10);
  border: 1px solid rgba(130, 34, 238, 0.22);
}

.mks-cr-hero .mks-cr-badge,
.mks-cr-analytics-hero .mks-cr-badge {
  color: #ffffff;
  background: rgba(255, 255, 255, .18);
  border-color: rgba(255, 255, 255, .35);
}

.mks-cr-bg-light .mks-cr-analytics-hero .mks-cr-badge {
  color: var(--mks-cr-accent);
  background: rgba(130, 34, 238, 0.10);
  border-color: rgba(130, 34, 238, 0.22);
}

.mks-cr-hero h1,
.mks-cr-analytics-hero h2 {
  color: inherit;
  margin: 12px 0 8px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.1;
  font-weight: 900;
}

.mks-cr-analytics-hero h2 {
  font-size: clamp(26px, 3vw, 36px);
}

.mks-cr-hero p,
.mks-cr-analytics-hero p {
  max-width: 920px;
  margin: 0;
  font-size: 17px;
  color: inherit;
  opacity: .94;
}

.mks-cr-section,
.mks-cr-objectives,
.mks-cr-dashboard-box,
.mks-cr-path,
.mks-cr-units,
.mks-cr-analytics-panel,
.mks-cr-question-card,
.mks-cr-test-box {
  background: #ffffff;
  border: 1px solid var(--mks-cr-border);
  border-radius: 18px;
  padding: 24px;
  margin: 0 0 22px;
  box-shadow: 0 8px 24px rgba(130, 34, 238, 0.07);
}

.mks-cr-section h2,
.mks-cr-objectives h2,
.mks-cr-dashboard-box h2,
.mks-cr-path h2,
.mks-cr-units h2,
.mks-cr-analytics-panel h3,
.mks-cr-test-box h3 {
  color: var(--mks-cr-ink);
  margin: 0 0 18px;
  font-size: clamp(22px, 2.5vw, 30px);
  line-height: 1.15;
  font-weight: 900;
  display: inline-block;
  padding-bottom: 7px;
  border-bottom: 3px solid var(--mks-cr-blue);
}

.mks-cr-grid {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.mks-cr-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mks-cr-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mks-cr-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.mks-cr-card,
.mks-cr-stat-card,
.mks-cr-section-card,
.mks-cr-mini-card {
  min-width: 0;
  border: 1px solid #e6d5ff;
  border-top: 4px solid var(--mks-cr-accent);
  border-radius: 16px;
  padding: 18px;
  background: #ffffff;
}

.mks-cr-card h3,
.mks-cr-stat-card h4,
.mks-cr-section-card h4,
.mks-cr-mini-card h4 {
  color: var(--mks-cr-ink);
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 900;
}

.mks-cr-card p,
.mks-cr-mini-card p,
.mks-cr-section-card p {
  margin: 0;
  color: var(--mks-cr-muted);
}

.mks-cr-stat-value {
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 950;
  line-height: 1;
  color: var(--mks-cr-accent);
  margin: 8px 0;
}

.mks-cr-stat-label {
  color: var(--mks-cr-muted);
  font-weight: 700;
}

.mks-cr-progress-track {
  width: 100%;
  height: 13px;
  background: #efe7ff;
  border-radius: 999px;
  overflow: hidden;
  margin: 10px 0;
}

.mks-cr-progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--mks-cr-accent), var(--mks-cr-blue));
  border-radius: 999px;
  transition: width .25s ease;
}

.mks-cr-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--mks-cr-border);
  border-radius: 14px;
}

.mks-cr-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px;
  background: #ffffff;
}

.mks-cr-table th,
.mks-cr-table td {
  border-bottom: 1px solid #eee4ff;
  padding: 12px;
  text-align: left;
  vertical-align: top;
}

.mks-cr-table th {
  color: var(--mks-cr-ink);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .04em;
  background: #fbf8ff;
}

.mks-cr-table tr:last-child td {
  border-bottom: 0;
}

.mks-cr-btn,
.mks-cr-question-card button,
.mks-cr-test-box button,
button[data-mks-cr-check],
button[data-mks-cr-bookmark],
button[data-mks-cr-submit-test],
button[data-mks-cr-reset-test] {
  appearance: none;
  border: 0;
  border-radius: 12px;
  padding: 10px 15px;
  font-weight: 850;
  cursor: pointer;
  color: #ffffff;
  background: linear-gradient(135deg, var(--mks-cr-accent), var(--mks-cr-blue));
  box-shadow: 0 7px 14px rgba(130, 34, 238, .20);
  margin: 6px 8px 6px 0;
}

.mks-cr-btn.secondary,
button[data-mks-cr-bookmark],
button[data-mks-cr-reset-test] {
  color: var(--mks-cr-accent);
  background: #ffffff;
  border: 1px solid #d9c4ff;
  box-shadow: none;
}

.mks-cr-btn.danger,
[data-mks-cr-reset-progress] {
  color: #ffffff;
  background: var(--mks-cr-bad);
}

.mks-cr-btn:hover,
.mks-cr-question-card button:hover,
.mks-cr-test-box button:hover {
  transform: translateY(-1px);
}

.mks-cr-question-card {
  position: relative;
  border-top: 5px solid var(--mks-cr-accent);
}

.mks-cr-question-card[data-difficulty="Hard"],
.mks-cr-question-card[data-difficulty="Very Hard"] {
  border-top-color: var(--mks-cr-warn);
}

.mks-cr-question-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.mks-cr-stimulus,
.mks-cr-stem,
.mks-cr-explanation,
.mks-cr-option-list,
.mks-cr-feedback {
  margin: 14px 0;
}

.mks-cr-stimulus {
  padding: 16px;
  border-radius: 14px;
  background: #fbf8ff;
  border: 1px solid #eadcff;
  color: #1f2937;
}

.mks-cr-stem {
  font-weight: 850;
  color: var(--mks-cr-ink);
}

.mks-cr-option-list label,
.mks-cr-question-card > label {
  display: block;
  border: 1px solid #e5d7ff;
  border-radius: 13px;
  padding: 12px 14px;
  margin: 9px 0;
  background: #ffffff;
  cursor: pointer;
}

.mks-cr-option-list label:hover,
.mks-cr-question-card > label:hover {
  border-color: var(--mks-cr-accent);
  background: #fcfaff;
}

.mks-cr-option-list input,
.mks-cr-question-card > label input {
  margin-right: 8px;
}

.mks-cr-question-card.mks-cr-is-correct {
  border-color: rgba(15, 138, 75, .35);
  border-top-color: var(--mks-cr-good);
}

.mks-cr-question-card.mks-cr-is-wrong {
  border-color: rgba(220, 38, 38, .32);
  border-top-color: var(--mks-cr-bad);
}

.mks-cr-question-card.mks-cr-is-bookmarked::after {
  content: "★";
  position: absolute;
  top: 12px;
  right: 16px;
  color: var(--mks-cr-warn);
  font-size: 23px;
}

.mks-cr-feedback {
  padding: 12px 14px;
  border-radius: 13px;
  background: #f3f4f6;
  font-weight: 800;
}

.mks-cr-feedback.correct {
  color: #065f46;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}

.mks-cr-feedback.wrong,
.mks-cr-feedback.skipped {
  color: #991b1b;
  background: #fef2f2;
  border: 1px solid #fecaca;
}

.mks-cr-explanation {
  display: none;
  padding: 16px;
  border-left: 4px solid var(--mks-cr-accent);
  border-radius: 12px;
  background: #fbf8ff;
}

.mks-cr-question-card.mks-cr-reviewed .mks-cr-explanation,
.mks-cr-question-card[data-show-explanation="true"] .mks-cr-explanation {
  display: block;
}

.mks-cr-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0;
}

.mks-cr-tab,
[data-mks-cr-tab] {
  border: 1px solid #dcc7ff;
  background: #fff;
  color: var(--mks-cr-accent);
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 850;
  cursor: pointer;
}

.mks-cr-tab.is-active,
[data-mks-cr-tab].is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--mks-cr-accent), var(--mks-cr-blue));
  border-color: transparent;
}

.mks-cr-panel,
[data-mks-cr-panel] {
  display: none;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid var(--mks-cr-border);
  background: #fff;
}

.mks-cr-panel.is-active,
[data-mks-cr-panel].is-active {
  display: block;
}

.mks-cr-test-box {
  border-top: 5px solid var(--mks-cr-blue);
}

.mks-cr-test-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #fbf8ff;
  border: 1px solid var(--mks-cr-border);
}

.mks-cr-timer,
[data-mks-cr-timer] {
  font-weight: 950;
  color: var(--mks-cr-accent);
  font-size: 18px;
}

.mks-cr-test-result {
  margin: 14px 0;
  padding: 16px;
  border-radius: 14px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1e3a8a;
  font-weight: 800;
}

.mks-cr-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mks-cr-list-item {
  border: 1px solid var(--mks-cr-border);
  background: #ffffff;
  border-radius: 14px;
  padding: 14px;
}

.mks-cr-list-item strong {
  color: var(--mks-cr-ink);
}

.mks-cr-small {
  color: var(--mks-cr-muted);
  font-size: 13px;
}

.mks-cr-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.mks-cr-empty,
.mks-cr-loading {
  padding: 18px;
  border: 1px dashed #ccb2ff;
  background: #fbf8ff;
  border-radius: 16px;
  color: var(--mks-cr-muted);
  font-weight: 750;
}

.mks-cr-unit-list {
  columns: 2;
  margin: 0;
  padding-left: 22px;
}

.mks-cr-unit-list li {
  margin-bottom: 8px;
  font-weight: 700;
}

/* Safe WPLMS/course-player responsiveness */
.course_content .mks-cr-grid.four,
.single-course .mks-cr-grid.four,
#item-body .mks-cr-grid.four,
.mks-cr-layout-compact .mks-cr-grid.four {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

@media (max-width: 1100px) {
  .mks-cr-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mks-cr-grid.three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .mks-cr-hero,
  .mks-cr-analytics-hero,
  .mks-cr-section,
  .mks-cr-objectives,
  .mks-cr-dashboard-box,
  .mks-cr-path,
  .mks-cr-units,
  .mks-cr-analytics-panel,
  .mks-cr-question-card,
  .mks-cr-test-box {
    padding: 18px;
    border-radius: 16px;
  }

  .mks-cr-grid.two,
  .mks-cr-grid.three,
  .mks-cr-grid.four {
    grid-template-columns: 1fr;
  }

  .mks-cr-unit-list {
    columns: 1;
  }

  .mks-cr-table {
    min-width: 620px;
  }
}

/* -------------------------------------------------------------------------
   MKS GMAT CR Stable LMS v1.1.0
   WPLMS paste-method CSS hardening
   Fixes:
   - CSS/JS now auto-load even on lessons without shortcodes.
   - Option choices display as clean block cards inside course player.
   - Tables stay readable and do not stretch/overflow lesson content.
   - Question cards, meta chips, stimulus boxes, and explanations keep layout.
------------------------------------------------------------------------- */

body .mks-cr-lesson,
body .mks-gmat-cr {
  width: 100% !important;
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

body .mks-cr-lesson .mks-cr-section,
body .mks-cr-lesson .mks-cr-objectives,
body .mks-cr-lesson .mks-cr-dashboard-box,
body .mks-cr-lesson .mks-cr-path,
body .mks-cr-lesson .mks-cr-units,
body .mks-cr-lesson .mks-cr-question-card,
body .mks-cr-lesson .mks-cr-test-box {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
}

body .mks-cr-lesson .mks-cr-question-card {
  background: #ffffff !important;
  border: 1px solid var(--mks-cr-border) !important;
  border-top: 5px solid var(--mks-cr-accent) !important;
  border-radius: 18px !important;
  padding: 24px !important;
  margin: 0 0 22px !important;
  box-shadow: 0 8px 24px rgba(130, 34, 238, 0.07) !important;
}

body .mks-cr-lesson .mks-cr-question-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
}

body .mks-cr-lesson .mks-cr-chip {
  display: inline-flex !important;
  width: auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 6px 13px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: var(--mks-cr-accent) !important;
  background: rgba(130, 34, 238, 0.10) !important;
  border: 1px solid rgba(130, 34, 238, 0.22) !important;
}

body .mks-cr-lesson .mks-cr-stimulus {
  display: block !important;
  width: 100% !important;
  padding: 16px !important;
  margin: 14px 0 !important;
  border-radius: 14px !important;
  background: #fbf8ff !important;
  border: 1px solid #eadcff !important;
  color: #1f2937 !important;
}

body .mks-cr-lesson .mks-cr-stem {
  display: block !important;
  width: 100% !important;
  margin: 14px 0 !important;
  font-weight: 850 !important;
  color: var(--mks-cr-ink) !important;
}

body .mks-cr-lesson .mks-cr-option-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 14px 0 !important;
  padding: 0 !important;
}

body .mks-cr-lesson .mks-cr-option-list p {
  margin: 0 !important;
  padding: 0 !important;
}

body .mks-cr-lesson .mks-cr-option-list label,
body .mks-cr-lesson .mks-cr-question-card > label,
body .mks-cr-lesson .mks-cr-question-card p > label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  border: 1px solid #e5d7ff !important;
  border-radius: 13px !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  background: #ffffff !important;
  cursor: pointer !important;
  line-height: 1.45 !important;
  color: var(--mks-cr-ink) !important;
  box-shadow: none !important;
}

body .mks-cr-lesson .mks-cr-option-list label:hover,
body .mks-cr-lesson .mks-cr-question-card > label:hover,
body .mks-cr-lesson .mks-cr-question-card p > label:hover {
  border-color: var(--mks-cr-accent) !important;
  background: #fcfaff !important;
}

body .mks-cr-lesson .mks-cr-option-list input[type="radio"],
body .mks-cr-lesson .mks-cr-question-card label input[type="radio"] {
  flex: 0 0 auto !important;
  width: 16px !important;
  height: 16px !important;
  margin: 3px 0 0 0 !important;
  accent-color: var(--mks-cr-accent) !important;
}

body .mks-cr-lesson .mks-cr-option-list strong {
  display: inline !important;
  margin-right: 4px !important;
}

body .mks-cr-lesson .mks-cr-tools {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  margin-top: 14px !important;
}

body .mks-cr-lesson button.mks-cr-btn,
body .mks-cr-lesson .mks-cr-btn,
body .mks-cr-lesson button[data-mks-cr-check],
body .mks-cr-lesson button[data-mks-cr-bookmark],
body .mks-cr-lesson button[data-mks-cr-submit-test],
body .mks-cr-lesson button[data-mks-cr-reset-test] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 17px !important;
  font-weight: 850 !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--mks-cr-accent), var(--mks-cr-blue)) !important;
  box-shadow: 0 7px 14px rgba(130, 34, 238, .20) !important;
  text-decoration: none !important;
}

body .mks-cr-lesson .mks-cr-btn.secondary,
body .mks-cr-lesson button[data-mks-cr-bookmark],
body .mks-cr-lesson button[data-mks-cr-reset-test] {
  color: var(--mks-cr-accent) !important;
  background: #ffffff !important;
  border: 1px solid #d9c4ff !important;
  box-shadow: none !important;
}

body .mks-cr-lesson .mks-cr-explanation {
  display: none !important;
  width: 100% !important;
  margin: 14px 0 !important;
  padding: 16px !important;
  border-left: 4px solid var(--mks-cr-accent) !important;
  border-radius: 12px !important;
  background: #fbf8ff !important;
}

body .mks-cr-lesson .mks-cr-question-card.mks-cr-reviewed .mks-cr-explanation,
body .mks-cr-lesson .mks-cr-question-card[data-show-explanation="true"] .mks-cr-explanation {
  display: block !important;
}

body .mks-cr-lesson .mks-cr-table-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  border: 1px solid var(--mks-cr-border) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
}

body .mks-cr-lesson table.mks-cr-table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
  margin: 0 !important;
}

body .mks-cr-lesson table.mks-cr-table th,
body .mks-cr-lesson table.mks-cr-table td {
  padding: 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #eee4ff !important;
  text-align: left !important;
  vertical-align: top !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body .mks-cr-lesson table.mks-cr-table th {
  color: var(--mks-cr-ink) !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  background: #fbf8ff !important;
  font-weight: 900 !important;
}

body .mks-cr-lesson .mks-cr-feedback {
  display: block !important;
  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 13px !important;
  font-weight: 800 !important;
}

@media (max-width: 900px) {
  body .mks-cr-lesson .mks-cr-grid.two,
  body .mks-cr-lesson .mks-cr-grid.three,
  body .mks-cr-lesson .mks-cr-grid.four {
    grid-template-columns: 1fr !important;
  }

  body .mks-cr-lesson table.mks-cr-table {
    min-width: 640px !important;
    table-layout: auto !important;
  }

  body .mks-cr-lesson .mks-cr-question-card,
  body .mks-cr-lesson .mks-cr-section,
  body .mks-cr-lesson .mks-cr-objectives,
  body .mks-cr-lesson .mks-cr-dashboard-box {
    padding: 18px !important;
  }
}

@media (max-width: 640px) {
  body .mks-cr-lesson .mks-cr-hero {
    padding: 24px 18px !important;
  }

  body .mks-cr-lesson .mks-cr-tools {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body .mks-cr-lesson button.mks-cr-btn,
  body .mks-cr-lesson .mks-cr-btn,
  body .mks-cr-lesson button[data-mks-cr-check],
  body .mks-cr-lesson button[data-mks-cr-bookmark],
  body .mks-cr-lesson button[data-mks-cr-submit-test],
  body .mks-cr-lesson button[data-mks-cr-reset-test] {
    width: 100% !important;
  }
}


/* =========================================================
   MKS GMAT Verbal LMS v1.2.1 — Reading Comprehension Support
   ========================================================= */

body .mks-rc-lesson,
body .mks-verbal-lesson {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

body .mks-rc-passage,
body .mks-verbal-passage {
  display: block !important;
  width: 100% !important;
  margin: 18px 0 22px !important;
  padding: 22px !important;
  border: 1px solid rgba(130, 34, 238, 0.18) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(130,34,238,0.055), rgba(22,115,255,0.035)) !important;
  box-shadow: 0 12px 28px rgba(28, 35, 90, 0.08) !important;
}

body .mks-rc-passage h2,
body .mks-rc-passage h3,
body .mks-verbal-passage h2,
body .mks-verbal-passage h3 {
  margin-top: 0 !important;
  color: #21133f !important;
}

body .mks-rc-passage p,
body .mks-verbal-passage p {
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 0 0 14px !important;
}

body .mks-rc-passage-meta,
body .mks-rc-passage-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
}

body .mks-rc-tag,
body .mks-rc-line-ref {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: rgba(130,34,238,0.10) !important;
  color: #4b168f !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body .mks-rc-question-set {
  display: block !important;
  margin: 20px 0 !important;
}

body .mks-rc-two-column {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.95fr) minmax(280px, 1.05fr) !important;
  gap: 20px !important;
  align-items: start !important;
}

body .mks-rc-two-column .mks-rc-passage {
  position: sticky !important;
  top: 24px !important;
  max-height: calc(100vh - 48px) !important;
  overflow-y: auto !important;
}

body .mks-rc-passage-long {
  max-height: 620px !important;
  overflow-y: auto !important;
}

body .mks-rc-map-box {
  border-left: 4px solid #8222ee !important;
  padding: 14px 16px !important;
  margin: 16px 0 !important;
  border-radius: 12px !important;
  background: rgba(130,34,238,0.06) !important;
}

body .mks-rc-line-number {
  color: #8222ee !important;
  font-weight: 700 !important;
  margin-right: 8px !important;
}

body .mks-rc-question-card .mks-cr-stimulus,
body .mks-rc-question-card .mks-cr-stem {
  background: rgba(255,255,255,0.82) !important;
}

@media (max-width: 860px) {
  body .mks-rc-two-column {
    grid-template-columns: 1fr !important;
  }
  body .mks-rc-two-column .mks-rc-passage {
    position: static !important;
    max-height: none !important;
  }
  body .mks-rc-passage,
  body .mks-verbal-passage {
    padding: 16px !important;
  }
}


/* ===== Shared v1.3 base CSS retained below ===== */

:root{--mksv-purple:#8222ee;--mksv-indigo:#5b2cff;--mksv-blue:#1673ff;--mksv-ink:#18152a;--mksv-muted:#6f6885;--mksv-border:#e8e4f5;--mksv-bg:#fbf9ff;--mksv-good:#0f8f5f;--mksv-bad:#c92a2a}
.mks-verbal-lesson,.mks-sc-lesson,.mks-rc-lesson,.mks-cr-lesson{color:var(--mksv-ink);line-height:1.65}
.mks-verbal-layout-compact{max-width:980px;margin:0 auto}
.mks-verbal-hero{padding:28px;margin:22px 0;border-radius:22px;background:linear-gradient(135deg,rgba(130,34,238,.12),rgba(22,115,255,.1));border:1px solid var(--mksv-border)}
.mks-verbal-hero h1{margin:10px 0;font-size:clamp(28px,4vw,46px);line-height:1.08}
.mks-verbal-hero p,.mks-verbal-muted{color:var(--mksv-muted)}
.mks-verbal-badge,.mks-sc-badge,.mks-rc-badge,.mks-cr-badge{display:inline-flex;padding:7px 12px;border-radius:999px;color:#fff;font-weight:800;letter-spacing:.04em;font-size:12px;background:linear-gradient(90deg,var(--mksv-purple),var(--mksv-indigo),var(--mksv-blue))}
.mks-verbal-section{background:#fff;border:1px solid var(--mksv-border);border-radius:20px;padding:24px;margin:22px 0;box-shadow:0 10px 28px rgba(30,20,80,.04)}
.mks-verbal-table-wrap{overflow-x:auto;margin:16px 0}.mks-verbal-table{width:100%;border-collapse:collapse;min-width:680px}.mks-verbal-table th,.mks-verbal-table td{border:1px solid var(--mksv-border);padding:10px 12px;vertical-align:top}.mks-verbal-table th{background:#f4efff;font-weight:800}
.mks-verbal-question-card,.mks-sc-question-card,.mks-rc-question-card,.mks-cr-question-card,[data-mks-verbal-question]{background:#fff;border:1px solid var(--mksv-border);border-radius:18px;padding:20px;margin:20px 0;box-shadow:0 8px 22px rgba(30,20,80,.035)}
.mks-verbal-question-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mks-verbal-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f3edff;color:var(--mksv-purple);font-size:12px;font-weight:800}
.mks-verbal-stem{margin:12px 0}.mks-sc-underlined,.mks-verbal-underlined{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--mksv-purple);text-underline-offset:3px}
.mks-verbal-option-list{display:grid;gap:10px;margin:16px 0}.mks-verbal-option-list label{display:block;padding:12px 14px;border:1px solid var(--mksv-border);border-radius:14px;background:#fff;cursor:pointer}.mks-verbal-option-list label:hover{border-color:var(--mksv-purple);background:#fbf9ff}
.mks-verbal-tools{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}.mks-verbal-btn{border:0;border-radius:13px;padding:11px 16px;font-weight:800;background:linear-gradient(90deg,var(--mksv-purple),var(--mksv-blue));color:#fff;cursor:pointer}.mks-verbal-btn.secondary{background:#f3edff;color:var(--mksv-purple)}
.mks-verbal-feedback{margin-top:12px;padding:12px 14px;border-radius:14px;font-weight:800}.mks-verbal-feedback.correct{background:rgba(15,143,95,.12);color:var(--mksv-good);border:1px solid rgba(15,143,95,.25)}.mks-verbal-feedback.incorrect{background:rgba(201,42,42,.1);color:var(--mksv-bad);border:1px solid rgba(201,42,42,.22)}
.mks-verbal-explanation{display:none;margin-top:14px;padding:14px;border-radius:15px;background:#fbf9ff;border:1px solid var(--mksv-border)}.is-checked>.mks-verbal-explanation{display:block}
.mks-verbal-test-box{border:2px solid rgba(130,34,238,.18);border-radius:22px;padding:18px;margin:24px 0;background:linear-gradient(180deg,#fff,#fbf9ff)}.mks-verbal-test-bar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;margin:-18px -18px 18px;border-radius:20px 20px 0 0;background:#18152a;color:#fff}.mks-verbal-timer{font-variant-numeric:tabular-nums;font-weight:900}
.mks-verbal-msr,.mks-rc-passage-box,.mks-sc-rule-box{border:1px solid var(--mksv-border);border-radius:18px;overflow:hidden;margin:18px 0;background:#fff}.mks-verbal-tab-list{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#f4efff}.mks-verbal-tab{border:1px solid var(--mksv-border);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}.mks-verbal-tab.active{color:#fff;border-color:transparent;background:linear-gradient(90deg,var(--mksv-purple),var(--mksv-blue))}.mks-verbal-panel{display:none;padding:18px}.mks-verbal-panel.active{display:block}
.mks-verbal-yn-grid,.mks-verbal-tpa-grid{overflow-x:auto;margin:16px 0}.mks-verbal-yn-grid table,.mks-verbal-tpa-grid table{border-collapse:collapse;width:100%;min-width:620px}.mks-verbal-yn-grid th,.mks-verbal-yn-grid td,.mks-verbal-tpa-grid th,.mks-verbal-tpa-grid td{border:1px solid var(--mksv-border);padding:10px 12px;text-align:left}.mks-verbal-yn-grid th,.mks-verbal-tpa-grid th{background:#f4efff}
.mks-verbal-dashboard-widget{background:#fff;border:1px solid var(--mksv-border);border-radius:22px;padding:22px;margin:22px 0;box-shadow:0 10px 28px rgba(30,20,80,.04)}.mks-verbal-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0}.mks-verbal-stat{border:1px solid var(--mksv-border);border-radius:16px;padding:14px;background:#fbf9ff}.mks-verbal-stat strong{display:block;font-size:28px;line-height:1.1;color:var(--mksv-purple)}.mks-verbal-mini-list{display:grid;gap:10px}.mks-verbal-mini-item{border:1px solid var(--mksv-border);border-radius:14px;padding:12px;background:#fff}
@media(max-width:640px){.mks-verbal-section,.mks-verbal-hero{padding:18px}.mks-verbal-test-bar{position:static;flex-direction:column;align-items:flex-start}.mks-verbal-btn{width:100%}}



/* =========================================================
   MKS GMAT Verbal LMS v1.3.1 Compatibility Fix
   Legacy CR/RC + New Verbal/SC class support
   ========================================================= */

/* Old CR/RC lessons used .mks-cr-* heavily, including RC lessons.
   These aliases make old CR/RC lessons work with the shared v1.3 engine. */
.mks-cr-layout-compact,
.mks-rc-layout-compact,
.mks-verbal-layout-compact {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.mks-cr-lesson,
.mks-rc-lesson,
.mks-gmat-cr,
.mks-gmat-rc {
  color: var(--mks-cr-ink, var(--mksv-ink));
  font-family: inherit;
  line-height: 1.65;
  box-sizing: border-box;
}

.mks-cr-lesson *,
.mks-rc-lesson *,
.mks-gmat-cr *,
.mks-gmat-rc * {
  box-sizing: border-box;
}

/* Keep old explanations hidden until the shared JS marks the card checked. */
.mks-cr-explanation,
.mks-rc-explanation {
  display: none;
  margin-top: 14px;
  padding: 16px;
  border-left: 4px solid var(--mks-cr-accent, var(--mksv-purple));
  border-radius: 12px;
  background: #fbf8ff;
  border-top: 1px solid var(--mks-cr-border, var(--mksv-border));
  border-right: 1px solid var(--mks-cr-border, var(--mksv-border));
  border-bottom: 1px solid var(--mks-cr-border, var(--mksv-border));
}

.is-checked > .mks-cr-explanation,
.is-checked > .mks-rc-explanation,
.mks-cr-reviewed > .mks-cr-explanation,
.mks-rc-reviewed > .mks-rc-explanation,
.mks-cr-question-card.is-checked .mks-cr-explanation,
.mks-rc-question-card.is-checked .mks-rc-explanation,
.mks-cr-question-card[data-show-explanation="true"] .mks-cr-explanation,
.mks-rc-question-card[data-show-explanation="true"] .mks-rc-explanation {
  display: block;
}

/* Legacy feedback classes and new feedback classes should look the same. */
.mks-cr-feedback,
.mks-rc-feedback,
.mks-verbal-feedback {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 800;
}

.mks-cr-feedback.correct,
.mks-rc-feedback.correct,
.mks-cr-feedback.is-correct,
.mks-rc-feedback.is-correct {
  background: rgba(15,143,95,.12);
  color: var(--mks-cr-good, var(--mksv-good));
  border: 1px solid rgba(15,143,95,.25);
}

.mks-cr-feedback.wrong,
.mks-rc-feedback.wrong,
.mks-cr-feedback.incorrect,
.mks-rc-feedback.incorrect,
.mks-cr-feedback.skipped,
.mks-rc-feedback.skipped {
  background: rgba(201,42,42,.1);
  color: var(--mks-cr-bad, var(--mksv-bad));
  border: 1px solid rgba(201,42,42,.22);
}

/* Legacy cards get state styling from the new JS too. */
.mks-cr-question-card.mks-cr-is-correct,
.mks-rc-question-card.mks-rc-is-correct,
.mks-cr-question-card.is-correct,
.mks-rc-question-card.is-correct {
  border-color: rgba(15,143,95,.35);
  border-top-color: var(--mks-cr-good, var(--mksv-good));
}

.mks-cr-question-card.mks-cr-is-wrong,
.mks-rc-question-card.mks-rc-is-wrong,
.mks-cr-question-card.is-wrong,
.mks-rc-question-card.is-wrong {
  border-color: rgba(201,42,42,.32);
  border-top-color: var(--mks-cr-bad, var(--mksv-bad));
}

.mks-cr-question-card.mks-cr-is-bookmarked::after,
.mks-rc-question-card.mks-rc-is-bookmarked::after,
.mks-cr-question-card.is-bookmarked::after,
.mks-rc-question-card.is-bookmarked::after {
  content: "★";
  position: absolute;
  top: 12px;
  right: 16px;
  color: var(--mks-cr-warn, #b45309);
  font-size: 23px;
  line-height: 1;
}

/* RC-specific passage blocks. */
.mks-rc-passage,
.mks-verbal-passage {
  display: block;
  width: 100%;
  margin: 18px 0 22px;
  padding: 22px;
  border: 1px solid rgba(130, 34, 238, 0.18);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(130,34,238,0.055), rgba(22,115,255,0.035));
  box-shadow: 0 12px 28px rgba(28, 35, 90, 0.08);
}

.mks-rc-passage p,
.mks-verbal-passage p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0 0 14px;
}

.mks-rc-passage-meta,
.mks-rc-passage-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}

.mks-rc-tag,
.mks-rc-line-ref {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--mks-cr-accent, var(--mksv-purple));
  background: rgba(130,34,238,.10);
  border: 1px solid rgba(130,34,238,.20);
  font-weight: 800;
  font-size: 12px;
}

.mks-rc-two-column {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr);
  gap: 18px;
  align-items: start;
}

@media (max-width: 760px) {
  .mks-rc-two-column {
    grid-template-columns: 1fr;
  }
}