/* Reading view only: chart and source data remain unchanged. */
.lr-reading {
  background: #f4efe5;
  color: #302b24;
  border-radius: var(--radius, 12px);
  margin: 20px 0 12px;
  padding: 28px;
  line-height: 1.85;
  overflow-wrap: anywhere;
  font-size: 1rem;
}
.lr-reading h3 { color: #302b24; font-size: 1.4rem; line-height: 1.4; margin: 0 0 14px; }
.lr-reading h4 { color: #302b24; font-size: 1.05rem; line-height: 1.6; margin: 24px 0 8px; }
.lr-reading p { margin: 10px 0; }
.lr-reading .lr-question { color: #62584b; font-size: .95rem; white-space: pre-wrap; }
.lr-reading .lr-answer-headline { font-size: 1.12rem; font-weight: 600; line-height: 1.85; margin: 18px 0; }
.lr-reading .lr-answer { max-width: 72ch; }
.lr-reading ul, .lr-reading ol { padding-inline-start: 1.4em; margin: 10px 0; }
.lr-reading li + li { margin-top: 8px; }
.lr-reading strong { font-weight: 650; color: #302b24; }
.lr-reading a { color: #715120; text-decoration: underline; text-underline-offset: 3px; }
.lr-reading a:hover { color: #4b3616; }
.lr-reading .lr-intro, .lr-reading .lr-note, .lr-reading .lr-notice, .lr-reading .lr-source { color: #62584b; font-size: .9rem; }
.lr-reading .lr-target { margin: 20px 0; padding: 0 0 16px; border-bottom: 1px solid #d7cebd; }
.lr-reading details { border-top: 1px solid #d7cebd; padding: 12px 0; }
.lr-reading summary { cursor: pointer; color: #5d451e; font-weight: 600; line-height: 1.7; }
.lr-reading summary:hover { color: #302b24; }
.lr-reading details[open] > summary { margin-bottom: 14px; }
.lr-reading blockquote { white-space: pre-wrap; margin: 12px 0; padding: 0; font-family: 'Songti SC', SimSun, serif; line-height: 1.9; }
.lr-reading .lr-quote { padding-block: 10px; }
.lr-reading .lr-warning { color: #803c23; }
.lr-reading :is(a, summary):focus-visible { outline: 2px solid #715120; outline-offset: 4px; border-radius: 2px; }
.lr-reading ::selection { background: #e4cc9e; color: #302b24; }
.lr-technical { margin: 0 0 24px; padding: 12px 0; border-bottom: 1px solid var(--border-normal); }
.lr-technical > summary { color: var(--gold-light); cursor: pointer; padding: 6px 0; }
.lr-technical > summary:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 3px; }
.lr-technical[open] > summary { margin-bottom: 12px; }
@media (max-width: 480px) {
  .lr-reading { padding: 20px 18px; }
  .lr-reading h3 { font-size: 1.25rem; }
}