/* CSS selects the matching surface logo immediately, including manual theme changes. */
.theme-brand-logo{display:inline-grid;place-items:center;width:132px;height:87px;max-width:100%;vertical-align:middle;flex-shrink:0}
.theme-brand-logo>img{grid-area:1/1;display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.theme-brand-logo>img.brand-on-light{display:none}
html[data-theme=light] .theme-brand-logo>img.brand-on-dark{display:none}
html[data-theme=light] .theme-brand-logo>img.brand-on-light{display:block}
/* The footer is a dark brand surface in both themes. */
html[data-theme] .site-footer .theme-brand-logo>img.brand-on-dark{display:block}
html[data-theme] .site-footer .theme-brand-logo>img.brand-on-light{display:none}