/* Shared styling for the migrated content pages and footer links. */
.document-page { padding: 50px 6% 75px; max-width: 1120px; margin: 0 auto; }
.document-page > h1 { font-size: clamp(40px, 5vw, 68px); line-height: 1.12; letter-spacing: -2px; max-width: 900px; }
.document-page h2 { font-size: 28px; line-height: 1.3; letter-spacing: -.5px; margin: 35px 0 16px; }
.document-page h3 { font-size: 22px; margin-top: 28px; }
.document-page p, .document-page li { max-width: 80ch; }
.document-page li { margin-bottom: 10px; }
.document-page a:not(.back-link) { text-decoration: underline; text-underline-offset: 3px; }
.back-link { display: inline-block; font-size: 13px; margin-bottom: 30px; }
.document-page .intro { max-width: 700px; }
.contact-box { background: #eaf0df; padding: 24px 30px; margin: 30px 0; }
.contact-box h2 { margin-top: 0; }
.draft-note { padding: 18px 24px; border-left: 4px solid #9c6527; background: #fff2d9; margin: 25px 0; }
.draft-note p { margin-bottom: 0; }
.footer-links { display: flex; flex-wrap: wrap; gap: 14px 24px; }
.footer-links a:hover { text-decoration: underline; }
header > nav { flex-wrap: wrap; }
@media (max-width: 620px) {
    .document-page { padding: 32px 6% 45px; }
    .document-page > h1 { letter-spacing: -1px; }
    .document-page h2 { font-size: 24px; }
    .contact-box { padding: 20px; }
}
@media print {
    header, footer, .topline, .skip, .back-link { display: none !important; }
    .document-page { padding: 0; }
    body { background: white; color: black; }
    h2, h3 { break-after: avoid; }
}