/*
  /record/Archive.css

  Styles for the FULL WRAPPER tier only (header, footer, and the archived
  content area). The notice styles live in ArchiveNotice.css, which both
  tiers load. Every rule is scoped to the archive IDs so the original page
  styling is left alone.
*/

/* ---------- Header and footer ---------- */

/* Reserve space so the page doesn't jump when the header and footer load.
   Adjust these to roughly match the real header and footer heights. */
#archive-header { min-height: 80px; }
#archive-footer { min-height: 60px; }


/* ---------- Archived content ---------- */

#archived-content {
  /* Shrink to the width of the original content, then center it.
     Pages whose content fills the window (flowing text, 100%-wide
     tables) still use the full width, so they won't look centered. */
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;

  /* Take on the original page's background color (white on most pages),
     so the content area looks the way it was published.
     To force white instead, change this to: background-color: #fff; */
  background-color: inherit;

  /* Bootstrap removes the browser's default 8px body margin, which these
     pages were designed around. This puts that spacing back. */
  padding: 8px;
  box-sizing: border-box;

  /* Very wide tables scroll inside the content area instead of making
     the whole page scroll sideways (WCAG 1.4.10 Reflow). */
  overflow-x: auto;
}