/* Original approved PNGs stay unchanged. Light alpha supplies the dark wordmark. */
.pocketboo-brand{position:relative;display:inline-block;width:180px;aspect-ratio:2172/724;vertical-align:middle;flex-shrink:0}
.pocketboo-brand::before,.pocketboo-brand::after{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:contain}
.pocketboo-brand::before{background-image:url("/assets/brand/pocketboo-logo-dark.png");clip-path:inset(0 71.5% 0 0);transform-origin:left center;transform:translateX(-.5%) scale(.92)}
.pocketboo-brand::after{background:linear-gradient(to right,transparent 0 25.8%,#f4f1ed 25.8% 69.3%,#efbb9b 69.3%);-webkit-mask:url("/assets/brand/pocketboo-logo-light.png") center/contain no-repeat;mask:url("/assets/brand/pocketboo-logo-light.png") center/contain no-repeat;mask-mode:alpha}
html[data-theme=light] .pocketboo-brand::before{background-image:url("/assets/brand/pocketboo-logo-light.png");clip-path:none;transform:none}
html[data-theme=light] .pocketboo-brand::after{display:none}
@supports not ((mask-image:url("x")) or (-webkit-mask-image:url("x"))){.pocketboo-brand::before{clip-path:none;transform:none}.pocketboo-brand::after{display:none}}
@media(forced-colors:active){html[data-theme] .pocketboo-brand{width:auto;aspect-ratio:auto}html[data-theme] .pocketboo-brand::before{content:"PocketBoo";position:static;background:none;clip-path:none;transform:none;color:CanvasText;font:700 22px/44px system-ui}html[data-theme] .pocketboo-brand::after{display:none}}

/* Fit the existing app controls without reducing their tap targets. */
.sidebar-brand .pocketboo-brand{width:170px}.initial-loading .pocketboo-brand{width:220px}
.mobile-brand .pocketboo-brand{width:144px;margin:0;font-size:inherit}
.topbar .community-link .community-label{display:inline}
@media(max-width:760px){.topbar .community-link{width:44px;padding:9px 0}.topbar .community-link .community-label{display:none}.topbar .mobile-brand{line-height:1}.mobile-brand .pocketboo-brand{vertical-align:middle}}
@media(max-width:359px){.topbar{padding-left:12px;padding-right:12px;column-gap:8px}.mobile-brand .pocketboo-brand{width:128px}.topbar-right{gap:8px}.topbar .button[data-action=account]{padding-left:8px;padding-right:8px}}
.community-header .pocketboo-brand{width:180px}@media(max-width:480px){.community-header .pocketboo-brand{width:126px}}