/* PUBGIN fixed-template visual language. Loaded after each page's existing styles. */
:root{--bg:#0a1117;--panel:#172630;--panel2:#20333d;--line:#435965;--txt:#f5f7f5;--dim:#b3c6ce;--accent:#ffc45a;--win:#ffd476;--accent2:#85bfff;--navy:#172630}
html{scroll-padding-top:76px}
body{background:radial-gradient(ellipse 75% 550px at 75% -210px,#33483c83,transparent 70%),#0a1117;color:var(--txt);font-family:system-ui,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font-family:inherit}
.topnav{background:#101a22eb!important;backdrop-filter:blur(12px);border-bottom:1px solid #536777!important}
.topnav .tn-brand{letter-spacing:.065em}.topnav .tn-lg.on{color:#ffcf75!important}
.topnav .tn-lg:hover,.topnav .tn-search:hover,.topnav .tn-menu:hover{color:#ffcf75!important}
.scard,.hero,.nu,.sched,.offbox{box-shadow:0 10px 28px #0005,inset 0 1px #ffffff0d}
.scard,.nu,.sched{border-color:#526570!important}
.hero-name,.scard-name,.scard .nm,.lgsec-title,.eyebrow .series-name,.headmain h1,.lr-title{text-transform:uppercase}
.scard-name,.hero-name{letter-spacing:-.02em}
.scard:hover,.nu:hover{border-color:#a4b9bd!important}
a:focus-visible,button:focus-visible,[role='tab']:focus-visible{outline:2px solid #ffd478;outline-offset:3px}
@media(max-width:760px){.topnav{backdrop-filter:none}}

/* Consistent header typography across the dashboard and published pages.
   Only glyph sizing and spacing change; the existing bar and control heights stay put. */
.topnav .tn-brand{font-size:16px!important;letter-spacing:.075em!important}
.topnav .tn-lg{font-size:13px!important;letter-spacing:.015em!important;font-weight:800!important}
.topnav .tn-live{font-size:13px!important;letter-spacing:.025em!important}
.topnav .tn-live .tn-livename{font-size:15px!important;font-weight:800!important;letter-spacing:.01em!important}
.topnav .tn-chicken{font-size:13px!important;letter-spacing:.025em!important}
.topnav .tn-search,.topnav .tn-menu{font-size:13px!important;letter-spacing:.01em!important;font-weight:700!important}
@media(max-width:1020px){
  .topnav .tn-brand{font-size:14px!important}
  .topnav .tn-lg{font-size:12px!important}
  .topnav .tn-live .tn-livename{font-size:12px!important}
  .topnav .tn-chicken{font-size:11px!important}
}
@media(max-width:760px){
  .topnav .tn-brand{font-size:14px!important}
  .topnav .tn-lg{font-size:12px!important}
  .topnav .tn-live{font-size:11px!important}
  .topnav .tn-live .tn-livename{font-size:11px!important}
  .topnav .tn-chicken,.topnav .tn-search,.topnav .tn-menu{font-size:11px!important}
}
