/* Shared site header (generated v4.3.12) */
.btsa-site-header{max-width:1200px;margin:0 auto;padding:22px 24px 10px;}
.btsa-brandline{display:flex;align-items:baseline;gap:10px;font-weight:800;letter-spacing:.2px;}
.btsa-brand{font-size:28px;text-decoration:none;color:inherit;}
.btsa-brand:hover{opacity:.9;}
.btsa-version{font-size:12px;opacity:.8;}
.btsa-tagline{margin-top:6px;font-size:14px;opacity:.9;line-height:1.35;}
.btsa-globalFilters{margin-top:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.btsa-filterLabel{font-size:12px;font-weight:800;opacity:.85;}
.btsa-filterSelect{
  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(255,255,255,0.14);
  color: rgba(240,240,255,.95);
  border-radius: 12px;
  padding: 8px 10px;
  font-weight: 800;
  font-size: 12px;
  outline: none;
}
.btsa-filterSelect:hover{border-color:rgba(175,145,255,.55)}
.btsa-nav{
  /* Wrap cleanly at all widths */
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:6px 8px;
  align-items:center;
  justify-content:center;
  width:100%;
}
/* First nav row sits a touch lower under the header */
.btsa-site-header .btsa-nav:first-of-type{ margin-top:14px; }
/* Tighten spacing between any stacked nav rows */
.btsa-nav + .btsa-nav{ margin-top:8px; }
.btsa-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;text-decoration:none;border:1px solid rgba(175,145,255,.55);color:rgba(240,240,255,.95);background:rgba(60,35,120,.25);font-weight:700;font-size:12px;line-height:1;}
.btsa-pill:hover{background:rgba(80,45,150,.35);}
.btsa-pill.is-active{background:rgba(115,72,255,.32);border-color:rgba(175,145,255,.85);}



/* Keep nav to 2 rows on common laptop widths */
@media (max-width: 1180px){
  .btsa-nav{gap:6px 8px;}
  .btsa-pill{padding:6px 11px;font-size:12px;}
}
@media (max-width: 980px){
  .btsa-nav{gap:6px 7px;}
  .btsa-pill{padding:6px 10px;font-size:11.5px;}
}
/* ------------------------------------------------------------
   Global Page Title System (v2.2.3.20.01)
   Goal: Make all page title headers consistent site-wide.
   Reference: Archived Shows title styling.
------------------------------------------------------------ */

:root{
  --btb-page-title-size: 28px;
  --btb-page-title-weight: 900;
  --btb-page-title-track: .14em;
}

/* Preferred class used across pages */
.page-title,
.section-title,
.pageTitle{
  font-size: var(--btb-page-title-size) !important;
  line-height: 1.15 !important;
  margin: 0 0 10px 0 !important;
  font-weight: var(--btb-page-title-weight) !important;
  letter-spacing: var(--btb-page-title-track) !important;
  text-transform: uppercase !important;
}

/* Some pages implement titles as divs/spans */
.page-title strong,
.pageTitle strong{
  font-weight: inherit !important;
}

/* Common pattern on many pages: a lone H1/H2 as first child inside main */
main > h1:first-child,
main > h2:first-child,
main.wrap > h1:first-child,
main.wrap > h2:first-child,
main.container > h1:first-child,
main.container > h2:first-child{
  font-size: var(--btb-page-title-size) !important;
  line-height: 1.15 !important;
  margin: 0 0 10px 0 !important;
  font-weight: var(--btb-page-title-weight) !important;
  letter-spacing: var(--btb-page-title-track) !important;
  text-transform: uppercase !important;
}

/* Subtitle under the page title (used on Video/Images) */
.page-subtitle{
  margin: 4px 0 0 !important;
  font-size: 14px !important;
  color: rgba(255,255,255,.72) !important;
}


.show-time{margin-left:.35rem;opacity:.85;font-size:.9em}
\n/* Active state alias */\n.btsa-pill.active{background:rgba(115,72,255,.32);border-color:rgba(175,145,255,.85);}
