/* Academic reading typography, scoped to IELTS. Layout and content stay in their existing stylesheets. */
body[data-study-mode="ielts"] {
  --study-reading: Georgia, "Times New Roman", serif;
  --study-interface: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --body: var(--study-interface);
  font-family: var(--study-interface);
}

body[data-study-mode="ielts"] main :is(h1, h2, h3),
body[data-study-mode="ielts"] .outline-class {
  font-family: var(--study-reading);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
}

body[data-study-mode="ielts"] .tg-copy h1 { font-size: clamp(40px, 6vw, 80px); }
body[data-study-mode="ielts"] .section-head h2 { font-size: clamp(32px, 4vw, 52px); }
body[data-study-mode="ielts"] .ielts-workbook h1 { font-size: clamp(28px, 3vw, 38px); }
body[data-study-mode="ielts"] .ielts-workbook h2 { font-size: clamp(24px, 2.5vw, 32px); }
body[data-study-mode="ielts"] .ielts-workbook h3 { font-size: 23px; }
body[data-study-mode="ielts"] .outline-class { font-size: 22px; line-height: 1.4; }

body[data-study-mode="ielts"] .module-title {
  font: 600 clamp(22px, 2.2vw, 28px)/1.35 var(--study-interface);
  letter-spacing: normal;
  text-transform: none;
}
body[data-study-mode="ielts"] :is(.module-summary, .tg-lede, .section-lede) { line-height: 1.65; }
body[data-study-mode="ielts"] .lesson-outline ol a { font-size: 15px; line-height: 1.5; }
body[data-study-mode="ielts"] .lesson-list a { line-height: 1.55; }
body[data-study-mode="ielts"] .btn { line-height: 1.35; }

body[data-study-mode="ielts"] .ielts-workbook {
  font-family: var(--study-reading);
  font-size: 18px;
  line-height: 1.8;
}
body[data-study-mode="ielts"] .ielts-workbook :is(textarea, input[type="text"]) {
  font-family: var(--study-reading);
  font-size: 18px;
  line-height: 1.8;
}
body[data-study-mode="ielts"] .ielts-question legend { line-height: 1.7; }
body[data-study-mode="ielts"] .ielts-workbook :is(button, .btn, .text-link, .ielts-caption, .ielts-draft-meta, .ielts-review-date, table, .ielts-map) {
  font-family: var(--study-interface);
}
body[data-study-mode="ielts"] :is(.kicker, .slate-line, .badge, .module-meta, .lesson-meta, .lesson-kicker) {
  font-family: var(--study-interface);
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .01em;
  text-transform: none;
}
body[data-study-mode="ielts"] .ielts-table-wrap table { font-variant-numeric: tabular-nums; }