/*
 * NRL visual refresh
 * Scoped plugin UI foundation plus compatibility styles for existing
 * McNaughty.gg content blocks that were previously held in Astra CSS.
 */

:root {
  color-scheme: light dark;
  --nrl-accent: #1bae70;
  --nrl-accent-2: #38d6c5;
  --nrl-gold: #f5b300;
  --nrl-danger: #ef4444;
  --nrl-radius-sm: 8px;
  --nrl-radius-md: 12px;
  --nrl-radius-lg: 18px;
  --nrl-shadow-soft: 0 12px 30px rgba(0, 0, 0, .12);
  --nrl-shadow-panel: 0 18px 42px rgba(0, 0, 0, .22);
  --nrl-focus: 0 0 0 3px rgba(56, 214, 197, .28);
}

:root,
:root[data-nrl-theme="dark"] {
  --nrl-bg: #070812;
  --nrl-bg-2: #05060a;
  --nrl-surface: rgba(18, 21, 40, .68);
  --nrl-surface-2: rgba(10, 12, 22, .76);
  --nrl-surface-solid: #101426;
  --nrl-border: rgba(255, 255, 255, .14);
  --nrl-border-soft: rgba(255, 255, 255, .09);
  --nrl-text: rgba(244, 246, 255, .94);
  --nrl-muted: rgba(187, 194, 214, .78);
  --nrl-subtle: rgba(167, 174, 196, .66);
  --nrl-input: rgba(255, 255, 255, .08);
  --nrl-row: rgba(255, 255, 255, .035);
}

:root[data-nrl-theme="light"] {
  color-scheme: light;
  --nrl-bg: #f5f7fb;
  --nrl-bg-2: #ffffff;
  --nrl-surface: rgba(255, 255, 255, .92);
  --nrl-surface-2: rgba(248, 250, 252, .96);
  --nrl-surface-solid: #ffffff;
  --nrl-border: rgba(20, 38, 28, .14);
  --nrl-border-soft: rgba(20, 38, 28, .08);
  --nrl-text: #132019;
  --nrl-muted: #52605a;
  --nrl-subtle: #6b7280;
  --nrl-input: #ffffff;
  --nrl-row: rgba(27, 174, 112, .045);
  --nrl-shadow-soft: 0 10px 26px rgba(20, 38, 28, .08);
  --nrl-shadow-panel: 0 18px 36px rgba(20, 38, 28, .12);
}

@media (prefers-color-scheme: light) {
  :root:not([data-nrl-theme]) {
    color-scheme: light;
    --nrl-bg: #f5f7fb;
    --nrl-bg-2: #ffffff;
    --nrl-surface: rgba(255, 255, 255, .92);
    --nrl-surface-2: rgba(248, 250, 252, .96);
    --nrl-surface-solid: #ffffff;
    --nrl-border: rgba(20, 38, 28, .14);
    --nrl-border-soft: rgba(20, 38, 28, .08);
    --nrl-text: #132019;
    --nrl-muted: #52605a;
    --nrl-subtle: #6b7280;
    --nrl-input: #ffffff;
    --nrl-row: rgba(27, 174, 112, .045);
    --nrl-shadow-soft: 0 10px 26px rgba(20, 38, 28, .08);
    --nrl-shadow-panel: 0 18px 36px rgba(20, 38, 28, .12);
  }
}

.nrlui,
.nrlsc,
.nrlsr,
.nrl-auth,
.nrl-teamreq {
  color: var(--nrl-text);
  font-size: clamp(15px, 1.4vw, 16px);
  line-height: 1.5;
  max-width: 100%;
}

.nrlui *,
.nrlui *::before,
.nrlui *::after,
.nrlsc *,
.nrlsc *::before,
.nrlsc *::after,
.nrlsr *,
.nrlsr *::before,
.nrlsr *::after,
.nrl-auth *,
.nrl-auth *::before,
.nrl-auth *::after {
  box-sizing: border-box;
}

.nrlui a,
.nrlsc a,
.nrlsr a,
.nrl-auth a {
  color: color-mix(in srgb, var(--nrl-accent-2) 78%, var(--nrl-text));
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

.nrlui a:hover,
.nrlsc a:hover,
.nrlsr a:hover,
.nrl-auth a:hover {
  color: var(--nrl-gold);
}

.nrlui h1,
.nrlui h2,
.nrlui h3,
.nrlsc h1,
.nrlsc h2,
.nrlsc h3,
.nrlsr h1,
.nrlsr h2,
.nrlsr h3,
.nrl-auth h1,
.nrl-auth h2,
.nrl-auth h3 {
  color: var(--nrl-text);
  line-height: 1.14;
  letter-spacing: 0;
}

.nrl-card,
.nrlui .card,
.nrlui .box,
.nrlsc table,
.nrl-auth-card,
.nrlsr .nrl-season-register,
.nrlsr .nrl-card,
.nrlsr .nrlsr-panel,
.nrl-prev-wrap,
.nrl-schedule-wrap {
  background: var(--nrl-surface);
  border: 1px solid var(--nrl-border);
  border-radius: var(--nrl-radius-lg);
  box-shadow: var(--nrl-shadow-soft);
  color: var(--nrl-text);
}

.nrl-auth-card,
.nrlsr .nrl-season-register,
.nrlsc .nrl-card,
.nrlui .nrl-card {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.nrlui .nrl-card,
.nrlui .card,
.nrlui .box,
.nrlsc .nrl-card,
.nrlsr .nrl-card {
  padding: clamp(14px, 2vw, 20px);
}

.nrlui input[type="text"],
.nrlui input[type="email"],
.nrlui input[type="password"],
.nrlui input[type="number"],
.nrlui input[type="search"],
.nrlui input[type="url"],
.nrlui select,
.nrlui textarea,
.nrlsc input[type="text"],
.nrlsc input[type="email"],
.nrlsc input[type="password"],
.nrlsc input[type="number"],
.nrlsc input[type="search"],
.nrlsc input[type="url"],
.nrlsc select,
.nrlsc textarea,
.nrlsr input[type="text"],
.nrlsr input[type="email"],
.nrlsr input[type="password"],
.nrlsr input[type="number"],
.nrlsr input[type="search"],
.nrlsr input[type="url"],
.nrlsr select,
.nrlsr textarea,
.nrl-auth input[type="text"],
.nrl-auth input[type="email"],
.nrl-auth input[type="password"] {
  width: 100%;
  max-width: 100%;
  min-height: 40px;
  border: 1px solid var(--nrl-border);
  border-radius: var(--nrl-radius-md);
  background: var(--nrl-input);
  color: var(--nrl-text);
  padding: 9px 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.nrlui input:focus,
.nrlui select:focus,
.nrlui textarea:focus,
.nrlsc input:focus,
.nrlsc select:focus,
.nrlsc textarea:focus,
.nrlsr input:focus,
.nrlsr select:focus,
.nrlsr textarea:focus,
.nrl-auth input:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--nrl-accent-2) 72%, var(--nrl-border));
  box-shadow: var(--nrl-focus);
}

.nrlui .button,
.nrlui button,
.nrlui input[type="button"],
.nrlui input[type="submit"],
.nrlsc .button,
.nrlsc button,
.nrlsc input[type="button"],
.nrlsc input[type="submit"],
.nrlsr .button,
.nrlsr button,
.nrlsr input[type="button"],
.nrlsr input[type="submit"],
.nrl-auth .button,
.nrl-auth button,
.nrl-auth input[type="submit"],
.nrl-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  max-width: 100%;
  border: 1px solid color-mix(in srgb, var(--nrl-accent) 65%, var(--nrl-border));
  border-radius: 999px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--nrl-accent) 42%, transparent), color-mix(in srgb, var(--nrl-accent) 24%, transparent));
  color: var(--nrl-text);
  padding: 9px 14px;
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  white-space: normal;
}

.nrlui .button:hover,
.nrlui button:hover,
.nrlui input[type="submit"]:hover,
.nrlsc .button:hover,
.nrlsc button:hover,
.nrlsc input[type="submit"]:hover,
.nrlsr .button:hover,
.nrlsr button:hover,
.nrlsr input[type="submit"]:hover,
.nrl-auth .button:hover,
.nrl-auth button:hover,
.nrl-auth input[type="submit"]:hover,
.nrl-theme-toggle:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .18);
}

.nrlui :focus-visible,
.nrlsc :focus-visible,
.nrlsr :focus-visible,
.nrl-auth :focus-visible,
.nrl-theme-toggle:focus-visible {
  outline: none;
  box-shadow: var(--nrl-focus);
}

.nrl-notice,
.nrlui .notice,
.nrlsc .notice,
.nrlsr .notice,
.nrl-auth .notice,
.nrl-alert {
  border: 1px solid var(--nrl-border);
  border-radius: var(--nrl-radius-md);
  background: var(--nrl-surface-2);
  color: var(--nrl-text);
  padding: 11px 13px;
  box-shadow: var(--nrl-shadow-soft);
}

.nrl-notice-success,
.notice-success,
.nrl-alert-success {
  border-color: color-mix(in srgb, var(--nrl-accent) 48%, var(--nrl-border));
}

.nrl-notice-error,
.notice-error,
.nrl-alert-error {
  border-color: color-mix(in srgb, var(--nrl-danger) 55%, var(--nrl-border));
}

.nrlui table,
.nrlsc table,
.nrlsr table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

.nrlui th,
.nrlsc th,
.nrlsr th {
  color: var(--nrl-text);
  background: color-mix(in srgb, var(--nrl-surface-solid) 84%, var(--nrl-accent) 16%);
  border-bottom: 1px solid var(--nrl-border);
  font-weight: 750;
}

.nrlui td,
.nrlui th,
.nrlsc td,
.nrlsc th,
.nrlsr td,
.nrlsr th {
  padding: 10px 12px;
  border-top: 1px solid var(--nrl-border-soft);
  color: var(--nrl-text);
  vertical-align: middle;
}

.nrlui tbody tr:nth-child(odd) td,
.nrlsc tbody tr:nth-child(odd) td,
.nrlsr tbody tr:nth-child(odd) td {
  background: var(--nrl-row);
}

.nrl-responsive-row,
.nrl-actions,
.nrlsc-filters,
.filters-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.nrlsc-right {
  margin-left: auto;
}

.nrl-standings-filters {
  align-items: stretch;
  margin: 18px 0 22px;
}

.nrl-standings-search {
  flex: 1 1 240px;
  min-width: 0;
}

.nrl-standings-filter-controls {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) auto;
  gap: 10px;
  flex: 999 1 720px;
  width: auto;
  min-width: 0;
}

.nrl-standings-filter-controls select,
.nrl-standings-filter-controls button {
  min-width: 0;
  max-width: 100%;
}

.nrl-standings-active {
  display: flex;
  flex: 1 0 100%;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
}

.nrl-standings-active:empty {
  display: none;
}

.nrl-standings-active .nrl-chip button {
  color: inherit;
  min-height: 0;
  padding: 0 2px;
}

.nrl-standings-wrapper,
.nrl-standings-wrapper .nrl-table-scroll {
  max-width: 100%;
  min-width: 0;
  overflow-x: visible;
}

.nrl-standings-wrapper .nrl-standings-table {
  width: 100%;
  table-layout: fixed;
}

.nrl-standings-wrapper .nrl-standings-table th,
.nrl-standings-wrapper .nrl-standings-table td {
  overflow: hidden;
  text-overflow: ellipsis;
}

.nrl-chip,
.nrl-pill,
.nrlui .badge,
.nrlui .pill,
.nrlsc .badge,
.nrlsc .pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  border: 1px solid var(--nrl-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--nrl-surface-solid) 82%, var(--nrl-accent) 18%);
  color: var(--nrl-text);
  padding: 4px 10px;
  font-weight: 750;
  line-height: 1.15;
  text-decoration: none;
}

.nrl-theme-toggle {
  min-height: 34px;
  padding: 7px 12px;
  font-size: 13px;
}

.nrl-theme-toggle::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 2px solid currentColor;
  background: linear-gradient(90deg, currentColor 50%, transparent 50%);
}

.nrl-theme-toggle-wrap {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 12px;
}

.nrl-theme-toggle-menu {
  display: flex;
  align-items: center;
}

.nrl-theme-toggle-menu .nrl-theme-toggle {
  margin: 0 8px;
}

.nrl-auth .nrl-theme-toggle-wrap {
  max-width: 420px;
  margin: 12px auto -8px;
}

.nrlsr > .nrl-theme-toggle-wrap,
.nrlsc > .nrl-theme-toggle-wrap,
.nrlui > .nrl-theme-toggle-wrap {
  margin-bottom: 10px;
}

.nrl-auth-card {
  background: var(--nrl-surface);
  border-color: var(--nrl-border);
}

.nrl-auth-title {
  color: var(--nrl-text);
  text-shadow: none;
}

.nrl-auth p label,
.nrlsr label,
.nrlui label,
.nrlsc label {
  color: var(--nrl-muted);
}

.nrlsr {
  --nrl-primary: var(--nrl-accent);
  --nrl-primary-dark: #06752e;
  --nrl-ink: var(--nrl-text);
  --nrl-muted-text: var(--nrl-muted);
  --nrl-paper: var(--nrl-surface-solid);
  --nrl-register-bg: transparent;
  --nrl-register-border: var(--nrl-border);
}

.nrlsr .nrl-season-register {
  background: var(--nrl-surface);
  color: var(--nrl-text);
}

.nrlsr .nrlsr-panel {
  background: var(--nrl-surface-2);
}

.nrl-prev-wrap,
.nrl-schedule-wrap {
  padding: clamp(14px, 2vw, 20px);
}

.nrl-schedule-card {
  background: var(--nrl-surface-2);
  border-color: var(--nrl-border);
  border-radius: var(--nrl-radius-md);
}

@media (max-width: 720px) {
  .nrlui table,
  .nrlsc table,
  .nrlsr table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .nrl-responsive-row,
  .filters-row,
  .nrlsc-filters,
  .nrl-actions {
    align-items: stretch;
  }

  .nrlsc-right,
  .filters-row .nrlsc-right {
    width: 100%;
    margin-left: 0;
  }

  .nrl-standings-search {
    flex-basis: 100%;
  }

  .nrl-standings-filter-controls {
    grid-template-columns: 1fr;
    flex-basis: 100%;
  }

  .nrl-standings-wrapper .nrl-table-scroll {
    overflow-x: auto;
  }

  .nrl-standings-wrapper .nrl-standings-table {
    min-width: 720px;
    table-layout: auto;
  }

  .nrlui .button,
  .nrlui button,
  .nrlsc .button,
  .nrlsc button,
  .nrlsr .button,
  .nrlsr button,
  .nrl-auth .button,
  .nrl-auth button {
    width: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nrlui *,
  .nrlsc *,
  .nrlsr *,
  .nrl-auth *,
  .mn-hero *,
  .mn-youtube *,
  .mn-community-pill * {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* McNaughty.gg public content compatibility bridge. */

:root {
  --mn-bg0: #05060a;
  --mn-glass-border: rgba(255, 255, 255, .08);
  --mn-glass-border-strong: rgba(255, 255, 255, .12);
  --mn-glass-divider: rgba(255, 255, 255, .10);
  --mn-glass-inset: rgba(255, 255, 255, .06);
  --mn-glow: rgba(56, 214, 197, .22);
  --mn-hero-h: 500px;
  --mn-community-h: 220px;
}

body.nrl-visual-refresh,
body.nrl-auth-page,
body.nrlsr-page {
  background:
    radial-gradient(1200px 600px at 30% -10%, rgba(56, 214, 197, .16), transparent 60%),
    radial-gradient(900px 500px at 80% 0%, rgba(245, 179, 0, .13), transparent 55%),
    radial-gradient(800px 500px at 40% 110%, rgba(75, 227, 141, .09), transparent 60%),
    linear-gradient(180deg, #070812 0%, var(--mn-bg0) 65%);
}

body.nrl-visual-refresh #page,
body.nrl-visual-refresh #content,
body.nrl-visual-refresh .site,
body.nrl-visual-refresh .site-content,
body.nrl-visual-refresh .ast-site-identity,
body.nrl-visual-refresh .ast-container,
body.nrl-visual-refresh .ast-primary-header-bar,
body.nrl-visual-refresh.ast-header-break-point .ast-primary-header-bar {
  background: transparent;
}

.ast-theme-transparent-header .ast-primary-header-bar,
body.nrl-auth-page .ast-primary-header-bar,
body.nrlsr-page .ast-primary-header-bar,
body:has(.nrl-auth) .ast-primary-header-bar {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

.ast-primary-header-bar,
.ast-primary-header-bar a,
.ast-primary-header-bar .menu-link,
.ast-header-account-wrap,
.ast-header-account-wrap a {
  color: rgba(244, 246, 255, .95);
}

.ast-primary-header-bar .ast-icon,
.ast-header-social-wrap svg {
  fill: rgba(244, 246, 255, .88);
}

.ast-primary-header-bar a:hover,
.ast-primary-header-bar .menu-link:hover,
.ast-primary-header-bar .current-menu-item > a,
.ast-primary-header-bar .current_page_item > a,
.ast-primary-header-bar .current-menu-ancestor > a {
  color: var(--nrl-gold);
}

.ast-desktop .main-header-menu .sub-menu,
.ast-header-break-point .ast-mobile-popup-drawer,
.ast-header-break-point .ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-header-break-point .ast-mobile-popup-drawer .ast-builder-menu-mobile,
.ast-header-break-point .ast-mobile-popup-drawer .main-header-menu,
#ast-mobile-header[data-type="dropdown"] .ast-mobile-header-content {
  background: rgba(12, 16, 32, .92) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-color: rgba(255, 255, 255, .12);
}

.ast-desktop .main-header-menu .sub-menu {
  min-width: 240px;
  padding: 10px 0;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .45);
  transform: translateY(4px);
}

.ast-desktop .main-header-menu .sub-menu a,
.ast-header-break-point .ast-mobile-popup-drawer a,
.ast-header-break-point .ast-mobile-popup-drawer .menu-link,
#ast-mobile-header[data-type="dropdown"] a.menu-link {
  color: rgba(244, 246, 255, .94) !important;
  background: transparent !important;
}

.ast-desktop .main-header-menu .sub-menu a:hover,
.ast-desktop .main-header-menu .sub-menu a:focus,
.ast-header-break-point .ast-mobile-popup-drawer a:hover,
.ast-header-break-point .ast-mobile-popup-drawer .menu-link:hover,
#ast-mobile-header[data-type="dropdown"] a.menu-link:hover {
  color: var(--nrl-gold) !important;
  background: rgba(255, 255, 255, .07) !important;
}

.ast-header-break-point .ast-mobile-popup-drawer svg,
#ast-mobile-header[data-type="dropdown"] .dropdown-menu-toggle .ast-icon svg,
#ast-mobile-header[data-type="dropdown"] button.ast-menu-toggle .ast-icon svg {
  fill: rgba(244, 246, 255, .92) !important;
  color: rgba(244, 246, 255, .92) !important;
}

.mn-hero,
.mn-youtube,
.mn-community-pill {
  position: relative;
  border: 1px solid var(--mn-glass-border);
  background: rgba(18, 21, 40, .55);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .55);
  overflow: hidden;
}

.mn-hero {
  border-radius: 28px;
}

.mn-hero::before,
.mn-youtube::before,
.mn-community-pill::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(900px 380px at 10% 0%, rgba(56, 214, 197, .18), transparent 55%),
    radial-gradient(700px 380px at 90% 0%, rgba(245, 179, 0, .14), transparent 55%);
}

.mn-hero > *,
.mn-youtube > *,
.mn-community-pill > * {
  position: relative;
  z-index: 1;
}

.mn-hero .mn-hero-carousel {
  position: relative;
  height: var(--mn-hero-h);
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.mn-hero .mn-hero-carousel .slick-list,
.mn-hero .mn-hero-carousel .slick-track,
.mn-hero .mn-hero-carousel .slick-slide,
.mn-hero .mn-hero-carousel .slick-slide > div {
  height: 100%;
}

.mn-hero .mn-hero-carousel article.uagb-post__inner-wrap {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1.45fr .55fr;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .10);
  background: rgba(0, 0, 0, .25);
}

.mn-hero .mn-hero-carousel .uagb-post-grid-byline {
  display: none;
}

.mn-hero .mn-hero-carousel .uagb-post__image {
  grid-column: 1;
  grid-row: 1 / span 3;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: #0b0d14;
}

.mn-hero .mn-hero-carousel .uagb-post__image a,
.mn-hero .mn-hero-carousel .uagb-post__image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.mn-hero .mn-hero-carousel .uagb-post__image img {
  object-fit: cover;
  object-position: 50% 50%;
  max-width: none;
  filter: saturate(1.08) contrast(1.06);
}

.mn-hero .mn-hero-carousel .uagb-post__image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(700px 340px at 10% 15%, rgba(56, 214, 197, .22), transparent 60%),
    radial-gradient(650px 320px at 70% 0%, rgba(245, 179, 0, .16), transparent 58%),
    linear-gradient(90deg, rgba(0, 0, 0, .10), rgba(0, 0, 0, .55)),
    linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .55));
}

.mn-hero .mn-hero-carousel article.uagb-post__inner-wrap::after {
  content: "";
  grid-column: 2;
  grid-row: 1 / span 3;
  z-index: 1;
  pointer-events: none;
  border-left: 1px solid rgba(255, 255, 255, .08);
  background: linear-gradient(180deg, rgba(8, 10, 16, .30), rgba(8, 10, 16, .70));
}

.mn-hero .mn-hero-carousel .uagb-post__title,
.mn-hero .mn-hero-carousel .uagb-post__excerpt,
.mn-hero .mn-hero-carousel .uagb-post__cta {
  grid-column: 2;
  position: relative;
  z-index: 5;
  margin: 0;
  padding: 0 18px;
}

.mn-hero .mn-hero-carousel .uagb-post__title {
  grid-row: 1;
  padding-top: 18px;
  padding-bottom: 10px;
}

.mn-hero .mn-hero-carousel .uagb-post__excerpt {
  grid-row: 2;
  min-height: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  padding-bottom: 16px;
  color: rgba(187, 194, 214, .95);
  font-size: 13px;
  line-height: 1.48;
}

.mn-hero .mn-hero-carousel .uagb-post__cta {
  grid-row: 3;
  min-height: 44px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 18px;
  pointer-events: auto;
}

.mn-hero .mn-hero-carousel .uagb-post__title,
.mn-hero .mn-hero-carousel .uagb-post__title a {
  color: rgba(244, 246, 255, .95);
  font-size: 30px;
  font-weight: 900;
  line-height: 1.06;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
}

.mn-hero .mn-hero-carousel .uagb-post__cta a.wp-block-button__link {
  position: relative;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  color: rgba(244, 246, 255, .96);
  font-size: 12px;
  font-weight: 850;
  line-height: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  pointer-events: auto;
}

.mn-hero .mn-hero-carousel .uagb-post__cta a.wp-block-button__link * {
  pointer-events: none;
}

.mn-hero .mn-hero-carousel ul.slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18px;
  z-index: 50;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.mn-hero .mn-hero-carousel ul.slick-dots li,
.mn-hero .mn-hero-carousel ul.slick-dots li button {
  pointer-events: auto;
}

.mn-hero .mn-hero-carousel .slick-dots li button::before {
  content: "";
  display: none;
}

.mn-hero .mn-hero-carousel .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  background: rgba(255, 255, 255, .10);
}

.mn-hero .mn-hero-carousel .slick-dots li.slick-active button {
  background: rgba(245, 179, 0, .55);
  border-color: rgba(245, 179, 0, .75);
}

.mn-youtube {
  margin-top: 32px;
  padding: 22px 22px 26px;
  border-radius: 26px;
}

.mn-youtube .sby_items_wrap,
.mn-youtube .sby_items {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: 0;
}

.mn-youtube .sby_item {
  position: relative;
  overflow: hidden;
  margin-right: 12px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 18px;
  background: rgba(10, 12, 22, .55);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(255, 255, 255, .05);
  aspect-ratio: 16 / 9;
  height: auto;
  transition: transform .28s ease, box-shadow .28s ease;
}

.mn-youtube .sby_item:last-child {
  margin-right: 0;
}

.mn-youtube .sby_item:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .75), 0 0 26px rgba(56, 214, 197, .22);
}

.mn-youtube .sby_video_thumbnail_wrap,
.mn-youtube .sby_item .sby_video_thumbnail_wrap,
.mn-youtube .sby_item .sby_thumbnail_hover,
.mn-youtube .sby_item .sby_thumbnail_hover_inner,
.mn-youtube .sby_item a.sby_video_thumbnail,
.mn-youtube .sby_item a.sby_video_thumbnail img {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.mn-youtube .sby_video_thumbnail_wrap img {
  object-fit: cover;
}

.mn-community-pill {
  border-radius: 28px;
  background: rgba(7, 10, 18, .78);
}

.mn-community-card {
  height: var(--mn-community-h);
  min-height: var(--mn-community-h);
  border: 1px solid var(--mn-glass-border-strong);
  border-radius: 22px;
  overflow: hidden;
  background: rgba(10, 14, 24, .62);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 255, 255, .04);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.mn-community-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, .18);
  box-shadow: 0 20px 48px rgba(0, 0, 0, .65), 0 0 26px var(--mn-glow);
  cursor: default;
}

.mn-community-card a {
  cursor: pointer;
}

.wp-block-uagb-container.mn-community-card {
  padding: 0;
}

.wp-block-uagb-container.mn-community-card > .uagb-container-inner-blocks-wrap,
.mn-community-card > .uagb-container-inner-blocks-wrap {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 0;
  height: 100%;
  align-items: stretch;
  justify-items: stretch;
}

.wp-block-uagb-container.mn-community-card .mn-community-media,
.wp-block-uagb-container.mn-community-card .mn-community-body {
  width: 100%;
  height: 100%;
  min-width: 0;
  align-self: stretch;
  justify-self: stretch;
}

.wp-block-uagb-container.mn-community-card .mn-community-media {
  position: relative;
  overflow: hidden;
  max-width: none;
}

.wp-block-uagb-container.mn-community-card .mn-community-media .wp-block-uagb-image,
.wp-block-uagb-container.mn-community-card .mn-community-media figure.wp-block-uagb-image__figure,
.wp-block-uagb-container.mn-community-card .mn-community-media figure.wp-block-uagb-image__figure > a,
.wp-block-uagb-container.mn-community-card .mn-community-media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
}

.wp-block-uagb-container.mn-community-card .mn-community-media img {
  object-fit: cover;
  object-position: 50% 50%;
}

.mn-community-card .mn-community-body {
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  border-left: 1px solid var(--mn-glass-divider);
  padding: 18px 20px;
}

.mn-community-card .mn-community-body p {
  margin: 0;
}

.mn-community-card .mn-community-body p:last-child,
.mn-community-card .mn-community-body > .uagb-container-inner-blocks-wrap > p:last-child {
  margin-top: auto;
}

@media (max-width: 1024px) {
  :root {
    --mn-hero-h: auto;
  }

  .mn-hero .mn-hero-carousel,
  .mn-hero .mn-hero-carousel .slick-list,
  .mn-hero .mn-hero-carousel .slick-track,
  .mn-hero .mn-hero-carousel .slick-slide,
  .mn-hero .mn-hero-carousel .slick-slide > div {
    height: auto;
  }

  .mn-hero .mn-hero-carousel .slick-track {
    display: block;
  }

  .mn-hero .mn-hero-carousel .slick-slide {
    flex: none;
    max-width: none;
  }

  .mn-hero .mn-hero-carousel article.uagb-post__inner-wrap {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
  }

  .mn-hero .mn-hero-carousel article.uagb-post__inner-wrap::after {
    display: none;
  }

  .mn-hero .mn-hero-carousel .uagb-post__image {
    grid-column: 1;
    grid-row: 1;
    height: clamp(180px, 38vh, 320px);
    min-height: 0;
  }

  .mn-hero .mn-hero-carousel .uagb-post__title,
  .mn-hero .mn-hero-carousel .uagb-post__excerpt,
  .mn-hero .mn-hero-carousel .uagb-post__cta {
    grid-column: 1;
    background: rgba(8, 10, 16, .62);
    padding: 14px 16px;
  }

  .mn-hero .mn-hero-carousel .uagb-post__title,
  .mn-hero .mn-hero-carousel .uagb-post__title a {
    display: -webkit-box;
    overflow: hidden;
    font-size: 24px;
    line-height: 1.10;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .mn-hero .mn-hero-carousel .uagb-post__excerpt {
    margin: 0;
    padding-top: 0;
    padding-bottom: 10px;
    -webkit-line-clamp: 3;
  }

  .mn-hero .mn-hero-carousel .uagb-post__cta {
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 54px;
  }

  .mn-hero .mn-hero-carousel ul.slick-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    bottom: 16px;
    pointer-events: auto;
  }

  .mn-community-card {
    height: auto;
    min-height: 0;
  }

  .wp-block-uagb-container.mn-community-card > .uagb-container-inner-blocks-wrap,
  .mn-community-card > .uagb-container-inner-blocks-wrap {
    grid-template-columns: 1fr;
  }

  .mn-community-card .mn-community-body {
    border-left: 0;
    border-top: 1px solid var(--mn-glass-divider);
  }

  .mn-community-card .mn-community-media {
    min-height: 200px;
  }
}

@media (max-width: 1024px) and (orientation: landscape) {
  .mn-hero .mn-hero-carousel .uagb-post__image {
    height: clamp(160px, 44vh, 240px);
  }

  .mn-hero .mn-hero-carousel .uagb-post__title,
  .mn-hero .mn-hero-carousel .uagb-post__title a {
    font-size: 22px;
  }

  .mn-hero .mn-hero-carousel .uagb-post__excerpt {
    -webkit-line-clamp: 2;
  }
}