/* Explicit footer colors prevent light text on the support footer. */
footer.support-footer{background:#f0f0e3;color:#10473f}
.support-footer .support-brand{color:#10473f;font-size:18px;font-weight:700;line-height:1.4}
.support-footer p{color:#36574f;font-size:14px;line-height:1.7}
.support-footer nav{font-size:14px;line-height:1.7;gap:14px 26px}
.support-footer nav a{color:#10473f;text-decoration:underline;text-underline-offset:4px;padding:5px 0}
.support-footer small{display:block;color:#36574f;font-size:12px;line-height:1.8}
.support-footer a:focus-visible{outline:2px solid #10473f;outline-offset:5px;border-radius:2px}
footer:not(.support-footer) .footer-main p{font-size:13px;color:#e2e9df}
footer:not(.support-footer) .footer-main>a:not(.footer-brand),footer:not(.support-footer) .footer-link{font-size:13px;color:#fffdf5;line-height:1.7}
footer:not(.support-footer) .footer-bottom{font-size:12px;color:#e2e9df;line-height:1.8}
footer:not(.support-footer) .footer-main{flex-wrap:wrap;gap:20px 30px}
@media(max-width:760px){.support-footer nav{gap:12px 22px}.support-footer small{font-size:12px}footer:not(.support-footer) .footer-main p{flex-basis:100%}}

.support-brand{display:flex;align-items:center;gap:10px}
.support-brand .support-logo-mark{flex:none;width:36px;height:40px}
.support-header .support-brand .support-brand-words{display:block;font-size:13px;line-height:1.15}
.support-header .support-brand strong{display:block;font-size:25px;margin-left:0}
.support-footer .support-brand .support-logo-mark{width:30px;height:34px}
@media(max-width:760px){.support-header .support-brand .support-logo-mark{width:29px;height:34px}.support-header .support-brand strong{font-size:21px}}

/* Reuse the landing-page brand markup and dimensions everywhere. */
.support-header .brand,.support-footer .brand{flex-shrink:0;color:var(--ink)}
.support-footer .brand{width:max-content;max-width:100%}
footer:not(.support-footer) .footer-main>.brand{color:var(--cream)}
footer:not(.support-footer) .brand-icon svg{stroke:var(--cream)}

footer:not(.support-footer) .footer-main>a.brand{color:#10473f!important;background:#f8f5e9;padding:12px;border-radius:12px;font-size:15px;line-height:1}
footer:not(.support-footer) .footer-main>a.brand .brand-icon svg{stroke:#10473f}

@media(max-width:760px){footer:not(.support-footer) .footer-main>a.brand{font-size:12px}}