/* Shared long-form layout, loaded only by pages with complete guides. */
.reading-page { max-width: 1120px; }
.reading-page .article-introduction { max-width: 76ch; }
.reading-page .article-body { max-width: none; }
.reading-page .article-body > section,
.reading-page > section.information-card {
  display: block;
  max-width: 900px;
  margin: 0 auto;
  padding: 44px 0;
  border: 0;
  border-block-start: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}
.reading-page .article-body > section > h2,
.reading-page > section.information-card > h2 {
  margin: 0 0 22px;
  padding: 0;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.4;
  text-wrap: balance;
}
.reading-page .reading-body { min-width: 0; }
.reading-page .reading-body p {
  max-width: none;
  margin: 0 0 17px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--muted);
}
.reading-page .reading-body > p:first-child { color: var(--ink); font-size: 17px; line-height: 1.75; }
.reading-page .reading-body p:last-child { margin-block-end: 0; }
.reading-page .reading-body strong { color: var(--ink); }
.reading-page .reading-body a:not(.button) { color: var(--teal); text-underline-offset: 4px; }
.reading-page .reading-subtopics { display: grid; gap: 18px; margin-block-start: 24px; }
.reading-page .reading-subtopic {
  min-width: 0;
  padding: 24px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 14px;
}
.reading-page .reading-subtopic h3 { margin: 0 0 16px; color: var(--teal); font-size: 19px; line-height: 1.5; }
.reading-page .reading-subtopic p { font-size: 14px; }
.reading-page .reading-body ul {
  padding: 20px 24px 20px 42px;
  padding-inline: 42px 24px;
  margin: 22px 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
}
.reading-page .reading-body li { padding-inline-start: 5px; color: var(--muted); font-size: 15px; line-height: 1.8; }
.reading-page .reading-body li + li { margin-block-start: 12px; }
.reading-page .reading-body li::marker { color: var(--teal); }
.reading-page .reading-subtopic ul { padding-block: 0; margin-block: 16px; border: 0; }
.reading-page .article-note, .reading-page .currency-equation {
  margin-block: 24px;
  padding: 20px 24px;
  border-inline-start: 3px solid var(--teal);
  border-radius: 8px;
  background: var(--surface);
}
.reading-page .article-contents { margin-block: 32px 44px; padding: 26px; }
.reading-page .article-contents ol { list-style: none; padding: 0; }
.reading-page .article-contents a { display: block; padding: 5px 0; font-size: 14px; line-height: 1.6; }
.reading-page .article-contents h2 { font-size: 20px; }
.reading-page .mobile-guide-toc { margin-block: 24px 36px; padding: 18px; gap: 10px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.reading-page .mobile-guide-toc a { padding: 9px 14px; border: 1px solid var(--line); border-radius: 24px; font-size: 13px; }
.reading-page .mobile-guide-toc a:hover { border-color: var(--teal); }
.reading-page .reading-body details { margin-block: 10px; padding: 0 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.reading-page .reading-body summary { padding-block: 18px; font-size: 15px; font-weight: 700; line-height: 1.6; gap: 18px; }
.reading-page .reading-body details p { padding: 0; margin-block-end: 20px; font-size: 14px; }
.reading-page .reading-body summary::after { flex-shrink: 0; }
.reading-page .article-related { gap: 12px; }
.reading-page .article-related a { padding: 12px 16px; border: 1px solid var(--line); border-radius: 10px; }
html[dir="rtl"] .reading-page .reading-body p { line-height: 2; }
@media (max-width: 760px) {
  .reading-page .article-body > section, .reading-page > section.information-card { padding-block: 32px; }
  .reading-page .reading-subtopic { padding: 20px; }
  .reading-page .reading-body > p:first-child { font-size: 16px; }
  .reading-page .article-contents { padding: 20px; }
  .reading-page .article-contents ol { columns: 1; }
}