/* Shared outlined wordmark: no remote font request or fallback substitution. */
.brand.juzz-brand{display:inline-flex;align-items:center;gap:0;flex:none;line-height:1;min-height:44px;text-decoration:none}
.brand.juzz-brand .juzz-wordmark,.topbar-wordmark .juzz-wordmark{display:block;width:188px;height:auto;max-width:100%;border:0;border-radius:0;box-shadow:none;object-fit:contain;transform:none}
.brand.juzz-brand .wordmark-dark,.topbar-wordmark .wordmark-dark{display:none}
.brand.juzz-brand.wordmark-static-dark .wordmark-light,html[data-theme="dark"] .juzz-brand .wordmark-light,html[data-theme="dark"] .topbar-wordmark .wordmark-light{display:none}
.brand.juzz-brand.wordmark-static-dark .wordmark-dark,html[data-theme="dark"] .juzz-brand .wordmark-dark,html[data-theme="dark"] .topbar-wordmark .wordmark-dark{display:block}
.sidebar .brand.juzz-brand{width:100%;padding:0 8px 14px;min-height:61px}
.sidebar .brand.juzz-brand .juzz-wordmark{width:174px}
.topbar-wordmark{display:none;flex:none;align-items:center;min-height:44px}
@media(max-width:900px){
 .topbar-wordmark{display:flex}
 .topbar-wordmark .juzz-wordmark{width:clamp(136px,40vw,168px)}
 .topbar:has(.topbar-wordmark)>.crumb{display:none}
 .top .brand.juzz-brand .juzz-wordmark{width:clamp(132px,40vw,188px)}
}
@media(max-width:380px){.topbar:has(.topbar-wordmark){gap:8px}.topbar-wordmark .juzz-wordmark{width:136px}.top:has(.juzz-brand){flex-wrap:wrap}}

@media(max-width:600px){.top:has(.juzz-brand){flex-wrap:wrap;row-gap:12px}}
@media(max-width:480px){
 .topbar:has(.topbar-wordmark) .reciter-pill{width:60px;min-width:60px;max-width:60px;padding:6px;gap:4px;justify-content:center}
 .topbar:has(.topbar-wordmark) .reciter-pill-copy{display:none}
}