/* Load after the editorial/account styles so the shorter wordmark has one layout contract. */
.f-header .f-brand{min-width:112px;display:flex;align-items:center;flex-shrink:0}
.f-header .f-brand svg.yg-brand{width:112px;height:auto;max-height:42px}
.f-footer-brand svg.yg-brand{width:94px;height:auto;max-height:35px}
.f-site-footer{align-items:flex-start;flex-wrap:wrap}
.f-site-footer .f-footer-brand{display:grid;gap:6px;min-width:180px}
.f-footer-brand small{font-size:10px;color:var(--f-muted)}
.f-footer-entry{display:flex;flex-wrap:wrap;gap:4px}
.f-footer-group{display:grid;gap:8px;min-width:100px}
.f-footer-group strong{font-size:12px;color:var(--f-ink)}
.f-sidefoot svg.yg-brand{width:94px;height:auto;max-height:35px}
.adm-logo svg.yg-brand{width:112px;height:auto;max-height:42px}
.adm-login-logo svg.yg-brand{width:144px;max-height:53px}
.adm-login-mobile-brand svg.yg-brand{width:112px;max-height:42px}
@media(min-width:761px) and (max-width:900px){.f-header{grid-template-columns:112px minmax(0,1fr) auto}}
@media(max-width:760px){.f-header .f-brand{min-width:104px}.f-header .f-brand svg.yg-brand{width:104px;max-height:39px}}
@media(max-width:360px){.f-header .f-brand{min-width:104px}.f-header .f-brand svg.yg-brand{width:104px;max-height:39px}.f-header{gap:4px}}