/* The reading layout selected for the bilingual article collection. */
.publication-page { font-size: 18px; line-height: 1.7; }
.article-reading, .article-archive { width: calc(100% - 48px); max-width: 70ch; margin: 72px auto 112px; }
.article-title { font-size: 56px; font-weight: 800; line-height: 1.08; letter-spacing: -.03em; }
.source-date { font-size: 13px; font-weight: 350; line-height: 1.6; margin-top: 24px; }
.source-date a, .archive-intro a { text-decoration-color: var(--terracotta); }
.article-intro { margin-top: 36px; }
.article-intro p + p { margin-top: 14px; }
.article-toc { margin-top: 32px; border-top: 1px solid var(--terracotta); border-bottom: 1px solid var(--terracotta); }
.article-toc summary { cursor: pointer; padding: 16px 0; font-size: 16px; font-weight: 550; min-height: 56px; touch-action: manipulation; }
.article-toc summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
.article-toc summary::marker { color: var(--ink); }
.article-toc nav { display: block; }
.article-toc ul { list-style: none; margin: 0 0 20px; padding: 0 0 0 19px; }
.article-toc li { margin: 7px 0; font-size: 15px; line-height: 1.5; }
.article-toc a { display: inline-block; padding: 6px 0; font-size: inherit; text-decoration: underline; text-decoration-color: var(--terracotta); }
.article-toc a::after { content: none; }
.article-copy h2 { font-size: 31px; line-height: 1.22; font-weight: 750; letter-spacing: -.02em; margin: 58px 0 22px; scroll-margin-top: 28px; }
.article-copy h3 { font-size: 24px; line-height: 1.3; font-weight: 650; letter-spacing: -.02em; margin: 36px 0 16px; scroll-margin-top: 28px; }
.article-copy blockquote { margin: 24px 0; padding-left: 24px; }
.article-table { max-width: 100%; overflow-x: auto; margin: 24px 0; overscroll-behavior-x: contain; }
.article-table:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
.article-table table { width: 100%; min-width: 480px; border-collapse: collapse; font-size: 16px; line-height: 1.5; }
.article-table th, .article-table td { padding: 12px 14px; border-bottom: 1px solid var(--rule); text-align: left; vertical-align: top; }
.article-table thead th { font-weight: 650; }
.article-table tbody th { font-weight: 450; }
.article-table td { font-variant-numeric: tabular-nums; }
.article-table .table-right { text-align: right; }
.article-table .table-center { text-align: center; }
.table-hint { display: none; }
.article-copy p + p { margin-top: 22px; }
.article-copy a { text-decoration-color: var(--terracotta); text-decoration-thickness: 1px; }
.article-copy a:hover, .source-date a:hover, .article-toc a:hover, .archive-intro a:hover { text-decoration-thickness: 2px; }
.article-copy ul { margin: 0; padding-left: 25px; }
.article-copy li { margin-bottom: 12px; }
.article-close { margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--terracotta); }
.back-to-articles { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; min-height: 44px; text-decoration: none; }
.back-to-articles .icon { width: 19px; height: 19px; transform: rotate(180deg); }
.back-to-articles:hover { text-decoration: underline; }
.article-archive { margin-bottom: 104px; min-height: calc(100vh - 386px); }
.article-archive h1 { font-size: 64px; line-height: 1.05; font-weight: 800; letter-spacing: -.03em; }
.archive-intro { font-size: 20px; font-weight: 350; margin-top: 22px; }
.article-entry { border-top: 1px solid var(--terracotta); margin-top: 52px; padding-top: 30px; }
.article-entry h2 { font-size: 40px; font-weight: 750; line-height: 1.12; letter-spacing: -.025em; }
.article-entry h2 a { text-decoration: none; }
.article-entry h2 a:hover { text-decoration: underline; text-decoration-color: var(--terracotta); }
.article-entry > p { margin-top: 22px; }
.article-entry .source-date { margin-top: 18px; }
.read-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-top: 18px; font-size: 16px; text-decoration: underline; text-decoration-color: var(--terracotta); }
.read-link .icon { width: 20px; height: 20px; }
@media (max-width: 760px) {
  .article-reading, .article-archive { margin-top: 42px; margin-bottom: 72px; }
  .article-title { font-size: 36px; line-height: 1.12; }
  .source-date { font-size: 12px; margin-top: 22px; }
  .article-intro { margin-top: 28px; }
  .article-intro p + p { margin-top: 16px; }
  .article-toc { margin-top: 28px; }
  .article-toc nav { width: auto; }
  .article-toc a { min-height: 44px; padding-block: 10px; }
  .article-copy h2 { font-size: 27px; margin-top: 46px; margin-bottom: 20px; }
  .article-copy h3 { font-size: 22px; margin-top: 30px; }
  .table-hint { display: block; margin-top: 24px; font-size: 14px; }
  .table-hint + .article-table { margin-top: 8px; }
  .article-copy p + p { margin-top: 20px; }
  .article-archive { min-height: calc(100vh - 445px); }
  .article-archive h1 { font-size: 46px; }
  .archive-intro { font-size: 18px; }
  .article-entry { margin-top: 38px; padding-top: 26px; }
  .article-entry h2 { font-size: 31px; }
}
@media print {
  .publication-page .site-header, .publication-page .site-footer, .article-toc, .article-close { display: none; }
  .article-reading, .article-archive { width: 100%; max-width: none; margin: 0; }
  .publication-page { color: black; background: white; font-size: 12pt; }
  .article-title { font-size: 28pt; }
  .article-copy h2 { font-size: 18pt; break-after: avoid; }
}