/* Shared styles for the smaller pages: privacy, thank-you, 404.
   Loaded after styles.css. Kept in a file (not inline) so the site's
   Content-Security-Policy can stay strict. */

.page-header { position: static; height: auto; padding-block: 26px; background: var(--dark); }
.page-header .header-contact { display: flex; }

.page-main { background: var(--paper); }
.page-main .wrap { max-width: 780px; padding-block: 72px 104px; }
.page-main h1 { font-size: clamp(44px, 8vw, 72px); line-height: 1.02; letter-spacing: -.04em; }
.page-main h1 em { font-family: var(--serif); font-style: italic; font-weight: 400; letter-spacing: -.02em; }
.page-main .lede { margin-top: 22px; font-size: 19px; line-height: 1.6; color: #454b48; }
.page-main .updated { margin-top: 16px; font-size: 14px; color: var(--muted); }
.page-main h2 { margin-top: 46px; font-size: 22px; line-height: 1.3; letter-spacing: -.02em; }
.page-main p, .page-main li { margin-top: 12px; font-size: 17px; color: #454b48; }
.page-main a:not(.button):not(.text-link) { text-decoration: underline; text-underline-offset: 3px; }
.page-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; margin-top: 40px; }
.page-actions .button { background: var(--dark); color: var(--paper); }
.page-back { margin-top: 56px; }

/* Centered short pages (thank-you, 404) */
.page-main.is-short { min-height: calc(100svh - 170px); display: flex; align-items: center; }
.page-main.is-short .wrap { padding-block: 80px; }
.page-main.is-short .eyebrow { margin-bottom: 20px; color: #6a6d64; }

.page-footer .footer-inner { padding-bottom: 36px; }

@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  .page-actions .button:hover { background: #2a3538; color: #fff; }
}
@media (max-width: 900px) {
  .page-footer .footer-inner { padding-bottom: 36px; }
}
@media (max-width: 700px) {
  .page-header .header-contact { font-size: 14px; gap: 14px; }
  .page-main .wrap { padding-block: 52px 80px; }
  .page-main .lede { font-size: 17.5px; }
  .page-main h2 { margin-top: 38px; font-size: 20px; }
  .page-main p, .page-main li { font-size: 16.5px; }
  .page-actions { flex-direction: column; align-items: stretch; }
  .page-actions .text-link { align-self: center; }
}