/* Scoped preview branding; page palette and the separately owned theme implementation stay intact. */
.brand{min-width:0;flex-shrink:0}
.brand-image{display:block;width:clamp(160px,16vw,210px);max-width:100%;height:auto}
.footer-branding{flex-basis:100%;min-width:0;width:100%;padding:28px;border-radius:var(--radius);background:var(--color-brand-panel-bg)}
.footer-brand-image{display:block;width:690px;max-width:100%;height:auto}
.footer-brand-tagline{font-size:13px;line-height:1.7;color:var(--color-brand-panel-text);letter-spacing:.02em;overflow-wrap:normal}
@media screen and (min-width:761px){.footer-brand-tagline{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media screen and (max-width:760px){.brand-image{width:190px}.footer-branding{padding:20px;margin-bottom:20px}.footer-brand-image{width:360px}.footer-brand-tagline{margin-top:18px;max-width:40ch}}
@media print{.footer-branding{background:var(--color-bg-card);padding:12px 0}.footer-brand-image{width:300px}.footer-brand-tagline{position:static;width:auto;height:auto;clip-path:none;white-space:normal;color:var(--color-text-primary);margin-top:10px}}

/* Select the matching logo using the merged theme contract, including system/no-JS and print. */
.brand-logo-dark{display:none}
@media screen and (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand-logo-light{display:none}:root:not([data-theme="light"]) .brand-logo-dark{display:block}}
@media screen{:root[data-theme="dark"] .brand-logo-light{display:none}:root[data-theme="dark"] .brand-logo-dark{display:block}}
@media print{.brand-logo-light{display:block}.brand-logo-dark{display:none}}