/* Shared header brand. All entries use the same icon and typography tokens. */
:root{--topik-brand-size:40px;--topik-brand-type:20px;--topik-brand-gap:8px}
a.topik-site-brand,#app a.topik-site-brand,#payment-portal a.topik-site-brand{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 auto!important;gap:var(--topik-brand-gap)!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#55301e!important;text-decoration:none!important;white-space:nowrap!important}
a.topik-site-brand>img.topik-site-brand-icon,#app a.topik-site-brand>img.topik-site-brand-icon,#payment-portal a.topik-site-brand>img.topik-site-brand-icon{display:block!important;flex:0 0 var(--topik-brand-size)!important;width:var(--topik-brand-size)!important;height:var(--topik-brand-size)!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
a.topik-site-brand>.topik-site-brand-name,#app a.topik-site-brand>.topik-site-brand-name,#payment-portal a.topik-site-brand>.topik-site-brand-name{display:inline-block!important;margin:0!important;padding:0!important;color:inherit!important;font-size:var(--topik-brand-type)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:.015em!important;white-space:nowrap!important}
#app .app-unified-shell .app-topbar-inner>a.app-brand.topik-site-brand{display:inline-flex!important;color:var(--shared-nav-text,#55301e)!important}
#app .app-unified-shell>.app-mobile-header>a.topik-site-brand{color:var(--shared-nav-text,#55301e)!important}
#app .app-unified-shell>.app-mobile-header>.app-mobile-title-wrap{min-width:0}
#app .app-unified-shell>.app-mobile-header>.app-mobile-title-wrap .app-mobile-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .app-unified-shell[data-page-path="/"]>.app-mobile-header>.app-mobile-title-wrap{display:none!important}
.video-platform-navigation .app-topbar-inner>.topik-site-brand{color:var(--shared-nav-text,#55301e)!important}
.top-header .brand-title>.topik-site-brand{color:inherit!important}
@media(min-width:768px) and (max-width:1199px){:root{--topik-brand-size:37px;--topik-brand-type:18px;--topik-brand-gap:6px}}
@media(max-width:767px){:root{--topik-brand-size:39px;--topik-brand-type:20px;--topik-brand-gap:7px}#app .app-unified-shell>.app-mobile-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding-inline:12px!important}#app .app-unified-shell>.app-mobile-header>:is(.app-mobile-back,.app-mobile-back-spacer){flex:0 0 34px!important}#app .app-unified-shell>.app-mobile-header>a.topik-site-brand{order:1}#app .app-unified-shell>.app-mobile-header>.app-mobile-title-wrap{order:2;flex:1 1 auto;text-align:right}#app .app-unified-shell>.app-mobile-header>.app-mobile-action-spacer{display:none!important}#app .app-unified-shell[data-page-path="/"]>.app-mobile-header>.app-mobile-back-spacer{display:none!important}#app .app-unified-shell[data-page-path="/"]>.app-mobile-header>a.topik-site-brand{margin-right:auto}#app .app-unified-shell>.app-mobile-header>.app-mobile-back{order:0}}
@media(max-width:359px){:root{--topik-brand-size:33px;--topik-brand-type:17px;--topik-brand-gap:5px}}
:root.dark a.topik-site-brand,html.dark a.topik-site-brand,html[data-theme="dark"] a.topik-site-brand,body.dark a.topik-site-brand{color:#f9eee3!important}