/* Shared identity; keep the symbol readable at favicon and broadcast sizes. */
.site-header .brand{gap:11px;flex-shrink:0;letter-spacing:0}
.brand-mark{display:block;width:44px;height:44px;flex-shrink:0}
.brand-title{display:block;font-size:19px;letter-spacing:.06em;line-height:1.25;white-space:nowrap}
.brand-caption{display:block;font-size:8px;letter-spacing:2.1px;line-height:1.4;color:#a8b6c9;margin-top:4px}
.site-footer .footer-brand{display:inline-flex;align-items:center;gap:9px;color:#bdc7d7;font-size:10px}
.footer-brand img{width:26px;height:26px;flex-shrink:0}
.login-brand-mark{display:block;width:84px;height:84px;margin:0 auto}
.broadcast-brand-mark{display:block;width:3cqw;height:3cqw;flex-shrink:0}
#site-name .admin-brand{display:inline-flex;align-items:center;gap:12px;font-size:18px;line-height:1.4}
.admin-brand img{width:38px;height:38px;flex-shrink:0}
@media(max-width:1100px){.brand-title{font-size:17px}.brand-caption{font-size:7px;letter-spacing:1.6px}.brand-mark{width:40px;height:40px}}
@media(max-width:1000px){.site-header .brand{gap:8px}.site-header .brand>.year-tag{display:none}.brand-title{font-size:16px}.brand-mark{width:36px;height:36px}}
@media(max-width:600px){.site-header .brand{gap:8px}.brand-title{font-size:16px}.brand-mark{width:36px;height:36px}.brand-caption{font-size:6px;letter-spacing:1.25px}}
@media(max-width:380px){.brand-title{font-size:14px}.brand-mark{width:32px;height:32px}.site-header .nav-button{font-size:10px;padding:8px}.brand-caption{letter-spacing:.8px}}