/* ============================================================================
   Shared chrome for the standalone document pages — accessibility.html and
   privacy.html. Both reuse the site's stylesheet and then need the same three
   corrections it never has to make for the landing page, plus prose styles the
   landing page has no body copy to need.
   ========================================================================= */

/* The landing page is one dark hero under the bar, so .nav fades from a
   translucent ink to nothing. This page is paper from the top down, and that
   gradient would leave the near-white brand sitting on #f2f2f3. Solid ink. */
.nav { background: var(--ink); backdrop-filter: none; }

/* Prose the landing page has no use for. */
.doc { max-width: 74ch; margin: 0 auto; }
.doc h2 {
  margin-top: 56px; font-size: clamp(26px, 3vw, 34px); line-height: 1.15;
  color: var(--paper-text);
}
.doc p, .doc li { font-size: 17px; line-height: 1.7; color: rgba(29, 31, 32, .82); }
.doc p { margin-top: 16px; }
.doc ul { margin: 16px 0 0; padding-inline-start: 22px; }
.doc li { margin-top: 10px; }
/* accent-700, not the design system's --color-accent: link text is under
   24px, and #5980a6 on paper is 3.71 where 1.4.3 wants 4.5. This is 5.78. */
.doc a:not(.btn) { color: var(--color-accent-700); }
.doc a:not(.btn):hover { color: var(--color-accent-800); }
/* .6 alpha is 4.22 on paper — under the line. .66 is 5.09. */
.doc__meta {
  margin-top: 24px; font-family: var(--font-heading);
  font-size: 14px; letter-spacing: .06em; color: rgba(29, 31, 32, .66);
}
.doc__contact {
  margin-top: 24px; padding: 28px;
  border: 1px solid rgba(29, 31, 32, .16);
}
.doc__contact dt {
  font-family: var(--font-heading); font-size: 13px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--color-accent-700);
}
.doc__contact dd { margin: 6px 0 0; font-size: 18px; }
.doc__contact div + div { margin-top: 20px; }
/* .btn carries no padding of its own — every size lives on a modifier, and
   none of them fits a paper page. Match .btn--ghost's box. */
.doc__back { margin-top: 48px; }
.doc__back .btn { padding: 14px 22px; font-size: 18px; }

/* .site-footer is written for the ink ground and is invisible on paper
   (1.00 for the copyright line, 1.78 for the signature). It keeps its own
   colours by sitting on its own ink strip, the way it does on the site. */
.doc-foot { padding: 0 var(--gutter) 64px; background: var(--ink); }
.doc-foot .site-footer { margin-top: 0; padding-top: 64px; border-top: 0; }

.doc__sibling { margin-inline-start: 20px; font-size: 16px; }