/* The SVG keeps its original viewBox. Its painted height is 35px (desktop)
   and 31px (mobile); the transparent margin is optically aligned in the slot. */
[data-branding=c] .brand{min-height:44px;min-width:44px}
[data-branding=c] .brand-mark{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px}
[data-branding=c] .brand-mark img{display:block;width:60px;height:60px;max-width:none;object-fit:contain}
[data-branding=c] .brand:focus-visible,[data-branding=c] .reader-brand:focus-visible,[data-branding=c] .reader-library-link:focus-visible{outline:3px solid #F3E7CC;outline-offset:3px;border-radius:2px}
[data-branding=c] .reader-brand{min-height:44px;min-width:44px;gap:10px;flex-shrink:0}
[data-branding=c] .reader-library-link{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;font:14px/1.4 Arial,sans-serif;color:#edeae2;text-underline-offset:4px}
@media(max-width:760px){
 [data-branding=c] .reader-brand{gap:8px}
 [data-branding=c] .reader-brand .brand-mark{flex-basis:38px;width:38px;height:44px}
 [data-branding=c] .reader-brand .brand-mark img{width:52px;height:52px}
 [data-branding=c] .reader-header .v2-book-back{grid-column:1;grid-row:2}
 [data-branding=c] .reader-library-link{grid-column:2;grid-row:2;justify-self:end}
}
@media(max-width:600px){
 [data-branding=c] .brand-mark{flex-basis:38px;width:38px;height:44px}
 [data-branding=c] .brand-mark img{width:52px;height:52px}
 [data-branding=c] .header-identity{min-width:0}
 [data-branding=c] .header-credit{min-width:0;flex:1}
}