/* Decision Banner — yellow notification banner for hearing decisions */

.decision-banner {
  max-width: var(--container-max);
  /* Pulls banner up over the hero image; edge-aware centering guarantees 40px minimum side margin */
  margin: -60px max(40px, calc((100% - var(--container-max)) / 2)) 0;
  position: relative;
  z-index: 1;
  background: var(--yellow-50);
  border-bottom: 8px solid var(--yellow-100);
  border-radius: 4px;
  padding: 16px 116px 24px;
}

.decision-banner__title {
  font-size: 24px;
  font-weight: var(--fw-regular);
  line-height: 36px;
  color: var(--black);
}

.decision-banner__text {
  font-family: var(--font-family-inter);
  font-size: var(--fs-base);
  line-height: 24px;
  color: var(--black);
}

.decision-banner__link {
  color: var(--black);
}

@media (max-width: 1200px) {
  .decision-banner {
    padding: 16px 60px 24px;
  }
}

@media (max-width: 640px) {
  .decision-banner {
    padding: 16px 24px 24px;
    margin-inline: 16px;
  }
}