/* Keep article-specific styles while using the shared site header and footer. */
.reading-page .site-header {
  height: auto;
  display: block;
  grid-template-columns: none;
  align-items: stretch;
  gap: 0;
  padding: 0;
  color: inherit;
  transition: none;
}
.reading-page .site-header::before { content: none; }
.reading-page .site-header.scrolled {
  height: auto;
  border-color: rgba(0, 0, 0, .07);
}
.reading-page .brand {
  width: auto;
  filter: none;
}
.reading-page .brand img {
  max-height: none;
  object-fit: initial;
  object-position: initial;
}
.reading-page .site-footer { padding: 68px 0 0; }
.reading-page .footer-grid { padding-top: 0; }
.reading-page .footer-logo { filter: none; }
.reading-page .footer-grid > div:first-child > p {
  max-width: none;
  color: inherit;
  line-height: inherit;
  font-size: inherit;
}
.reading-page .footer-grid a,
.reading-page .footer-grid > div:not(:first-child) p {
  display: inline;
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.reading-page .footer-grid div:nth-child(2) a {
  display: block;
  margin: 6px 0;
}
.reading-page .footer-grid p { margin-bottom: 8px; }