/* Lectura compartida por todos los artículos actuales y futuros. */
.article-page .article-body > p,
.article-page .article-body li {
  text-align: justify;
  text-align-last: start;
  text-justify: inter-word;
  hyphens: auto;
  overflow-wrap: break-word;
}

.article-page .article-index {
  top: 84px;
  max-height: calc(100dvh - 108px);
  overflow-y: auto;
  scrollbar-width: thin;
}

.article-page .article-index nav { gap: 4px; }
.article-page .article-index nav a {
  display: block;
  padding: 8px 11px;
  border-inline-start: 3px solid transparent;
  border-radius: 0 3px 3px 0;
  color: #52616e;
  transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease;
}
.article-page .article-index nav a:hover {
  color: #6b501b;
  background: #f0ece2;
}
.article-page .article-index nav a[aria-current="location"] {
  color: #6b501b;
  background: #eae5d8;
  border-inline-start-color: #82662f;
  font-weight: 700;
}
.article-page .article-index nav a:focus-visible {
  outline: 2px solid #82662f;
  outline-offset: 2px;
}
.article-page :is(.article-body h2, .article-body h3, .sources) {
  scroll-margin-top: 24px;
}
@media (max-width: 760px) {
  .article-page .article-index {
    position: static;
    top: auto;
    max-height: none;
    overflow: visible;
  }
  .article-page .article-index nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .article-page .article-index nav a { transition: none; }
}