/* Footer pages (about, contact, FAQ, legal). Loaded after style.css. */
.page {
  max-width: 820px;
  margin: 48px auto 0;
  padding: 0 16px;
  color: #171717;
  font-size: 16px;
  line-height: 1.65;
}
.page h1 { font-size: 34px; font-weight: 600; margin: 0 0 4px; color: #092463; }
/* style.css styles every .container-wrapper h2 as the homepage hero title and every li
   as large grey text; the extra .container-wrapper raises specificity to win here. */
.container-wrapper .page h2 {
  font-size: 21px; font-weight: 600; color: #092463;
  letter-spacing: normal; line-height: 1.3; text-align: left;
  max-width: none; margin: 32px 0 8px; padding: 0;
}
.container-wrapper .page h3 { font-size: 17px; font-weight: 600; letter-spacing: normal; margin: 20px 0 6px; color: #092463; }
.container-wrapper .page li { font-size: 16px; line-height: 1.65; color: #171717; }
.page .updated { color: #6b6b6b; font-size: 14px; margin: 0 0 24px; }
.page p, .page ul, .page address { margin: 0 0 14px; }
.page ul { padding-left: 22px; }
.page li { margin-bottom: 6px; }
.page address { font-style: normal; }
.page a { color: #1a56db; word-break: break-word; }
.page details.faq { border-bottom: 1px solid #d9dee6; padding: 14px 0; }
.page details.faq summary { cursor: pointer; font-weight: 600; font-size: 17px; color: #092463; }
.page details.faq p { margin: 10px 0 0; }
.footer { padding-top: 48px; }
.footer .footer-disclosure { max-width: 720px; font-size: 12px; line-height: 1.5; padding: 0 16px; box-sizing: border-box; }
.footer p { font-size: 12px; }
/* width/height attributes reserve space (no layout shift); keep images fluid */
.hero-imgs-sec img, .header img, .footer img { max-width: 100%; height: auto; }
/* links inside text must not rely on colour alone */
.page p a, .page li a { text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 700px) {
  .page { margin-top: 32px; }
  .page h1 { font-size: 28px; }
}