/* One path-based wordmark for the PHP application and private preview. */
.site-header a.brand,
.site-header a.mobile-brand-link{min-height:44px;min-width:0;box-shadow:none;text-decoration:none}
.site-header a.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.site-header a.brand .brand-word{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;font:inherit;letter-spacing:normal;line-height:1}
.site-header a.brand img.plavelist-wordmark{display:block;width:210px;height:auto;max-width:none;object-fit:contain;flex:none;border-radius:0}
.site-header a.brand .brand-sub{display:block;margin:0 0 0 3px;font:500 11px/1.5 "Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:.12em;color:#717991}
.site-header a.brand .brand-mascot{display:flex;align-items:center;justify-content:center;width:37px;height:44px;flex:0 0 37px;margin:0;padding:0;border:0;background:none}
.site-header a.brand .brand-mascot img{width:37px;height:44px;object-fit:contain}
.site-header a.mobile-brand-link{align-items:center;gap:6px;width:auto;flex:0 0 auto}
.site-header a.mobile-brand-link img.plavelist-wordmark{display:block;width:164px;height:auto;max-width:none;object-fit:contain;border-radius:0}
.site-header a.mobile-brand-link img.plavelist-mascot{display:block;width:27px;height:32px;object-fit:contain;border-radius:0}
.site-header a.brand:focus-visible,
.site-header a.mobile-brand-link:focus-visible{outline:2px solid #6553c8;outline-offset:5px;border-radius:4px}
.site-footer .brand-small img.plavelist-wordmark{display:block;width:165px;height:auto;max-width:100%;border-radius:0}
@media(max-width:1150px) and (min-width:821px){.site-header a.brand img.plavelist-wordmark{width:178px}.site-header a.brand .brand-mascot{width:32px;flex-basis:32px}.site-header a.brand .brand-mascot img{width:32px}.site-header a.brand{gap:7px}.site-header a.brand .brand-sub{font-size:10px;letter-spacing:.08em}}
@media(max-width:820px){.site-header a.brand img.plavelist-wordmark{width:164px}.site-header a.brand .brand-sub{display:none}.site-header a.brand .brand-mascot{width:28px;height:36px;flex-basis:28px}.site-header a.brand .brand-mascot img{width:28px;height:36px}.site-header a.brand{gap:7px}.site-header a.mobile-brand-link{min-height:44px}.site-header a.mobile-brand-link img.plavelist-wordmark{width:164px}}
@media(max-width:360px){.site-header a.brand img.plavelist-wordmark{width:144px}.site-header a.mobile-brand-link{gap:4px}.site-header a.mobile-brand-link img.plavelist-wordmark{width:144px}.site-header a.mobile-brand-link img.plavelist-mascot{width:25px;height:30px}}