/* Program page: concise reading rhythm and mobile-first spacing */
#awacos-program {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* Introductory paragraph: reduce oversized leading and preserve comfortable line breaks. */
#awacos-program .container > div:first-child > p:last-child {
  margin-top: 1.25rem;
  line-height: 1.65;
}

/* Usage guidance: retain paragraph distinction without creating excessive blank space. */
#awacos-program .container > div:nth-child(2) {
  margin-top: 2rem;
  border-radius: 1rem;
  padding: 1.25rem;
}

#awacos-program .container > div:nth-child(2) > div {
  row-gap: 1.5rem;
}

#awacos-program .container > div:nth-child(2) > div > div:first-child > p {
  margin-top: 0.75rem;
  line-height: 1.65;
}

#awacos-program .container > div:nth-child(2) > div > div:nth-child(2) {
  padding: 1.25rem;
}

#awacos-program .container > div:nth-child(2) > div > div:nth-child(2) > div {
  margin-top: 1rem;
  row-gap: 0.75rem;
  line-height: 1.6;
}

/* Official photographer cards: avoid overly large visual blocks on narrow screens. */
#awacos-program .container > div:nth-child(3) {
  margin-top: 3rem;
}

#awacos-program .container > div:nth-child(3) > div:first-child > p:last-child {
  margin-top: 0.75rem;
  line-height: 1.65;
}

#awacos-program .container > div:nth-child(3) > div:last-child {
  margin-top: 1.5rem;
  gap: 1.25rem;
}

#awacos-program .container > div:nth-child(3) article {
  border-radius: 1rem;
  padding: 1.25rem;
}

#awacos-program .container > div:nth-child(3) article img {
  width: 9rem;
  height: 9rem;
}

@media (min-width: 640px) {
  #awacos-program {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  #awacos-program .container > div:nth-child(2) {
    margin-top: 2.5rem;
    border-radius: 1.5rem;
    padding: 2.5rem;
  }

  #awacos-program .container > div:nth-child(2) > div {
    row-gap: 2rem;
  }

  #awacos-program .container > div:nth-child(2) > div > div:first-child > p {
    margin-top: 1rem;
    line-height: 1.75;
  }

  #awacos-program .container > div:nth-child(2) > div > div:nth-child(2) {
    padding: 1.75rem;
  }

  #awacos-program .container > div:nth-child(2) > div > div:nth-child(2) > div {
    margin-top: 1.25rem;
    row-gap: 1rem;
  }

  #awacos-program .container > div:nth-child(3) {
    margin-top: 5rem;
  }

  #awacos-program .container > div:nth-child(3) > div:last-child {
    margin-top: 2rem;
    gap: 1.5rem;
  }

  #awacos-program .container > div:nth-child(3) article {
    border-radius: 1.5rem;
    padding: 2rem;
  }

  #awacos-program .container > div:nth-child(3) article img {
    width: 12rem;
    height: 12rem;
  }
}