.fadc-specialty-notice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin: 0 0 22px;
  padding: 22px 24px;
  color: #183b34;
  background: linear-gradient(135deg, #f0faf7 0%, #ffffff 72%);
  border: 1px solid #b9ded4;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(20, 70, 60, 0.08);
}

.fadc-specialty-notice > div:first-child > span {
  display: block;
  margin-bottom: 5px;
  color: #14735f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.fadc-specialty-notice h2 {
  margin: 0 0 7px;
  color: #123c34;
  font-size: clamp(21px, 2vw, 29px);
  line-height: 1.15;
}

.fadc-specialty-notice p {
  max-width: 780px;
  margin: 0;
  color: #47645e;
  font-size: 15px;
  line-height: 1.58;
}

.fadc-specialty-notice > strong {
  display: grid;
  min-width: 112px;
  padding: 14px 18px;
  color: #fff;
  background: #14735f;
  border-radius: 14px;
  font-size: 29px;
  line-height: 1;
  text-align: center;
}

.fadc-specialty-notice > strong small {
  margin-top: 5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase;
}

.fadc-specialty-notice__urgent {
  grid-column: 1 / -1;
  display: flex;
  gap: 10px;
  align-items: center;
  padding-top: 16px;
  border-top: 1px solid #cfe7e1;
}

.fadc-specialty-notice__urgent b {
  color: #8a2632;
  white-space: nowrap;
}

.fadc-specialty-notice__urgent span {
  flex: 1;
  color: #5f4549;
  font-size: 14px;
  line-height: 1.45;
}

.fadc-specialty-notice__urgent a {
  display: inline-flex;
  justify-content: center;
  padding: 9px 12px;
  color: #7d2030;
  background: #fff;
  border: 1px solid #d9aeb6;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.fadc-postal-fallback {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 0 0 18px;
  padding: 14px 17px;
  color: #294c45;
  background: #f7fbfa;
  border: 1px solid #cfe4df;
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.45;
}

.fadc-postal-fallback strong {
  color: #123c34;
  white-space: nowrap;
}

.fadc-postal-fallback span {
  flex: 1;
}

.fadc-postal-fallback a {
  color: #14735f;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

/* The live page can inject a second page-number group beside Core's complete
 * pagination controls. Keep the accessible Core controls and remove the
 * duplicate so it cannot widen the directory on phones. */
body.fadc-specialty-directory #fadrPagination > .fadc-pagination-pages {
  display: none !important;
}

@media (max-width: 760px) {
  html.fadc-specialty-directory-page,
  body.fadc-specialty-directory {
    overflow-x: clip;
  }

  body.fadc-specialty-directory #fadrPagination {
    flex-direction: column;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 12px;
    max-width: 100%;
  }

  body.fadc-specialty-directory #fadrPagination .fadr__pagination-controls {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    inset: auto !important;
    transform: none !important;
    box-sizing: border-box;
  }

  body.fadc-specialty-directory #fadrPagination .fadr__page-numbers {
    display: flex !important;
    flex: 1 1 auto !important;
    justify-content: center;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .fadc-specialty-notice {
    grid-template-columns: 1fr;
    padding: 19px;
  }

  .fadc-specialty-notice > strong {
    grid-template-columns: auto auto;
    justify-content: center;
    gap: 8px;
    align-items: baseline;
  }

  .fadc-specialty-notice__urgent {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fadc-specialty-notice__urgent b,
  .fadc-specialty-notice__urgent span,
  .fadc-specialty-notice__urgent a:last-child {
    grid-column: 1 / -1;
  }

  .fadc-postal-fallback {
    display: grid;
    gap: 6px;
  }
}