/* Blog table and navigation additions reuse the shared article tokens. */
.article-body--md .article-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0 0 1.4rem;
  line-height: 1.65;
}
.article-table th,
.article-table td {
  padding: 0.8rem 1rem;
  border-bottom: 1px solid var(--color-border);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.article-table th:first-child { width: 30%; }
.article-table thead {
  color: var(--color-gold);
  background: var(--color-surface);
}
.article-table tbody th { font-weight: inherit; }
.article-table tbody tr:nth-child(even) { background: var(--color-surface); }
.article-body--md :is(h2, h3, h4, tr)[id] {
  scroll-margin-top: calc(var(--layout-header) + 1.5rem);
}
.article-byline { margin-top: 1rem; line-height: 1.8; color: var(--color-text-muted); }
.article-contents {
  padding: 1rem 1.25rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}
.article-body--md .article-contents ol {
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 1;
}
.article-body--md .article-contents li { margin: 0; }
.article-contents a { display: block; padding: 0.65rem 0; line-height: 1.5; }
.article-related { margin-top: var(--layout-group); }
.article-related h2 {
  font-family: var(--font-title);
  font-size: 1.1rem;
  color: var(--color-gold);
  margin-bottom: 1rem;
}
.article-related ul { list-style: none; padding: 0; }
.article-related a {
  display: inline-block;
  padding: 0.65rem 0;
  color: var(--color-gold);
  line-height: 1.6;
  text-underline-offset: 0.2em;
}
@media (max-width: 480px) {
  .article-table th,
  .article-table td { padding: 0.75rem 0.5rem; }
  .article-table th:first-child { width: 36%; }
  .article-contents { padding: 0.75rem 1rem; }
}