.lithaean-history .article-header {
  max-width: 56rem;
  margin: 0 auto;
  padding: clamp(3rem, 8vw, 6rem) 0 clamp(2rem, 5vw, 4rem);
}

.lithaean-history .article-header .lede {
  max-width: 44rem;
  color: var(--country-muted);
  font-size: clamp(1.15rem, 2vw, 1.4rem);
}

.lithaean-history .source-note {
  max-width: 56rem;
  margin: 0 auto clamp(3rem, 6vw, 5rem);
  padding: 1.1rem 1.25rem;
  border: 1px solid var(--country-rule-strong);
  background: var(--country-surface-muted);
  color: var(--country-muted);
}

.lithaean-history .article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 16rem);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: start;
}

.lithaean-history .article-body {
  min-width: 0;
}

.lithaean-history .article-body section + section {
  margin-top: clamp(3.5rem, 7vw, 6.5rem);
}

.lithaean-history .contents {
  position: sticky;
  top: 6.5rem;
  border-top: 1px solid var(--country-rule-strong);
  padding-top: 1rem;
}

.lithaean-history .contents ol {
  margin: .75rem 0 0;
  padding-left: 1.1rem;
}

.lithaean-history .contents li + li {
  margin-top: .45rem;
}

.lithaean-history .table-scroll {
  overflow-x: auto;
  border: 1px solid var(--country-rule);
}

.lithaean-history table {
  width: 100%;
  min-width: 42rem;
  border-collapse: collapse;
}

.lithaean-history th,
.lithaean-history td {
  padding: .85rem 1rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--country-rule);
}

.lithaean-history th {
  color: var(--country-ink);
  background: var(--country-surface-muted);
}

@media (max-width: 56rem) {
  .lithaean-history .article-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .lithaean-history .contents {
    position: static;
    order: -1;
  }
}