.bbsct{display:flex;align-items:center;flex:1 1 auto;min-width:0;max-width:640px;height:100%;margin:0 24px;overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.bbsct a{color:inherit;text-decoration:none}
.bbsct-track{display:flex;align-items:center;gap:48px;white-space:nowrap;width:max-content;animation:bbsct-scroll var(--bbsct-speed,18s) linear infinite}
.bbsct:hover .bbsct-track{animation-play-state:paused}
.bbsct-item{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:600;letter-spacing:.06em;font-size:15px;line-height:1}
.bbsct-icon{width:36px;height:36px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;
  box-shadow:0 0 0 2px rgba(255,255,255,.35);flex:0 0 auto}
.bbsct-icon img{width:88%;height:88%;object-fit:contain;display:block}
.bbsct-days{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 8px;border-radius:14px;
  background:#c9a865;color:#3a2129;font-size:16px;font-weight:800;letter-spacing:0}
.bbsct-sep{opacity:.5}
@keyframes bbsct-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.bbsct-track{animation:none}}
@media (max-width:900px){.bbsct{margin:0 10px}.bbsct-item{font-size:13px}.bbsct-icon{width:30px;height:30px}}
.bbsct-count{display:inline-flex;align-items:center;gap:8px}
.bbsct-time{display:inline-flex;align-items:center;gap:2px;font-variant-numeric:tabular-nums}
.bbsct-time b{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;border-radius:6px;
  background:rgba(255,255,255,.16);font-weight:800;font-size:15px}
.bbsct-time i{font-style:normal;opacity:.7;padding:0 1px}
.bbsct-units{font-size:11px;opacity:.8;letter-spacing:.08em}
.bbsct-days{font-variant-numeric:tabular-nums}
/* Overlay mode: sits on top of the top bar without changing its layout */
.bbsct.bbsct--overlay{position:absolute;top:0;bottom:0;margin:0;max-width:none;height:auto;z-index:5}
.bbsct--overlay .bbsct-icon{width:32px;height:32px}
/* v1.3 text layout */
.bbsct-item{gap:14px;padding-right:14px}
.bbsct-num{color:#f3d58c;font-weight:800;font-size:1.1em}
.bbsct-sep{opacity:.55;font-weight:400}
.bbsct-icon{background:#fff}
/* v1.4: chorten image fills the circle */
.bbsct-icon{background:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.55)}
.bbsct-icon img{width:100%;height:100%;object-fit:cover}
/* v1.5: full logo in a white rounded badge */
.bbsct-icon{width:auto;height:44px;padding:0;border-radius:10px;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.4)}
.bbsct-icon img{width:auto;height:100%;object-fit:contain}
.bbsct--overlay .bbsct-icon{width:auto;height:44px}
@media (max-width:900px){.bbsct-icon,.bbsct--overlay .bbsct-icon{height:36px}}
/* v1.7: gold text + stupa icon in a circle */
.bbsct-item{color:#c2a56c;text-shadow:0 1px 2px rgba(34,11,21,.45)}
.bbsct-num{color:#e8cf93}
.bbsct-sep{color:#c2a56c;opacity:.7}
.bbsct-icon,.bbsct--overlay .bbsct-icon{width:44px;height:44px;border-radius:50%;background:transparent;box-shadow:none}
.bbsct-icon img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.bbsct-icon,.bbsct--overlay .bbsct-icon{width:36px;height:36px}}
/* v1.8: transparent chorten, no circle */
.bbsct-icon,.bbsct--overlay .bbsct-icon{width:auto;height:54px;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.bbsct-icon img{width:auto;height:100%;object-fit:contain;filter:none}
@media (max-width:900px){.bbsct-icon,.bbsct--overlay .bbsct-icon{width:auto;height:44px}}
/* v1.10: same font as the date, chorten fits the bar */
.bbsct-item{font:inherit;letter-spacing:inherit;font-size:1em;line-height:1.2;gap:.6em;padding-right:.6em}
.bbsct-num{font-size:1em;font-weight:inherit}
.bbsct-sep{font-weight:inherit}
.bbsct .bbsct-icon,.bbsct.bbsct--overlay .bbsct-icon{height:var(--bbsct-icon-h,44px);width:auto}
.bbsct.bbsct--overlay{align-items:center}
.bbsct-track{align-items:center;height:100%}

/* v1.13: number in the same gold as the swatch */
.bbsct .bbsct-num{color:#c2a56c}
/* v1.14: mobile strip under the top bar */
.bbsct.bbsct--mobile{position:relative;display:flex;width:100%;max-width:none;height:40px;margin:0;padding:0 8px;box-sizing:border-box;
  font-size:14px !important;border-top:1px solid rgba(255,255,255,.15);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.bbsct--mobile .bbsct-item{gap:.5em;padding-right:.5em}
.bbsct.bbsct--mobile .bbsct-icon{height:28px}
.bbsct-mwrap{display:block;width:100%;border-top:1px solid rgba(255,255,255,.15)}
.bbsct.bbsct--mobile{border-top:0}
/* v1.16: phone header, between logo and RADIO LIVE */
.bbsct.bbsct--mhead{font-size:13px !important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.bbsct--mhead .bbsct-item{gap:.45em;padding-right:.45em}
/* v1.17: phone header ticker floats over the header */
.bbsct.bbsct--mhead{position:fixed;margin:0;max-width:none;z-index:999;pointer-events:auto;align-items:center}

/* v1.18: bold text */
.bbsct .bbsct-item,.bbsct .bbsct-num,.bbsct .bbsct-sep{font-weight:700 !important}
/* v1.19: smaller chorten, equal space on both sides, vertically centred */
.bbsct .bbsct-track{gap:0}
.bbsct .bbsct-item{gap:.75em;padding-right:.75em}
.bbsct .bbsct-icon{align-self:center;display:inline-flex;align-items:center;margin:0 .35em}
.bbsct .bbsct-icon img{display:block;height:100%;width:auto}
/* v1.20: chorten drawn as a background so theme image rules can't resize or shift it */
.bbsct .bbsct-track{gap:0 !important;align-items:center !important}
.bbsct .bbsct-item{display:inline-flex !important;align-items:center !important;gap:.75em !important;padding:0 .75em 0 0 !important;margin:0 !important}
.bbsct .bbsct-item > span,.bbsct .bbsct-item > b{margin:0 !important;padding:0 !important;line-height:1.2 !important}
.bbsct .bbsct-icon{display:inline-block !important;flex:0 0 auto !important;
  height:var(--bbsct-icon-h,30px) !important;width:calc(var(--bbsct-icon-h,30px) * var(--bbsct-icon-ratio,.6)) !important;
  margin:0 .35em !important;padding:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
  background-color:transparent !important;background-repeat:no-repeat !important;background-position:center !important;background-size:contain !important;
  align-self:center !important;vertical-align:middle !important;overflow:visible !important}
/* v1.21: chorten sized to the text (like the reference), more breathing room */
.bbsct .bbsct-icon{height:1.3em !important;width:calc(1.3em * var(--bbsct-icon-ratio,.6)) !important;margin:0 .6em !important}
.bbsct .bbsct-item > .bbsct-icon{margin:0 .6em !important}