/* reading.css — ЗОНА ЧТЕНИЯ. Слой reading объявлен последним в каскаде (index.html),
   поэтому эти правила НЕПЕРЕБИВАЕМЫ темами: условия задач, решения, разборы жюри и
   вердикты всегда в одном выверенном читаемом шрифте с фиксированным контрастом и
   межстрочным интервалом. Обучение первично — тема сюда не заходит.

   ЕДИНСТВЕННАЯ пара шрифтов на весь продукт для контента: засечный для прозы/матана
   (академично, отлично читается на длинных выкладках) + тот же для формул курсивом. */
@layer reading {

.reading {
  --read-fg: #16181d;
  --read-bg: #ffffff;
  --read-accent: #1b5e9c;
  font-family: Georgia, "PT Serif", "Times New Roman", "Noto Serif", serif !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
  color: var(--read-fg) !important;
  background: var(--read-bg);
  border-radius: var(--radius, 10px);
  padding: clamp(16px, 3vw, 26px);
  border: 1px solid #e3e6ea;
  letter-spacing: 0 !important;
  text-rendering: optimizeLegibility;
  hyphens: none;
}
:root[data-mode="dark"] .reading {
  --read-fg: #ecedef;
  --read-bg: #14161a;
  --read-accent: #6db3ff;
  border-color: #2a2e36;
}

.reading h1, .reading h2, .reading h3, .reading p, .reading li, .reading div, .reading span {
  font-family: inherit !important;
  color: inherit !important;
  letter-spacing: 0 !important;
}
.reading h2 { font-size: 1.05em !important; font-weight: 700; margin: 0 0 .4em; }
.reading p { margin: 0 0 .85em; }
.reading p:last-child { margin-bottom: 0; }
.reading ol, .reading ul { margin: 0 0 .85em; padding-left: 1.4em; }
.reading li { margin-bottom: .3em; }
.reading strong { font-weight: 700; }

/* инлайновая формула $...$ — тот же засечный, курсив, «дышащие» поля */
.reading .math {
  font-style: italic;
  font-family: "Cambria Math", Georgia, serif !important;
  padding: 0 .12em;
  white-space: nowrap;
}
.reading .math .op { font-style: normal; padding: 0 .18em; }
.reading .math sup { font-size: .74em; }
.reading .math sub { font-size: .74em; }

/* блочная формула */
.reading .formula {
  display: block; text-align: center; font-style: italic;
  font-family: "Cambria Math", Georgia, serif !important;
  margin: .7em 0; font-size: 1.06em;
}

/* эталонное решение / разбор — тот же шрифт, чуть приглушённый фон-акцент слева */
.reading.solution { border-left: 4px solid var(--read-accent); }
.reading .cond-meta { font-family: inherit; font-size: .82em; color: #6b7280 !important; margin-bottom: .6em; }
:root[data-mode="dark"] .reading .cond-meta { color: #9aa3af !important; }

/* вердикт: балл крупно, но пояснения — читаемым шрифтом зоны */
.verdict-score { font-family: Georgia, serif; }

}