body.normal-page.freqjungle-page {
  background:
    linear-gradient(rgba(5, 7, 10, 0.45), rgba(5, 7, 10, 0.58)),
    url('/images/background.webp');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

body.normal-page {
  margin: 0;
  padding-top: 104px;
  color: #f5f5f5;
  overflow-x: hidden;
}

body.normal-page header,
body.normal-page .hero {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

body.normal-page .content-overlap,
body.normal-page .main-overlap {
  position: relative;
  left: 50%;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 0 0 -50vw !important;
  padding: 18px clamp(14px, 2.2vw, 28px) 42px !important;
  box-sizing: border-box;
}

body.normal-page .content-overlap > section,
body.normal-page .main-overlap > section {
  display: grid;
  gap: 22px;
  max-width: none !important;
  width: 100% !important;
  margin-inline: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

body.normal-page .intro-box,
body.normal-page .card,
body.normal-page .freq-box {
  border: 1px solid rgba(255, 208, 0, 0.22);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(7, 10, 8, 0.78), rgba(0, 0, 0, 0.64));
  box-shadow:
    0 22px 70px rgba(0, 0, 0, 0.34),
    inset 0 1px rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(7px);
}

body.normal-page .section-title {
  color: #ffd000;
  font-size: clamp(1.8rem, 2.6vw, 2.6rem);
  line-height: 1.08;
  text-shadow: 0 0 18px rgba(255, 208, 0, 0.22) !important;
}

body.normal-page table {
  overflow: hidden;
  border: 1px solid rgba(255, 208, 0, 0.16);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.28);
}

body.normal-page th {
  color: #ffd000;
  background: rgba(255, 208, 0, 0.12);
}

body.normal-page a:not(.site-nav a) {
  color: #ffd000;
}

body.normal-page .grid {
  gap: 16px;
}

@media (max-width: 900px) {
  body.normal-page {
    padding-top: 0;
    background-attachment: scroll !important;
  }

  body.normal-page .content-overlap,
  body.normal-page .main-overlap {
    left: auto;
    width: 100% !important;
    margin-left: 0 !important;
    padding: 10px 10px 30px !important;
  }

  body.normal-page .intro-box,
  body.normal-page .card,
  body.normal-page .freq-box {
    border-radius: 18px;
  }
}

/* normal-page-flow-reset */
body.normal-page .content-overlap,
body.normal-page .main-overlap {
  margin-top: 0 !important;
}


body.normal-page .monkey-intro-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 280px);
  gap: clamp(16px, 3vw, 34px);
  align-items: center;
}

body.normal-page .monkey-intro-card h3,
body.normal-page .monkey-intro-card p {
  grid-column: 1;
}

body.normal-page .monkey-intro-card .monkey-intro-art {
  grid-column: 2;
  grid-row: 1 / span 5;
  justify-self: center;
  width: min(100%, 260px);
}

body.normal-page .monkey-intro-card .monkey-intro-art img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
  filter: drop-shadow(0 18px 34px rgba(0, 0, 0, 0.46));
}

body.normal-page.about-page .content-overlap {
  padding-top: 30px !important;
}

@media (max-width: 760px) {
  body.normal-page .monkey-intro-card {
    grid-template-columns: 1fr;
  }

  body.normal-page .monkey-intro-card h3,
  body.normal-page .monkey-intro-card p,
  body.normal-page .monkey-intro-card .monkey-intro-art {
    grid-column: 1;
    grid-row: auto;
  }

  body.normal-page .monkey-intro-card .monkey-intro-art {
    width: min(72vw, 220px);
  }
}

body.normal-page.freqjungle-page .monkey-intro-card {
  grid-template-columns: minmax(120px, 230px) minmax(0, 1fr) minmax(120px, 230px);
  text-align: center;
}

body.normal-page.freqjungle-page .monkey-intro-card h3,
body.normal-page.freqjungle-page .monkey-intro-card p {
  grid-column: 2;
}

body.normal-page.freqjungle-page .monkey-intro-card .monkey-intro-art {
  width: min(100%, 220px);
}

body.normal-page.freqjungle-page .monkey-intro-card .monkey-intro-art--left {
  grid-column: 1;
  grid-row: 1 / span 5;
}

body.normal-page.freqjungle-page .monkey-intro-card .monkey-intro-art:not(.monkey-intro-art--left) {
  grid-column: 3;
}

@media (max-width: 820px) {
  body.normal-page.freqjungle-page .monkey-intro-card {
    grid-template-columns: 1fr;
    text-align: left;
  }

  body.normal-page.freqjungle-page .monkey-intro-card h3,
  body.normal-page.freqjungle-page .monkey-intro-card p,
  body.normal-page.freqjungle-page .monkey-intro-card .monkey-intro-art,
  body.normal-page.freqjungle-page .monkey-intro-card .monkey-intro-art--left,
  body.normal-page.freqjungle-page .monkey-intro-card .monkey-intro-art:not(.monkey-intro-art--left) {
    grid-column: 1;
    grid-row: auto;
  }

  body.normal-page.freqjungle-page .monkey-intro-card .monkey-intro-art {
    justify-self: center;
    width: min(62vw, 210px);
  }
}

body.normal-page.radiolab-page .monkey-intro-card {
  grid-template-columns: minmax(120px, 230px) minmax(0, 1fr) minmax(120px, 230px);
  text-align: center;
}

body.normal-page.radiolab-page .monkey-intro-card h3,
body.normal-page.radiolab-page .monkey-intro-card p {
  grid-column: 2;
}

body.normal-page.radiolab-page .monkey-intro-card .monkey-intro-art {
  width: min(100%, 220px);
}

body.normal-page.radiolab-page .monkey-intro-card .monkey-intro-art--left {
  grid-column: 1;
  grid-row: 1 / span 5;
}

body.normal-page.radiolab-page .monkey-intro-card .monkey-intro-art:not(.monkey-intro-art--left) {
  grid-column: 3;
}

@media (max-width: 820px) {
  body.normal-page.radiolab-page .monkey-intro-card {
    grid-template-columns: 1fr;
    text-align: left;
  }

  body.normal-page.radiolab-page .monkey-intro-card h3,
  body.normal-page.radiolab-page .monkey-intro-card p,
  body.normal-page.radiolab-page .monkey-intro-card .monkey-intro-art,
  body.normal-page.radiolab-page .monkey-intro-card .monkey-intro-art--left,
  body.normal-page.radiolab-page .monkey-intro-card .monkey-intro-art:not(.monkey-intro-art--left) {
    grid-column: 1;
    grid-row: auto;
  }

  body.normal-page.radiolab-page .monkey-intro-card .monkey-intro-art {
    justify-self: center;
    width: min(62vw, 210px);
  }
}