/* v3.20.3.14 — Site-wide horizontal overflow cleanup */

:root {
  --ncs-safe-inline: max(0px, env(safe-area-inset-left));
}

html {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

@supports not (overflow: clip) {
  html,
  body {
    overflow-x: hidden;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

main,
header,
footer,
nav,
section,
article,
aside,
form,
fieldset,
div,
ul,
ol,
li {
  min-width: 0;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  max-width: 100%;
}

img,
svg,
video,
canvas {
  height: auto;
}

pre,
code,
kbd,
samp,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: anywhere;
}

/* Preserve horizontal scrolling only inside components designed for it. */
[data-horizontal-scroll],
.ncs-horizontal-scroll,
.table-scroll,
.table-responsive,
.scoreboard-tabs,
.game-center-tabs,
.clean-scoreboard-tabs,
.rant-scoreboard-tabs,
.bayou-table-scroll,
.stats-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

/* Full-bleed sections should fill the layout width, not the scrollbar-inclusive 100vw. */
.rant-hero,
.ncs-social-hub[data-brand="hbcuHour"],
.ncs-social-hub[data-brand="bayouRecap"] {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

/* Fixed overlays already use inset:0; explicit 100vw/100vh can create browser overflow. */
#bayou-college-game-center[aria-hidden="false"],
#bayou-college-game-center .bayou-college-game-center-backdrop,
.game-center-overlay,
.rant-game-center-overlay,
[data-game-center-overlay] {
  max-width: 100% !important;
}

#bayou-college-game-center[aria-hidden="false"],
#bayou-college-game-center .bayou-college-game-center-backdrop {
  width: auto !important;
  right: 0 !important;
  left: 0 !important;
}

/* Runtime guard applied only to unexpected non-scroll-container offenders. */
.ncs-overflow-clamped {
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Prevent translated decorative art from affecting document width. */
[aria-hidden="true"].decorative,
.ncs-decorative,
.hero-glow,
.hero-orb,
.background-art {
  pointer-events: none;
}
