/* Keep the supplied artwork proportional in every public page header/footer. */
img[data-prx-logo]{display:block!important;width:160px!important;max-width:100%;height:auto!important;max-height:52px;object-fit:contain!important;filter:none!important}
header .brand:has([data-prx-logo]){flex-shrink:0}
.footer-logo[data-prx-logo]{width:150px!important}
@media(max-width:540px){img[data-prx-logo]{width:132px!important;max-height:44px}.footer-logo[data-prx-logo]{width:140px!important}}

/* Align the footer buttons with the square inside the supplied logo artwork. */
.site-footer .footer-inner{grid-template-columns:240px minmax(0,1fr)}
.site-footer .footer-brand-col{--footer-logo-width:240px;--footer-square-size:calc(var(--footer-logo-width) * 360 / 1515);width:var(--footer-logo-width);max-width:100%}
.site-footer .footer-logo[data-prx-logo]{width:var(--footer-logo-width)!important;max-height:none}
.site-footer .footer-socials{width:auto;margin-left:calc(var(--footer-logo-width) * 40 / 1515);gap:8px}
.site-footer .footer-social{width:var(--footer-square-size);height:var(--footer-square-size);flex:0 0 var(--footer-square-size);background:#fff;color:#000;font-size:22px;border-radius:0}
html[data-theme=light] .site-footer .footer-social{background:#000;color:#fff}
@media(max-width:700px){.site-footer .footer-inner{grid-template-columns:1fr;gap:24px}.site-footer .footer-brand-col{--footer-logo-width:200px}.site-footer .footer-social{font-size:19px}}
