/* Shared Monthly Challenge styles */

.nb-demo-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 38px;
  padding: 0.55rem 0.95rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.32);
  color: #fff;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.nb-demo-pill i {
  color: #ffcb78;
}

.nb-demo-pill > span {
  line-height: 1;
}

.nb-demo-pill--quiet {
  background: rgba(77, 28, 176, 0.08);
  border-color: rgba(77, 28, 176, 0.14);
  color: #4d1cb0;
}

.nb-demo-pill--hero {
  margin-bottom: 1rem;
}

@media (max-width: 767.98px) {
  .nb-demo-pill--quiet {
    width: 100%;
    justify-content: center;
  }
}

.nb-monthlychallenge-landing-page .container {
  max-width: 1280px;
}

.nb-static-page.nb-monthlychallenge-landing-page {
  padding-top: 2.1rem;
}

.nb-monthlychallenge-landing {
  display: flex;
  flex-direction: column;
  gap: 1.55rem;
  padding: 1.15rem 1.9rem 1.9rem;
}

.nb-monthlychallenge-landing__hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(220px, 340px) minmax(0, 1fr);
  gap: 2rem;
  align-items: center;
  padding: 1.75rem 2.3rem;
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 24%, rgba(255, 199, 66, 0.22), transparent 24%),
    radial-gradient(circle at 83% 28%, rgba(255, 255, 255, 0.12), transparent 20%),
    linear-gradient(125deg, #1a1458 0%, #4d1cb0 52%, #8d42d9 100%);
  box-shadow: 0 24px 46px rgba(40, 26, 112, 0.26);
}

.nb-monthlychallenge-landing__hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 1px);
  background-size: 14px 14px;
  opacity: 0.28;
  pointer-events: none;
}

.nb-monthlychallenge-landing__hero > * {
  position: relative;
  z-index: 1;
}

.nb-monthlychallenge-landing__hero-media {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nb-monthlychallenge-landing__hero-image {
  width: min(100%, 315px);
  max-width: 100%;
  filter: drop-shadow(0 22px 34px rgba(11, 5, 52, 0.42));
}

.nb-monthlychallenge-landing__hero-copy {
  color: #fff;
}

.nb-monthlychallenge-landing__hero-copy h1 {
  margin-bottom: 0.65rem;
  color: #fff;
  font-family: var(--bs-font-sans-serif), sans-serif;
  font-size: clamp(2.35rem, 3.35vw, 3.85rem);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.nb-monthlychallenge-landing__hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem 1.3rem;
  margin-bottom: 1rem;
  font-size: 1.18rem;
  font-weight: 800;
  text-transform: uppercase;
}

.nb-monthlychallenge-landing__hero-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
}

.nb-monthlychallenge-landing__hero-meta i {
  color: #fff3b7;
}

.nb-monthlychallenge-landing__hero-tagline {
  max-width: 36rem;
  margin: 0;
  color: rgba(255, 255, 255, 0.96);
  font-size: clamp(1.15rem, 2vw, 1.8rem);
  font-weight: 700;
  line-height: 1.35;
}

.nb-monthlychallenge-landing__hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  min-width: min(100%, 370px);
  margin-top: 1.5rem;
  padding: 1rem 1.55rem;
  border-radius: 999px;
  background: #fff;
  color: #4d1cb0;
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  box-shadow: 0 14px 28px rgba(18, 12, 68, 0.22);
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.nb-monthlychallenge-landing__hero-cta:hover {
  color: #4d1cb0;
  transform: translateY(-2px);
  box-shadow: 0 20px 32px rgba(18, 12, 68, 0.28);
}

.nb-monthlychallenge-landing__status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1.05rem 1.25rem;
  border: 1px solid rgba(56, 88, 160, 0.12);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(246, 249, 255, 0.95), rgba(237, 243, 255, 0.95));
}

.nb-monthlychallenge-landing__status h2 {
  margin: 0 0 0.2rem;
  color: #162b59;
  font-size: 1.25rem;
}

.nb-monthlychallenge-landing__status p {
  margin: 0;
  color: #30425f;
}

.nb-monthlychallenge-landing__status.is-complete {
  background: linear-gradient(180deg, rgba(239, 255, 247, 0.96), rgba(229, 250, 239, 0.96));
  border-color: rgba(49, 160, 87, 0.18);
}

.nb-monthlychallenge-landing__status.is-resume {
  background: linear-gradient(180deg, rgba(255, 250, 233, 0.96), rgba(255, 244, 209, 0.96));
  border-color: rgba(214, 162, 46, 0.22);
}

.nb-monthlychallenge-landing__status.is-error {
  background: linear-gradient(180deg, rgba(255, 241, 242, 0.96), rgba(255, 233, 236, 0.96));
  border-color: rgba(209, 72, 93, 0.18);
}

.nb-monthlychallenge-landing__status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.65rem 1rem;
  border-radius: 999px;
  background: rgba(77, 28, 176, 0.1);
  color: #4d1cb0;
  font-weight: 800;
  white-space: nowrap;
}

.nb-monthlychallenge-landing__how h2,
.nb-monthlychallenge-landing__saved-header h2 {
  margin-bottom: 1rem;
  color: #13244a;
  text-align: center;
  text-transform: uppercase;
}

.nb-monthlychallenge-landing__feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
}

.nb-monthlychallenge-landing__feature-card {
  display: flex;
  align-items: center;
  gap: 1.15rem;
  min-height: 166px;
  padding: 1.35rem 1.45rem;
  border-radius: 24px;
  border: 1px solid rgba(20, 39, 72, 0.08);
  box-shadow: 0 16px 28px rgba(22, 33, 76, 0.08);
}

.nb-monthlychallenge-landing__feature-card.is-purple {
  background: linear-gradient(180deg, rgba(245, 239, 255, 0.92), rgba(251, 247, 255, 0.98));
}

.nb-monthlychallenge-landing__feature-card.is-green {
  background: linear-gradient(180deg, rgba(238, 255, 245, 0.92), rgba(249, 255, 251, 0.98));
}

.nb-monthlychallenge-landing__feature-card.is-blue {
  background: linear-gradient(180deg, rgba(236, 246, 255, 0.92), rgba(248, 252, 255, 0.98));
}

.nb-monthlychallenge-landing__feature-icon {
  flex: 0 0 92px;
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.58);
  font-size: 2.35rem;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}

.nb-monthlychallenge-landing__feature-card.is-purple .nb-monthlychallenge-landing__feature-icon {
  background: rgba(124, 78, 227, 0.16);
}

.nb-monthlychallenge-landing__feature-card.is-purple .nb-monthlychallenge-landing__feature-icon,
.nb-monthlychallenge-landing__feature-card.is-purple h3 {
  color: #5d2ed0;
}

.nb-monthlychallenge-landing__feature-card.is-green .nb-monthlychallenge-landing__feature-icon {
  background: rgba(69, 179, 99, 0.16);
}

.nb-monthlychallenge-landing__feature-card.is-green .nb-monthlychallenge-landing__feature-icon,
.nb-monthlychallenge-landing__feature-card.is-green h3 {
  color: #1f9b53;
}

.nb-monthlychallenge-landing__feature-card.is-blue .nb-monthlychallenge-landing__feature-icon {
  background: rgba(54, 126, 231, 0.16);
}

.nb-monthlychallenge-landing__feature-card.is-blue .nb-monthlychallenge-landing__feature-icon,
.nb-monthlychallenge-landing__feature-card.is-blue h3 {
  color: #1867e0;
}

.nb-monthlychallenge-landing__feature-card h3 {
  margin-bottom: 0.4rem;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.nb-monthlychallenge-landing__feature-card p {
  margin: 0;
  color: #223557;
  font-size: 1.1rem;
}

.nb-monthlychallenge-landing__setup {
  display: grid;
  grid-template-columns: minmax(0, 1.85fr) minmax(280px, 0.72fr);
  gap: 1.4rem;
  padding: 1.6rem;
  border: 1px solid rgba(20, 39, 72, 0.08);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 251, 255, 0.96));
  box-shadow: 0 18px 34px rgba(22, 33, 76, 0.08);
}

.nb-monthlychallenge-landing__setup-main {
  min-width: 0;
}

.nb-monthlychallenge-landing__setup-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.nb-monthlychallenge-landing__setup-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(120, 74, 219, 0.14);
  color: #6a39d1;
  font-size: 1.45rem;
}

.nb-monthlychallenge-landing__setup-header h2 {
  margin: 0 0 0.15rem;
  color: #16294e;
  text-transform: uppercase;
}

.nb-monthlychallenge-landing__setup-header p,
.nb-monthlychallenge-landing__saved-header p {
  margin: 0;
  color: #4d5c78;
}

.nb-monthlychallenge-form {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.nb-monthlychallenge-form .row {
  --bs-gutter-x: 1.35rem;
  --bs-gutter-y: 1.15rem;
}

.nb-monthlychallenge-form .form-label {
  margin-bottom: 0.45rem;
  color: #22385f;
  font-size: 0.94rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.nb-monthlychallenge-form .form-control,
.nb-monthlychallenge-form .form-select {
  min-height: 52px;
  padding-left: 1rem;
  padding-right: 1rem;
  border-color: rgba(27, 57, 108, 0.16);
  border-radius: 14px;
  color: #1d2f53;
  box-shadow: none;
}

.nb-monthlychallenge-form .form-control:focus,
.nb-monthlychallenge-form .form-select:focus {
  border-color: rgba(98, 47, 208, 0.4);
  box-shadow: 0 0 0 0.24rem rgba(98, 47, 208, 0.12);
}

.nb-monthlychallenge-landing__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
}

.nb-monthlychallenge-landing__primary-button,
.nb-monthlychallenge-landing__secondary-button {
  min-width: 250px;
  justify-content: center;
}

.nb-monthlychallenge-landing__primary-button.nb-button--primary {
  gap: 0.75rem;
  background: linear-gradient(135deg, #7b2fe0, #4e1dbe);
  border-color: #4e1dbe;
  box-shadow: 0 14px 28px rgba(82, 34, 173, 0.22);
}

.nb-monthlychallenge-landing__primary-button.nb-button--primary:hover {
  color: #fff;
  filter: brightness(1.05);
}

.nb-monthlychallenge-landing__summary {
  align-self: stretch;
  padding: 1.45rem 1.5rem;
  border-radius: 24px;
  border: 1px solid rgba(120, 74, 219, 0.12);
  background: linear-gradient(180deg, rgba(249, 243, 255, 0.98), rgba(255, 255, 255, 0.98));
}

.nb-monthlychallenge-landing__summary-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(120, 74, 219, 0.14);
  color: #6a39d1;
  font-size: 1.55rem;
}

.nb-monthlychallenge-landing__summary-eyebrow {
  margin: 1rem 0 0.25rem;
  color: #6a39d1;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.nb-monthlychallenge-landing__summary h2 {
  margin-bottom: 1.1rem;
  color: #16294e;
  font-size: 2rem;
}

.nb-monthlychallenge-landing__summary-list {
  display: grid;
  gap: 0.7rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.nb-monthlychallenge-landing__summary-list li {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: #25385a;
  font-size: 1.06rem;
}

.nb-monthlychallenge-landing__summary-list i {
  color: #6a39d1;
}

.nb-monthlychallenge-landing__summary-divider {
  height: 1px;
  margin: 1.15rem 0;
  background: rgba(27, 57, 108, 0.14);
}

.nb-monthlychallenge-landing__summary-label {
  margin: 0 0 0.2rem;
  color: #4c5d7a;
  font-size: 0.95rem;
  font-weight: 700;
}

.nb-monthlychallenge-landing__summary-value {
  margin: 0 0 0.95rem;
  color: #16294e;
  font-size: 1.4rem;
  font-weight: 800;
}

.nb-monthlychallenge-landing__saved {
  display: grid;
  gap: 1.15rem;
}

.nb-monthlychallenge-landing__saved-card {
  height: 100%;
  padding: 1.35rem 1.4rem;
  border: 1px solid rgba(20, 39, 72, 0.08);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 28px rgba(22, 33, 76, 0.08);
}

.nb-monthlychallenge-landing__saved-topline {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.nb-monthlychallenge-landing__saved-topline h3 {
  margin: 0 0 0.2rem;
  color: #16294e;
  font-size: 1.35rem;
}

.nb-monthlychallenge-landing__saved-topline p {
  margin: 0;
  color: #52627e;
}

.nb-monthlychallenge-landing__saved-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem 1.1rem;
  margin: 0;
}

.nb-monthlychallenge-landing__saved-metrics dt {
  margin-bottom: 0.15rem;
  color: #63738d;
  font-size: 0.83rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.nb-monthlychallenge-landing__saved-metrics dd {
  margin: 0;
  color: #16294e;
  font-size: 1.05rem;
  font-weight: 700;
}

.nb-monthlychallenge-landing__saved-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.2rem;
}

.nb-monthlychallenge-landing__saved-actions form {
  margin: 0;
}

.nb-monthlychallenge-landing__footnote {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.1rem 1.25rem;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(237, 246, 255, 0.96), rgba(244, 250, 255, 0.98));
  border: 1px solid rgba(31, 105, 224, 0.1);
}

.nb-monthlychallenge-landing__footnote-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #1f69e0;
  color: #fff;
  font-size: 1.25rem;
}

.nb-monthlychallenge-landing__footnote p {
  margin: 0;
  color: #223557;
  font-size: 1.08rem;
  font-weight: 600;
}

.nb-monthlychallenge-result {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.nb-monthlychallenge-result img {
  width: 140px;
  max-width: 100%;
  border-radius: 18px;
  box-shadow: 0 18px 36px rgba(18, 35, 66, 0.16);
  background: #fff;
  padding: 0.5rem;
}

.nb-monthlychallenge-team-card {
  display: flex;
  flex-direction: column;
}

.nb-monthlychallenge-team-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

@media (max-width: 1199.98px) {
  .nb-monthlychallenge-landing__hero {
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  }
}

@media (max-width: 991.98px) {
  .nb-monthlychallenge-landing {
    padding: 1.35rem;
  }

  .nb-monthlychallenge-landing__hero,
  .nb-monthlychallenge-landing__setup {
    grid-template-columns: 1fr;
  }

  .nb-monthlychallenge-landing__hero {
    gap: 1rem;
    padding: 1.7rem 1.35rem;
    text-align: center;
  }

  .nb-monthlychallenge-landing__hero-tagline {
    margin-inline: auto;
  }

  .nb-monthlychallenge-landing__hero-cta {
    width: 100%;
    min-width: 0;
  }

  .nb-monthlychallenge-landing__feature-grid {
    grid-template-columns: 1fr;
  }

  .nb-monthlychallenge-landing__status {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767.98px) {
  .nb-monthlychallenge-landing {
    gap: 1.25rem;
    padding: 1rem;
    border-radius: 24px;
  }

  .nb-monthlychallenge-landing__hero-copy h1 {
    font-size: clamp(2.2rem, 12vw, 3.2rem);
  }

  .nb-monthlychallenge-landing__hero-meta {
    justify-content: center;
    font-size: 1rem;
  }

  .nb-monthlychallenge-landing__feature-card {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
  }

  .nb-monthlychallenge-landing__feature-icon {
    flex-basis: 78px;
    width: 78px;
    height: 78px;
    font-size: 2rem;
  }

  .nb-monthlychallenge-landing__setup,
  .nb-monthlychallenge-landing__saved-card {
    padding: 1.15rem;
  }

  .nb-monthlychallenge-landing__actions,
  .nb-monthlychallenge-landing__saved-actions {
    flex-direction: column;
  }

  .nb-monthlychallenge-landing__primary-button,
  .nb-monthlychallenge-landing__secondary-button,
  .nb-monthlychallenge-landing__saved-actions .nb-button {
    width: 100%;
    min-width: 0;
  }

  .nb-monthlychallenge-landing__saved-metrics {
    grid-template-columns: 1fr;
  }

  .nb-monthlychallenge-landing__footnote {
    align-items: flex-start;
  }
}

.nb-gradebook-table-wrap {
  position: relative;
  overflow-x: auto;
}


.nb-monthlychallenge-question-page {
  padding: 0.45rem 0 4rem;
  background:
    radial-gradient(circle at top center, rgba(140, 91, 255, 0.2), transparent 34%),
    linear-gradient(180deg, #2f0b7a 0%, #3d0e96 20%, #4a18b6 52%, #4612ab 100%);
}

.nb-monthlychallenge-question-page .container {
  width: min(100% - 28px, 1460px);
  max-width: none;
}

.nb-monthlychallenge-question-shell {
  display: grid;
  gap: 0.8rem;
}

.nb-monthlychallenge-question-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 1.15rem;
  align-items: center;
  padding: 2.05rem 2rem 1.05rem;
  border-radius: 34px 34px 0 0;
  background:
    linear-gradient(90deg, rgba(22, 3, 81, 0.16), rgba(22, 3, 81, 0.08)),
    url('../images/monthly-challenge-hero-trophy.png') left center / cover no-repeat,
    linear-gradient(135deg, #210561, #5513d8);
  box-shadow: 0 26px 54px rgba(21, 8, 74, 0.28);
}

.nb-monthlychallenge-question-hero__copy {
  max-width: 54rem;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.nb-monthlychallenge-question-hero__eyebrow {
  margin: 0;
  color: #bda3ff;
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.nb-monthlychallenge-question-hero__copy .nb-demo-pill--hero {
  margin-top: 0.55rem;
}

.nb-monthlychallenge-question-hero__copy h1 {
  margin: 0.35rem 0 0;
  color: #fff;
  font-family: var(--bs-font-sans-serif);
  font-size: clamp(2.5rem, 4.9vw, 4.9rem);
  font-weight: 900;
  line-height: 0.97;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}

.nb-monthlychallenge-question-hero__dates {
  margin: 0.55rem 0 0;
  color: #f38dff;
  font-size: 1.4rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.nb-monthlychallenge-question-hero__divider {
  width: min(100%, 380px);
  height: 2px;
  margin: 0.8rem auto 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.58), transparent);
}

.nb-monthlychallenge-question-hero__tagline {
  margin: 0.65rem 0 0;
  color: rgba(255, 255, 255, 0.94);
  font-size: 1.55rem;
  line-height: 1.32;
}

.nb-monthlychallenge-question-hero__dates-card {
  padding: 1.3rem 1.3rem;
  border: 1px solid rgba(174, 142, 255, 0.28);
  border-radius: 24px;
  background: rgba(18, 6, 70, 0.66);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: #fff;
}

.nb-monthlychallenge-question-hero__dates-card-label {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.nb-monthlychallenge-question-hero__dates-card h2 {
  margin: 0.7rem 0 0;
  color: #fff;
  font-size: 1.85rem;
  line-height: 1.24;
}

.nb-monthlychallenge-question-hero__dates-card p:last-child {
  margin: 1rem 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 1.05rem;
  line-height: 1.6;
}

.nb-monthlychallenge-question-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 0.55rem 0.3rem;
  border: 1px solid rgba(135, 111, 236, 0.48);
  border-radius: 0 0 26px 26px;
  background: linear-gradient(180deg, #24106f, #1e0f60);
  box-shadow: 0 18px 38px rgba(20, 10, 72, 0.23);
}

.nb-monthlychallenge-question-stats__card {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 136px;
  padding: 1.4rem 1.35rem;
  border-right: 1px solid rgba(140, 119, 233, 0.3);
  color: #fff;
}

.nb-monthlychallenge-question-stats__card:last-child {
  border-right: 0;
}

.nb-monthlychallenge-question-stats__icon {
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  font-size: 2rem;
}

.nb-monthlychallenge-question-stats__icon.is-team {
  background: linear-gradient(135deg, rgba(125, 73, 255, 0.95), rgba(80, 32, 205, 0.95));
}

.nb-monthlychallenge-question-stats__icon.is-score {
  background: linear-gradient(135deg, rgba(106, 58, 235, 0.95), rgba(191, 84, 255, 0.95));
}

.nb-monthlychallenge-question-stats__icon.is-streak {
  background: linear-gradient(135deg, rgba(255, 135, 47, 0.95), rgba(255, 82, 34, 0.95));
}

.nb-monthlychallenge-question-stats__label {
  margin: 0 0 0.35rem;
  color: #a18cff;
  font-size: 0.95rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.nb-monthlychallenge-question-stats__card h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.8rem, 2.4vw, 2.5rem);
  line-height: 1.05;
}

.nb-monthlychallenge-question-stats__text {
  margin: 0.45rem 0 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.03rem;
}

.nb-monthlychallenge-question-stats__ring {
  --progress: 0%;
  position: relative;
  width: 90px;
  height: 90px;
  flex: 0 0 90px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(#9b58ff 0 var(--progress), rgba(255, 255, 255, 0.12) var(--progress) 100%);
}

.nb-monthlychallenge-question-stats__ring::after {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  background: #231064;
}

.nb-monthlychallenge-question-stats__ring span {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 900;
}

.nb-monthlychallenge-question-stats__progressbar {
  height: 10px;
  margin-top: 0.85rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.nb-monthlychallenge-question-stats__progressbar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #a84bff, #6e36ff);
}

.nb-monthlychallenge-question-card {
  display: grid;
  gap: 1.5rem;
  padding: 1.7rem;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 26px 54px rgba(21, 31, 88, 0.12);
}

.nb-monthlychallenge-question-card__topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.nb-monthlychallenge-question-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.nb-monthlychallenge-question-card__chip,
.nb-monthlychallenge-question-card__question-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 46px;
  padding: 0.65rem 1rem;
  border-radius: 999px;
  font-size: 1rem;
  font-weight: 900;
}

.nb-monthlychallenge-question-card__chip {
  color: #fff;
  background: linear-gradient(135deg, #6b2ff4, #4a21c8);
}

.nb-monthlychallenge-question-card__chip.is-soft {
  color: #6c2fd8;
  background: rgba(112, 62, 248, 0.12);
}

.nb-monthlychallenge-question-card__question-pill {
  color: #6b31de;
  border: 1px solid rgba(145, 100, 255, 0.32);
  background: #fff;
}

.nb-monthlychallenge-question-card__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 1.35rem;
  align-items: start;
}

.nb-monthlychallenge-question-card__main h2 {
  margin: 0;
  color: #172e68;
  font-family: var(--bs-font-sans-serif);
  font-size: clamp(2rem, 2.8vw, 3rem);
  font-weight: 800;
  line-height: 1.28;
}

.nb-monthlychallenge-question-card__answers {
  display: grid;
  gap: 0.8rem;
  margin-top: 1.5rem;
}

.nb-monthlychallenge-question-card__answer {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 74px;
  padding: 0.9rem 1.1rem;
  border: 1px solid rgba(183, 192, 236, 0.72);
  border-radius: 20px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.nb-monthlychallenge-question-card__answer:hover {
  border-color: rgba(116, 74, 246, 0.55);
  box-shadow: 0 14px 24px rgba(92, 60, 207, 0.08);
  transform: translateY(-1px);
}

.nb-monthlychallenge-question-card__answer input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.nb-monthlychallenge-question-card__answer-key {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  border: 2px solid rgba(127, 87, 247, 0.55);
  border-radius: 50%;
  color: #4d2bd3;
  font-size: 1.4rem;
  font-weight: 900;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.nb-monthlychallenge-question-card__answer-text {
  color: #1a2f65;
  font-size: 1.55rem;
  line-height: 1.4;
}

.nb-monthlychallenge-question-card__answer input:checked + .nb-monthlychallenge-question-card__answer-key {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #7f42ff, #5928db);
}

.nb-monthlychallenge-question-card__answer input:checked ~ .nb-monthlychallenge-question-card__answer-text {
  color: #3f23b9;
  font-weight: 700;
}

.nb-monthlychallenge-question-card__discussion {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 1rem;
  padding: 1.3rem 1.2rem;
  border-radius: 22px;
  background: linear-gradient(180deg, #f3ecff, #f7f2ff);
}

.nb-monthlychallenge-question-card__discussion-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #fff;
  font-size: 1.55rem;
  background: linear-gradient(135deg, #8f4eff, #5c2ddd);
  box-shadow: 0 14px 24px rgba(100, 54, 224, 0.18);
}

.nb-monthlychallenge-question-card__discussion h3 {
  margin: 0;
  color: #6b31de;
  font-size: 1.55rem;
  font-weight: 900;
  text-transform: uppercase;
}

.nb-monthlychallenge-question-card__discussion p {
  margin: 0.55rem 0 0;
  color: #1b2f61;
  font-size: 1.2rem;
  line-height: 1.55;
}

.nb-monthlychallenge-question-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.nb-monthlychallenge-question-card__action-note {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: #6a34d8;
  font-size: 1.05rem;
  font-weight: 700;
}

.nb-monthlychallenge-question-card__action-note i {
  font-size: 1.2rem;
}

.nb-monthlychallenge-question-card__primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  min-width: 280px;
  min-height: 68px;
  padding: 1rem 1.6rem;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 900;
  background: linear-gradient(135deg, #8348ff, #5424d7);
  box-shadow: 0 18px 34px rgba(91, 46, 218, 0.28);
  transition: transform 0.18s ease, filter 0.18s ease;
}

.nb-monthlychallenge-question-card__primary-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
}

.nb-monthlychallenge-question-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 0.7rem 0;
  border: 1px solid rgba(132, 111, 228, 0.34);
  border-radius: 24px;
  background: linear-gradient(180deg, #271070, #33158d);
  box-shadow: 0 20px 36px rgba(24, 13, 80, 0.24);
}

.nb-monthlychallenge-question-benefits__item {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 1rem;
  padding: 1.25rem 1.4rem;
  border-right: 1px solid rgba(137, 118, 234, 0.28);
  color: #fff;
}

.nb-monthlychallenge-question-benefits__item:last-child {
  border-right: 0;
}

.nb-monthlychallenge-question-benefits__icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 1.45rem;
}

.nb-monthlychallenge-question-benefits__icon.is-team {
  color: #fff;
  background: linear-gradient(135deg, #8d4fff, #5b2dde);
}

.nb-monthlychallenge-question-benefits__icon.is-score {
  color: #ffcf2c;
  background: rgba(255, 213, 78, 0.12);
}

.nb-monthlychallenge-question-benefits__icon.is-target {
  color: #ff7e45;
  background: rgba(255, 127, 75, 0.16);
}

.nb-monthlychallenge-question-benefits__icon.is-star {
  color: #ffca36;
  background: rgba(255, 199, 64, 0.13);
}

.nb-monthlychallenge-question-benefits__item h3 {
  margin: 0;
  color: #fff;
  font-size: 1.45rem;
}

.nb-monthlychallenge-question-benefits__item p {
  margin: 0.35rem 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 1.05rem;
  line-height: 1.55;
}

.nb-monthlychallenge-question-schedule {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.35rem 1.5rem;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 34px rgba(20, 31, 84, 0.1);
}

.nb-monthlychallenge-question-schedule__copy {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.nb-monthlychallenge-question-schedule__icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  color: #6b31de;
  font-size: 1.85rem;
  background: rgba(114, 61, 247, 0.1);
}

.nb-monthlychallenge-question-schedule__eyebrow {
  margin: 0;
  color: #5d2ed7;
  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.nb-monthlychallenge-question-schedule__text {
  margin: 0.35rem 0 0;
  color: #1b2f65;
  font-size: 1.25rem;
  font-weight: 700;
}

.nb-monthlychallenge-question-schedule__link {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 56px;
  padding: 0.9rem 1.35rem;
  border-radius: 999px;
  color: #5d2ed7;
  font-size: 1.08rem;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(112, 66, 244, 0.18);
  background: #fff;
}

.nb-monthlychallenge-question-schedule__link:hover {
  color: #5d2ed7;
}

@media (max-width: 1199.98px) {
  .nb-monthlychallenge-question-hero,
  .nb-monthlychallenge-question-card__body,
  .nb-monthlychallenge-question-stats {
    grid-template-columns: 1fr;
  }

  .nb-monthlychallenge-question-hero {
    padding-top: 2.35rem;
    border-radius: 30px;
  }

  .nb-monthlychallenge-question-hero__copy {
    max-width: 100%;
  }

  .nb-monthlychallenge-question-stats {
    border-radius: 24px;
    gap: 1px;
    background: rgba(99, 63, 211, 0.32);
  }

  .nb-monthlychallenge-question-stats__card {
    border-right: 0;
    background: linear-gradient(180deg, #24106f, #1e0f60);
  }

  .nb-monthlychallenge-question-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nb-monthlychallenge-question-benefits__item:nth-child(2n) {
    border-right: 0;
  }

  .nb-monthlychallenge-question-benefits__item:nth-child(n + 3) {
    border-top: 1px solid rgba(137, 118, 234, 0.28);
  }
}

@media (max-width: 767.98px) {
  .nb-monthlychallenge-question-page {
    padding: 0.75rem 0 3rem;
  }

  .nb-monthlychallenge-question-page .container {
    width: min(100% - 16px, 1460px);
  }

  .nb-monthlychallenge-question-hero,
  .nb-monthlychallenge-question-card,
  .nb-monthlychallenge-question-schedule {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nb-monthlychallenge-question-hero {
    gap: 1rem;
    padding-top: 2rem;
    padding-bottom: 1.2rem;
    background-position: left center;
  }

  .nb-monthlychallenge-question-hero__eyebrow {
    font-size: 1.15rem;
  }

  .nb-monthlychallenge-question-hero__copy h1 {
    font-size: clamp(2.1rem, 11vw, 3.35rem);
  }

  .nb-monthlychallenge-question-hero__dates,
  .nb-monthlychallenge-question-hero__tagline {
    font-size: 1.05rem;
  }

  .nb-monthlychallenge-question-hero__dates-card h2,
  .nb-monthlychallenge-question-stats__card h2,
  .nb-monthlychallenge-question-card__main h2 {
    font-size: 1.7rem;
  }

  .nb-monthlychallenge-question-card__topline,
  .nb-monthlychallenge-question-card__actions,
  .nb-monthlychallenge-question-schedule {
    flex-direction: column;
    align-items: stretch;
  }

  .nb-monthlychallenge-question-card__question-pill,
  .nb-monthlychallenge-question-card__primary-button,
  .nb-monthlychallenge-question-schedule__link {
    width: 100%;
    justify-content: center;
  }

  .nb-monthlychallenge-question-card__answer {
    gap: 0.8rem;
    padding: 0.85rem 0.9rem;
  }

  .nb-monthlychallenge-question-card__answer-text {
    font-size: 1.15rem;
  }

  .nb-monthlychallenge-question-benefits {
    grid-template-columns: 1fr;
  }

  .nb-monthlychallenge-question-benefits__item {
    border-right: 0;
    border-top: 1px solid rgba(137, 118, 234, 0.28);
  }

  .nb-monthlychallenge-question-benefits__item:first-child {
    border-top: 0;
  }
}

/* Monthly Challenge question pass 2: align much closer to the mockup composition */
.nb-monthlychallenge-question-hero {
  position: relative;
  overflow: hidden;
  grid-template-columns: 280px minmax(0, 1fr) 280px;
  gap: 1rem;
  align-items: stretch;
  min-height: 0;
  padding: 1.4rem 1.75rem 1.05rem;
  border-radius: 34px;
  background:
    linear-gradient(90deg, rgba(45, 8, 125, 0.94), rgba(55, 10, 151, 0.94) 46%, rgba(88, 19, 214, 0.94));
}

.nb-monthlychallenge-question-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(transparent, transparent);
  pointer-events: none;
  opacity: 1;
}

.nb-monthlychallenge-question-hero__art,
.nb-monthlychallenge-question-hero__copy,
.nb-monthlychallenge-question-hero__dates-card {
  position: relative;
  z-index: 1;
}

.nb-monthlychallenge-question-hero__art {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.nb-monthlychallenge-question-hero__art-image {
  width: min(100%, 300px);
  aspect-ratio: 1 / 1;
  background:
    url('../images/monthly-challenge-podium-trophy.png') center bottom / contain no-repeat;
  filter: drop-shadow(0 20px 34px rgba(18, 4, 66, 0.46));
  transform: translateX(-0.15rem);
}

.nb-monthlychallenge-question-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 760px;
  margin: 0 auto;
  padding: 0.2rem 0 0;
}

.nb-monthlychallenge-question-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  color: #bda3ff;
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.nb-monthlychallenge-question-hero__eyebrow i {
  font-size: 0.78rem;
  color: #8f67ff;
}

.nb-monthlychallenge-question-hero__copy h1 {
  margin-top: 0.65rem;
  font-size: clamp(2.15rem, 3.8vw, 4.15rem);
  line-height: 0.98;
  letter-spacing: -0.045em;
  max-width: none;
  white-space: nowrap;
}

.nb-monthlychallenge-question-hero__dates {
  margin-top: 0.5rem;
  font-size: 0.98rem;
  letter-spacing: 0.11em;
}

.nb-monthlychallenge-question-hero__divider {
  width: min(100%, 320px);
  margin-top: 0.7rem;
}

.nb-monthlychallenge-question-hero__tagline {
  margin-top: 0.6rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.nb-monthlychallenge-question-hero__highlights {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.9rem 1.9rem;
  margin-top: 1rem;
  color: rgba(255, 255, 255, 0.96);
  font-size: 0.98rem;
  font-weight: 700;
}

.nb-monthlychallenge-question-hero__highlights span {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.nb-monthlychallenge-question-hero__highlights i {
  color: #fff;
  font-size: 1.02rem;
}

.nb-monthlychallenge-question-hero__dates-card {
  align-self: center;
  margin-top: 0;
  padding: 1.15rem 1.2rem;
  border-color: rgba(177, 149, 255, 0.26);
  border-radius: 22px;
  background: rgba(28, 10, 96, 0.9);
}

.nb-monthlychallenge-question-hero__dates-card h2 {
  font-size: 1.28rem;
  line-height: 1.35;
}

.nb-monthlychallenge-question-workspace {
  display: grid;
  grid-template-columns: 255px minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.nb-monthlychallenge-question-sidebar {
  display: grid;
  gap: 0.7rem;
  padding: 1.2rem 1rem 1rem;
  border: 1px solid rgba(125, 112, 220, 0.22);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(18, 30, 74, 0.98), rgba(17, 27, 71, 0.98));
  box-shadow: 0 22px 46px rgba(12, 12, 58, 0.28);
}

.nb-monthlychallenge-question-sidebar__section {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 0.85rem;
  align-items: center;
  padding: 0 0.05rem 0.95rem;
  border-bottom: 1px solid rgba(137, 149, 222, 0.18);
}

.nb-monthlychallenge-question-sidebar__section:last-of-type {
  border-bottom: 0;
  padding-bottom: 0.15rem;
}

.nb-monthlychallenge-question-sidebar__icon,
.nb-monthlychallenge-question-sidebar__bonus-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  color: #fff;
  font-size: 1.5rem;
  background: linear-gradient(135deg, #7e42ff, #5a2ae0);
  box-shadow: 0 14px 28px rgba(98, 64, 211, 0.24);
}

.nb-monthlychallenge-question-sidebar__icon.is-streak {
  background: linear-gradient(135deg, #ff8d2d, #ff5b14);
}

.nb-monthlychallenge-question-sidebar__copy {
  min-width: 0;
}

.nb-monthlychallenge-question-sidebar__label {
  margin: 0 0 0.35rem;
  color: #bda6ff;
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.nb-monthlychallenge-question-sidebar__copy h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.05rem, 1.9vw, 1.55rem);
  line-height: 1.2;
}

.nb-monthlychallenge-question-sidebar__copy h3 {
  margin: 0;
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.2;
}

.nb-monthlychallenge-question-sidebar__text {
  margin: 0.35rem 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.92rem;
  line-height: 1.35;
}

.nb-monthlychallenge-question-sidebar__progress {
  display: grid;
  gap: 0.45rem;
  justify-items: center;
}

.nb-monthlychallenge-question-sidebar__ring {
  position: relative;
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: conic-gradient(#b77cff calc(var(--progress) * 1%), rgba(131, 146, 221, 0.18) 0);
}

.nb-monthlychallenge-question-sidebar__ring::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  background: #1c1d5b;
}

.nb-monthlychallenge-question-sidebar__ring span {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 1.45rem;
  font-weight: 800;
}

.nb-monthlychallenge-question-sidebar__dots {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  justify-content: center;
}

.nb-monthlychallenge-question-sidebar__dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(128, 141, 219, 0.28);
}

.nb-monthlychallenge-question-sidebar__dots span.is-active {
  background: linear-gradient(135deg, #9f6fff, #7f42ff);
}

.nb-monthlychallenge-question-sidebar__bonus {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 0.85rem;
  align-items: center;
  padding: 1rem 0.9rem;
  border: 1px solid rgba(144, 116, 243, 0.22);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(49, 36, 107, 0.96), rgba(33, 28, 90, 0.96));
}

.nb-monthlychallenge-question-sidebar__bonus-icon {
  background: linear-gradient(135deg, #ffc82d, #ffb000);
  color: #4a2c00;
}

.nb-monthlychallenge-question-shell {
  gap: 0.95rem;
}

.nb-monthlychallenge-question-card {
  gap: 1rem;
  padding: 1.45rem 1.7rem 1.15rem;
}

.nb-monthlychallenge-question-card__topline {
  margin-bottom: 0.8rem;
}

.nb-monthlychallenge-question-card__question-header {
  display: block;
}

.nb-monthlychallenge-question-card__main h2 {
  font-size: clamp(1.7rem, 2.25vw, 2.8rem);
  line-height: 1.38;
  letter-spacing: -0.02em;
}

.nb-monthlychallenge-question-card__discussion {
  float: right;
  width: 320px;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 0.85rem;
  padding: 0.9rem 0.95rem;
  margin: 0 0 0.9rem 1.15rem;
  border: 1px solid rgba(164, 127, 247, 0.18);
  border-radius: 20px;
  background: linear-gradient(180deg, #f5efff, #f6f1ff);
  align-self: start;
}

.nb-monthlychallenge-question-card__discussion-icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  font-size: 1.2rem;
}

.nb-monthlychallenge-question-card__discussion h3 {
  font-size: 1.18rem;
  line-height: 1.1;
}

.nb-monthlychallenge-question-card__discussion p {
  margin-top: 0.3rem;
  font-size: 0.98rem;
  line-height: 1.5;
}

.nb-monthlychallenge-question-card__answers {
  margin-top: 0.75rem;
  gap: 0.55rem;
}

.nb-monthlychallenge-question-card__answer {
  min-height: 64px;
  padding: 0.8rem 1rem;
  border-radius: 18px;
}

.nb-monthlychallenge-question-card__answer-key {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  font-size: 1.3rem;
}

.nb-monthlychallenge-question-card__answer-text {
  font-size: 1.15rem;
  line-height: 1.38;
}

.nb-monthlychallenge-question-card__actions {
  margin-top: 0.55rem;
}

.nb-monthlychallenge-question-card__primary-button {
  min-width: 270px;
}

.nb-monthlychallenge-question-card__primary-button:disabled {
  opacity: 0.72;
  cursor: wait;
}

.nb-monthlychallenge-question-card__answer.is-selected {
  border-color: rgba(111, 72, 246, 0.48);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 239, 255, 0.96));
  box-shadow: 0 16px 30px rgba(102, 66, 219, 0.12);
}

.nb-monthlychallenge-question-card__answer.is-selected .nb-monthlychallenge-question-card__answer-key {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #7f42ff, #5928db);
}

.nb-monthlychallenge-question-card__answer.is-selected .nb-monthlychallenge-question-card__answer-text {
  color: #3f23b9;
  font-weight: 700;
}

.nb-monthlychallenge-question-card__answer.is-locked {
  cursor: default;
  transform: none;
}

.nb-monthlychallenge-question-card__answer.is-locked:hover {
  transform: none;
}

.nb-monthlychallenge-question-card__answer.is-correct {
  border-color: rgba(18, 173, 103, 0.42);
  background: linear-gradient(180deg, rgba(239, 255, 247, 0.98), rgba(228, 252, 240, 0.96));
  box-shadow: inset 0 0 0 2px rgba(29, 171, 104, 0.2), 0 16px 32px rgba(33, 154, 95, 0.16);
}

.nb-monthlychallenge-question-card__answer.is-correct .nb-monthlychallenge-question-card__answer-key {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #2fd685, #1aa95d);
}

.nb-monthlychallenge-question-card__answer.is-correct input:checked + .nb-monthlychallenge-question-card__answer-key {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #2fd685, #1aa95d);
}

.nb-monthlychallenge-question-card__answer.is-correct .nb-monthlychallenge-question-card__answer-text {
  color: #18714b;
  font-weight: 700;
}

.nb-monthlychallenge-question-card__answer.is-correct input:checked ~ .nb-monthlychallenge-question-card__answer-text {
  color: #18714b;
  font-weight: 700;
}

.nb-monthlychallenge-question-card__answer.is-incorrect {
  border-color: rgba(228, 88, 126, 0.34);
  background: linear-gradient(180deg, rgba(255, 245, 248, 0.98), rgba(255, 235, 241, 0.96));
  box-shadow: inset 0 0 0 2px rgba(223, 85, 124, 0.18), 0 16px 32px rgba(200, 78, 114, 0.12);
}

.nb-monthlychallenge-question-card__answer.is-incorrect .nb-monthlychallenge-question-card__answer-key {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #ef7098, #dc4b7e);
}

.nb-monthlychallenge-question-card__answer.is-incorrect input:checked + .nb-monthlychallenge-question-card__answer-key {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #ef7098, #dc4b7e);
}

.nb-monthlychallenge-question-card__answer.is-incorrect .nb-monthlychallenge-question-card__answer-text {
  color: #9e2952;
  font-weight: 700;
}

.nb-monthlychallenge-question-card__answer.is-incorrect input:checked ~ .nb-monthlychallenge-question-card__answer-text {
  color: #9e2952;
  font-weight: 700;
}

.nb-monthlychallenge-question-card__feedback {
  display: none;
  align-items: center;
  gap: 0.8rem;
  margin-top: -0.1rem;
  padding: 0.9rem 1.05rem;
  border-radius: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.45;
}

.nb-monthlychallenge-question-card__feedback.is-visible {
  display: flex;
}

.nb-monthlychallenge-question-card__feedback.is-correct {
  color: #156a46;
  border: 1px solid rgba(31, 170, 103, 0.24);
  background: linear-gradient(180deg, rgba(239, 255, 247, 0.96), rgba(230, 252, 240, 0.94));
}

.nb-monthlychallenge-question-card__feedback.is-incorrect {
  color: #96244e;
  border: 1px solid rgba(222, 92, 129, 0.24);
  background: linear-gradient(180deg, rgba(255, 245, 248, 0.96), rgba(255, 237, 242, 0.94));
}

.nb-monthlychallenge-question-benefits {
  padding: 0.15rem 0;
}

.nb-monthlychallenge-question-benefits__item {
  padding: 0.8rem 1.05rem;
}

.nb-monthlychallenge-question-benefits__item h3 {
  font-size: 1.15rem;
}

.nb-monthlychallenge-question-benefits__item p {
  font-size: 0.98rem;
}

.nb-monthlychallenge-question-schedule {
  padding: 0.95rem 1.25rem;
}

@media (max-width: 1199.98px) {
  .nb-monthlychallenge-question-hero {
    grid-template-columns: 210px minmax(0, 1fr) 250px;
    gap: 0.8rem;
    padding: 1.15rem 1.2rem 0.95rem;
    border-radius: 30px;
  }

  .nb-monthlychallenge-question-hero__dates-card {
    grid-column: auto;
    max-width: none;
    justify-self: stretch;
  }

  .nb-monthlychallenge-question-workspace {
    grid-template-columns: 225px minmax(0, 1fr);
  }

  .nb-monthlychallenge-question-card {
    padding-inline: 1.3rem;
  }

  .nb-monthlychallenge-question-card__question-header {
    display: block;
  }

  .nb-monthlychallenge-question-card__discussion {
    width: 285px;
    padding: 0.82rem 0.85rem;
  }
}

@media (max-width: 1034px) and (min-width: 768px) {
  .nb-monthlychallenge-question-hero__dates-card {
    display: none;
  }

  .nb-monthlychallenge-question-hero {
    grid-template-columns: 210px minmax(0, 1fr);
  }
}

@media (max-width: 767.98px) {
  .nb-monthlychallenge-question-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 1.25rem 1rem 1rem;
    border-radius: 26px;
  }

  .nb-monthlychallenge-question-hero__art {
    justify-content: center;
  }

  .nb-monthlychallenge-question-hero__art-image {
    width: min(100%, 250px);
    transform: none;
  }

  .nb-monthlychallenge-question-hero__copy {
    padding-top: 0;
  }

  .nb-monthlychallenge-question-hero__copy h1 {
    max-width: 100%;
    font-size: clamp(2.5rem, 12vw, 4rem);
    white-space: normal;
  }

  .nb-monthlychallenge-question-hero__dates-card {
    max-width: 100%;
    justify-self: stretch;
  }

  .nb-monthlychallenge-question-workspace {
    grid-template-columns: 1fr;
  }

  .nb-monthlychallenge-question-sidebar {
    padding: 1rem 0.95rem;
  }

  .nb-monthlychallenge-question-sidebar__section,
  .nb-monthlychallenge-question-sidebar__bonus {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.75rem;
  }

  .nb-monthlychallenge-question-sidebar__icon,
  .nb-monthlychallenge-question-sidebar__bonus-icon {
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
  }

  .nb-monthlychallenge-question-card {
    padding: 1.25rem 1rem 1.1rem;
  }

  .nb-monthlychallenge-question-card__question-header {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .nb-monthlychallenge-question-card__main h2 {
    font-size: 1.45rem;
  }

  .nb-monthlychallenge-question-card__discussion {
    float: none;
    width: auto;
    margin: 0;
    max-width: 100%;
  }

  .nb-monthlychallenge-question-card__primary-button {
    min-width: 0;
  }
}

.nb-demos-page {
  padding: 0.95rem 0 5rem;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 58%, #f7fbff 100%);
}

.nb-demos-page .container {
  width: min(100% - 40px, 1480px);
  max-width: none;
}