/* The original light beige palette, with olive footers. */
body.home-page > header#page-top,
body.home-page > header#page-top:focus,
body.home-page > header#page-top:focus-visible { border: 0; outline: none; box-shadow: none; }
body:not(.home-page) > header#page-top { background: #faf5ec; color: #3d3930; border-bottom: 1px solid #d9cfbe; }
body:not(.home-page) > header .brand, body:not(.home-page) > header .logo, body:not(.home-page) > header .brand-tagline,
body:not(.home-page) > header .brand strong, body:not(.home-page) > header .brand span, body:not(.home-page) > header .logo small,
body:not(.home-page) > header nav a { color: #3d3930; }
body:not(.home-page) > header nav a:hover, body:not(.home-page) > header nav a:focus-visible { color: #76543c; }
body:not(.home-page) > header .nav-cta, body:not(.home-page) > header .nav-pill { background: #eee5d8; border: 1px solid #d8ccbc; color: #3d3930; }
body:not(.home-page) > main > .hero:not([aria-label]), body:not(.home-page) > main > .guide-hero { background-color: #efe4d4; color: #3d3930; }
body:not(.home-page) > main > .hero h1, body:not(.home-page) > main > .guide-hero h1 { color: #5b4431; }
body:not(.home-page) > main > .hero p, body:not(.home-page) > main > .hero .breadcrumb { color: #626351; }
body:not(.home-page) > main > .hero .eyebrow { color: #836244; }
body:not(.home-page) > header:focus { outline: none; }
body > footer, body > footer.site-foot, body > footer.compact-footer { background: #4e5741; color: #fffaf1; }
body > footer a, body > footer p, body > footer span { color: inherit; }
body > footer .legal-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin: 0; padding: 0; border: 0; }
body > footer .legal-links a { display: inline-block; color: #fffaf1; font-size: 12px; text-underline-offset: 4px; }
body > footer .legal-links .footer-top { font-weight: 600; text-decoration: none; }
body > footer, body > footer.site-foot, body > footer.compact-footer { padding-top: 41px; padding-bottom: 41px; }
body > footer.site-foot .shell { align-items: center; }
body > .site-back-top { position: fixed; right: max(20px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); z-index: 50; display: inline-flex; align-items: center; gap: 15px; padding: 12px 18px; border-radius: 100px; border: 1px solid #fffaf180; background: #76543c; color: #fffaf1; box-shadow: 0 3px 12px #2e2c241f; font: 600 13px/1.3 'DM Sans', Arial, sans-serif; text-decoration: none; }
body > .site-back-top[hidden] { display: none; }
body > .site-back-top:hover, body > .site-back-top:focus-visible { background: #5b4431; color: #fffaf1; }
@media (max-width: 760px) {
 body > footer.site-foot .shell { gap: 18px; }
 body > footer .legal-links { flex-basis: 100%; gap: 12px 18px; }
 body > .site-back-top { right: 15px; bottom: 15px; }
}
@media print { body:not(.home-page) > header, body > footer, body > .site-back-top { display: none; } }

body.home-page > footer.compact-footer { padding-top: 60px; padding-bottom: 60px; }

/* Keep guide footer links within the same inset as the page content. */
body > footer.guide-footer .shell { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 18px 28px; }
body > footer.guide-footer .shell > span { font-size: 14px; }
body > footer.guide-footer .shell > a { font-size: 13px; text-underline-offset: 4px; }
body > footer.guide-footer .legal-links { flex: 0 0 100%; justify-content: flex-end; padding-top: 22px; border-top: 1px solid #fffaf133; }
@media (max-width: 760px) {
 body > footer.guide-footer .shell { justify-content: center; text-align: center; }
 body > footer.guide-footer .shell > span { flex-basis: 100%; }
 body > footer.guide-footer .legal-links { justify-content: center; gap: 14px 20px; }
}