/* One consistent public wordmark, including English, Spanish and project pages. */
html[lang] body header{height:100px;gap:24px}
html[lang] body header .brand,html[lang] body footer .brand{display:flex;align-items:center;gap:14px;flex-shrink:0}
html[lang] body header .brand-logo,html[lang] body footer .brand-logo{width:68px;height:68px;object-fit:contain;flex:none}
html[lang] body header .brand>span,html[lang] body footer .brand>span{display:grid;gap:6px;text-align:left}
html[lang] body header .brand b,html[lang] body footer .brand b{font-family:Arial,sans-serif;font-size:36px;line-height:1;font-weight:900;letter-spacing:-.6px;white-space:nowrap}
html[lang] body header .brand small,html[lang] body footer .brand small{display:block;font-family:Arial,sans-serif;font-size:14px;line-height:1.25;font-weight:700;letter-spacing:.35px;margin:0;white-space:nowrap}
html[lang] body header .mobile-menu{align-self:center;position:relative;margin:0;padding:0}
html[lang] body header .mobile-menu summary{display:flex;align-items:center;justify-content:center;height:48px;min-height:48px;line-height:1;padding:0 6px;margin:0;font-weight:800}
html[lang] body header .mobile-menu>div{top:calc(100% + 10px);right:0;margin:0;border:1px solid #36516a;border-radius:14px;z-index:10;max-height:calc(100dvh - 170px);overflow-y:auto}
@media(min-width:561px) and (max-width:1450px){html[lang] body header nav{display:none}html[lang] body header .mobile-menu{display:block}html[lang] body header .mobile-menu summary{font-size:14px}}
@media(max-width:560px){
 html[lang] body header{height:auto;min-height:124px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 4vw 10px}
 html[lang] body header .brand{gap:10px;margin:0;min-width:0;grid-column:1;grid-row:1}
 html[lang] body header .brand-logo{width:clamp(48px,14vw,58px);height:clamp(48px,14vw,58px)}
 html[lang] body header .brand>span{gap:5px;min-width:0}
 html[lang] body header .brand b{font-size:clamp(26px,7.7vw,30px);letter-spacing:-.5px}
 html[lang] body header .brand small{font-size:clamp(12px,3.3vw,14px);letter-spacing:0;white-space:nowrap}
 html[lang] body header .mobile-menu{grid-column:2;grid-row:1;display:block;margin:0}
 html[lang] body header .mobile-menu summary{font-size:13px;padding:0;min-width:44px}
 html[lang] body header .mobile-menu>div{top:calc(100% + 8px);z-index:10;max-width:calc(100vw - 32px)}
 html[lang] body header .call{grid-column:1/-1;grid-row:2;text-align:center;font-size:14px;padding:9px 12px;border-radius:8px;line-height:1.2}
 html[lang] body footer .brand{gap:10px}html[lang] body footer .brand-logo{width:56px;height:56px}html[lang] body footer .brand b{font-size:28px}html[lang] body footer .brand small{font-size:12px;letter-spacing:0}
 .help-topic{scroll-margin-top:145px}
}
@media(max-width:350px){html[lang] body header{padding-left:10px;padding-right:10px;gap:8px}html[lang] body header .brand{gap:8px}html[lang] body header .mobile-menu summary{font-size:12px}}

html[lang] body header .call{white-space:nowrap}

.contact-directory{max-width:720px;margin:22px auto 0;text-align:left;padding:16px;border:1px solid #738875;border-radius:16px}.contact-directory summary{cursor:pointer;font-weight:700}.contact-directory p{margin:12px 0;overflow-wrap:anywhere}
