/* Sit in the normal reading column instead of the full-bleed custom shell. */
main.custom-page.frameworks-are-overkill-page {
  max-width: 1100px;
  margin-inline: auto;
  padding: 2rem 1.5rem 0;
  overflow-x: visible;
}

.essay {
  max-width: 720px;
  margin: 0 auto;
  padding-bottom: calc(2rem + env(safe-area-inset-bottom, 0px));
}

.essay-note {
  color: var(--color-text-muted);
  font-size: 0.9375rem;
}

.essay-table {
  margin: 0 0 1.25em;
  overflow-x: auto;
}

.essay table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9375rem;
}

.essay caption {
  caption-side: bottom;
  padding-top: 0.5rem;
  text-align: left;
  color: var(--color-text-muted);
  font-size: 0.8125rem;
}

.essay th,
.essay td {
  padding: 0.45rem 0.75rem 0.45rem 0;
  border-bottom: 1px solid var(--color-border);
  text-align: left;
  vertical-align: baseline;
}

.essay thead th {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-text-muted);
}

.essay td,
.essay thead th:not(:first-child) {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}