body {
  background: var(--apb-page);
  color: var(--apb-ink);
}

.apb-site-main,
.apb-section-inner {
  width: min(calc(100% - 48px), var(--apb-content-width));
  margin-inline: auto;
}

.apb-reading {
  width: min(100%, var(--apb-reading-width));
  margin-inline: auto;
}

.apb-site-main a,
.apb-reading a {
  color: var(--apb-teal);
  text-underline-offset: 0.18em;
}

.apb-site-main a:hover,
.apb-reading a:hover {
  color: var(--apb-teal-hover);
}

.apb-site-main :focus-visible,
.apb-primary-fallback a:focus-visible,
.apb-footer-links a:focus-visible {
  outline: 3px solid var(--apb-attention);
  outline-offset: 3px;
}

.apb-primary-fallback ul,
.apb-footer-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.apb-primary-fallback a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: var(--apb-navy);
  font-weight: 700;
  text-decoration: none;
}

.apb-table-wrap {
  overflow-x: auto;
}

.apb-table-wrap table {
  width: 100%;
  border-collapse: collapse;
}

.apb-table-wrap th,
.apb-table-wrap td {
  padding: 14px;
  border-bottom: 1px solid var(--apb-line);
  text-align: left;
  vertical-align: top;
}