/* The host surrounds the original brand; it never restyles its content. */
body.brand-site{background:#3A1F3E;overflow-x:hidden}
.brand-site{--brand-header-h:88px}
.brand-site .site-header{background:rgba(58,31,62,.96);gap:24px}
.brand-site .site-header.is-scrolled{background:rgba(58,31,62,.97);color:#FEF8FF}
.brand-site .site-header .brand-logo--light{opacity:1}
.brand-site .site-header .brand-logo--dark{opacity:0}
.brand-site .site-header .language-switcher summary{color:#FEF8FF}
.brand-site .site-header:not(.is-scrolled).menu-open{background:rgba(58,31,62,.97)}
.brand-site #siteHeader .desktop-nav{justify-self:center;font-family:"Figtree","Outfit",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.55;--line:rgba(254,248,255,.13);--fg-2:#B9B1C8;--fg:#FEF8FF;--paper:#FEF8FF;--purple:#4F2854}
.brand-site #siteHeader .tab{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;opacity:1;letter-spacing:normal;text-decoration:none}
.brand-site #siteHeader .tab:focus-visible{outline:2px solid #FFCC00;outline-offset:3px}
.brand-content{padding-top:var(--brand-header-h);--header-h:var(--brand-header-h);color-scheme:dark}
.brand-content .panel[hidden]{display:none!important}
.brand-content .panel{scroll-margin-top:var(--header-h)}
.brand-content .comic-downloads:empty{display:none}
/* Source buttons became direct comic links by request; retain their base font. */
.brand-content a.comic-index__item{font:inherit}

/* Original switcher declarations extracted from brand.zip. */
.brand-site #siteHeader .desktop-nav{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px}
.brand-site #siteHeader .tab{padding:8px 16px;border-radius:999px;font-size:.92rem;color:var(--fg-2);min-height:40px;display:inline-flex;align-items:center;transition:background .25s,color .25s}
.brand-site #siteHeader .tab[aria-current="true"]{background:var(--paper);color:var(--purple)}
.brand-site #siteHeader .tab:hover:not([aria-current="true"]){color:var(--fg)}
@media  (max-width:720px){.brand-site #siteHeader .desktop-nav{flex:1;justify-content:center;max-width:300px;padding:2px}
.brand-site #siteHeader .tab{flex:1;justify-content:center;padding:6px 8px;font-size:.78rem;min-height:34px;white-space:nowrap}}
.brand-site #siteHeader .tab__short{display:none}
@media  (max-width:720px){.brand-site #siteHeader .tab__full{display:none}
.brand-site #siteHeader .tab__short{display:inline}}
@media (max-width:720px){.brand-site #siteHeader .desktop-nav{max-width:none;gap:1px}
.brand-site #siteHeader .tab{padding-inline:6px;font-size:.72rem}}

/* Keep the original section switcher visible; only the added site actions need space. */
.brand-site #siteHeader .desktop-nav{display:flex;flex-wrap:nowrap}
.brand-site #siteHeader .menu-toggle,.brand-site #siteHeader .mobile-nav{display:none}
@media(min-width:1201px){.brand-site #siteHeader .desktop-nav{grid-column:2;grid-row:1}}
@media(min-width:681px) and (max-width:1200px){
 .brand-site{--brand-header-h:126px}
 .brand-site #siteHeader,.brand-site #siteHeader.is-scrolled{height:var(--brand-header-h);grid-template-columns:1fr auto;grid-template-rows:44px 48px;padding:12px 30px;gap:8px 16px}
 .brand-site #siteHeader>.brand{grid-column:1;grid-row:1}
 .brand-site #siteHeader .header-actions{grid-column:2;grid-row:1}
 .brand-site #siteHeader .desktop-nav{grid-column:1/-1;grid-row:2}
}
@media(max-width:680px){
 .brand-site{--brand-header-h:152px}
 .brand-site #siteHeader,.brand-site #siteHeader.is-scrolled{height:var(--brand-header-h);grid-template-rows:38px 44px 38px;gap:4px 8px;padding:10px 18px}
 .brand-site #siteHeader .desktop-nav{grid-column:1/-1;grid-row:3;width:100%;justify-content:center}
}