/* Brand identity is independent of Suber palette, card photos and page background. */
.suber-brand-mark{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;width:64px;height:64px;padding:10px;border:1px solid #d8dce5;border-radius:12px;background:var(--brand-logo-ground,#fff)!important;color:#162035!important;overflow:hidden;vertical-align:middle}
.suber-brand-mark img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;transform:none!important;border-radius:0!important}
.suber-brand-mark.brand-text-fallback{font:600 10px/1.25 system-ui,sans-serif;white-space:normal;text-align:center;overflow-wrap:anywhere;padding:7px}
.service-icon.suber-brand-mark{width:64px;height:64px;margin-bottom:14px}
.pin-icon.suber-brand-mark{width:64px;height:64px;padding:10px}
.store-art.suber-brand-mark{width:88px;min-width:88px;height:88px;margin:18px 0 18px 16px;padding:12px;align-self:flex-start;border-radius:12px}
.store-card{align-items:stretch}
.store-art.suber-brand-mark.brand-text-fallback{font-size:11px}
.suber-brand-inline{display:inline-flex;gap:8px;align-items:center}
.suber-brand-inline>.suber-brand-mark{width:40px;height:40px;padding:7px;border-radius:8px}
.provider-identity>.suber-brand-mark{float:left;margin:0 12px 8px 0}
.brand-logo-notice{font:400 12px/1.6 system-ui,sans-serif;color:inherit;max-width:78ch}
@media(max-width:620px){.store-art.suber-brand-mark{width:74px;min-width:74px;height:74px;margin:16px 0 16px 12px;padding:10px}.service-icon.suber-brand-mark,.pin-icon.suber-brand-mark{width:60px;height:60px;padding:10px}}
@media(forced-colors:active){.suber-brand-mark{forced-color-adjust:none;outline:1px solid CanvasText}.brand-text-fallback{forced-color-adjust:auto}}

.shortcut-suggestion-symbol.suber-brand-mark{width:48px;height:48px;padding:8px;border-radius:9px}
@media(min-width:601px){.service-card:not(.internal-tool)>.service-primary:has(>.suber-brand-mark){grid-template-columns:64px minmax(0,1fr)}}

/* Bounded media-logo batch: preserve official exclusion zones and readable wordmarks. */
.suber-brand-mark[data-brand-logo="spotify"]{width:64px;height:64px;padding:16px}
.shortcut-suggestion-symbol.suber-brand-mark{flex-basis:48px}
.shortcut-suggestion-symbol.suber-brand-mark[data-brand-logo="spotify"],.suber-brand-inline>.suber-brand-mark[data-brand-logo="spotify"]{width:48px;height:48px;padding:12px}
:root .pin-icon.suber-brand-mark{width:64px;height:64px;padding:10px}
:root .pin-icon.suber-brand-mark[data-brand-logo="spotify"]{width:64px;height:64px;padding:16px}
:root .pin-link:has(>.suber-brand-mark){grid-template-columns:64px minmax(0,1fr)}
:root[data-layout-density=compact] .pin-icon.suber-brand-mark{width:48px;height:48px;padding:8px}
:root[data-layout-density=compact] .pin-icon.suber-brand-mark[data-brand-logo="spotify"]{padding:12px}
:root[data-layout-density=compact] .pin-link:has(>.suber-brand-mark){grid-template-columns:48px minmax(0,1fr)}
.suber-brand-mark[data-brand-logo="prime-video"]{width:128px;height:64px;max-width:100%;padding:12px}
.service-card:not(.internal-tool)>.service-primary:has(>[data-brand-logo="prime-video"]){grid-template-columns:minmax(0,1fr)}
.service-card>.service-primary:has(>[data-brand-logo="prime-video"])>*{grid-column:1;grid-row:auto}
:root .pin>.pin-link:has(>.pin-icon[data-brand-logo="prime-video"]){grid-template-columns:minmax(0,1fr)}
:root .pin>.pin-link:has(>.pin-icon[data-brand-logo="prime-video"])>*{grid-column:1;grid-row:auto}
:root .pin-icon.suber-brand-mark[data-brand-logo="prime-video"]{width:128px;height:64px;padding:12px}
.shortcut-suggestion-symbol.suber-brand-mark[data-brand-logo="prime-video"]{flex-basis:112px;width:112px;height:52px;padding:10px}
.suber-brand-inline>.suber-brand-mark[data-brand-logo="prime-video"]{width:128px;height:48px;padding:10px}

/* Destination-derived, neutral initials are a local fallback, not brand artwork.
   Only the icon slot changes; existing card/grid/editor layout stays in charge. */
.pin-icon.shortcut-site-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--shortcut-site-ground,#e4edf8)!important;color:#172b3a!important;font:700 17px/1 system-ui,sans-serif;letter-spacing:.02em;text-align:center;overflow:hidden}
#suber-bookmark-bar .suber-bookmark-mark.shortcut-site-mark{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none;width:24px;min-width:24px;height:24px;border-radius:5px;background:var(--shortcut-site-ground,#e4edf8);color:#172b3a;font:700 10px/1 system-ui,sans-serif;letter-spacing:.01em;overflow:hidden}
#suber-bookmark-bar .suber-bookmark-mark.suber-brand-mark{flex:none;width:24px;min-width:24px;height:24px;padding:0;border:0;border-radius:4px}
#suber-bookmark-bar .suber-bookmark-mark.brand-text-fallback{font:600 8px/1 system-ui,sans-serif}
@media(forced-colors:active){.pin-icon.shortcut-site-mark,#suber-bookmark-bar .suber-bookmark-mark.shortcut-site-mark{background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText;forced-color-adjust:auto}}