.muayspot-top-banner { box-sizing: border-box; position: sticky; top: 0; z-index: 40; width: 100%; margin: 0; padding: 6px 16px 12px; background: #030806; border-bottom: 1px solid #183044; color: #8999a7; font-family: "Noto Sans Thai", system-ui, sans-serif; }
.muayspot-top-banner-inner { width: min(1100px, 100%); margin-inline: auto; }
.muayspot-top-banner-link { display: block; color: inherit; text-decoration: none; }
.muayspot-top-banner-link:focus { outline: none; }
.muayspot-top-banner-link:focus-visible { outline: 2px solid #a5f300; outline-offset: 3px; }
.muayspot-top-banner video { display: block; box-sizing: border-box; width: 100%; max-width: 100%; height: auto; aspect-ratio: 1648 / 544; object-fit: contain; border-radius: 6px; background: #050805; pointer-events: none; }
.muayspot-top-banner video::-webkit-media-controls,
.muayspot-top-banner video::-webkit-media-controls-enclosure,
.muayspot-top-banner video::-webkit-media-controls-panel,
.muayspot-top-banner video::-webkit-media-controls-start-playback-button,
.muayspot-top-banner video::-webkit-media-controls-overlay-play-button { display: none !important; -webkit-appearance: none; opacity: 0; pointer-events: none; width: 0 !important; height: 0 !important; }
@media (max-width: 600px) { .muayspot-top-banner { padding: 4px 8px 8px; } }
/* Home (and other non-article shells) used overflow:hidden, so a sticky header top offset
   was computed against the shell and visually shifted the menu over the content. Article
   pages already set overflow:visible; keep the same overflow so the header can stick to the viewport just below the banner. */
.site-shell { overflow: visible; }
header.site-header,
header.article-site-header {
  position: sticky;
  top: var(--muayspot-top-banner-height, 0px);
  z-index: 20;
}
.article-toc { top: calc(92px + var(--muayspot-top-banner-height, 0px)); }
.program-fight-lab { top: calc(86px + var(--muayspot-top-banner-height, 0px)); }