/* Homepage reading colors. Keep the established palette for all surfaces,
   section headings, navigation, category entrances and decorative elements. */
body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference :is(#review-registration,#review-certificates,#review-content) :is(
  .hs-certificate-group-title h3,
  .hs-certificate-copy strong,
  .hs-reg-card-heading strong,
  .hr-resource-copy strong,
  .hr-editorial-lead strong,
  .hr-editorial-news-item strong,
  .hr-editorial-insight strong
) {
  color: #111;
}

body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference :is(#review-registration,#review-certificates,#review-content) :is(
  .hs-link,
  .hs-verify-button,
  .sm-more-certificates,
  .hs-reg-card-footer > span:not(.hs-reg-card-arrow),
  .hs-status,
  .hr-more,
  .hr-editorial-file > span
) {
  color: #444;
}

body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference :is(#review-registration,#review-certificates,#review-content) :is(
  .hs-date,
  .hs-certificate-index,
  .hs-certificate-name,
  .hs-certificate-group-count,
  .hs-row-meta,
  .hs-empty p,
  .hr-editorial-date,
  .hr-editorial-summary,
  .hr-editorial-lead > span,
  .hr-editorial-insight > span,
  .hr-resource-meta,
  .hr-resource-summary,
  .hr-resource-empty,
  .hr-service-note
) {
  color: #6b6b6b;
}

/* These decorations otherwise inherit the new text color through currentColor.
   Target only inheriting decorations; existing card-arrow hover states remain. */
body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference :is(#review-registration,#review-certificates,#review-content) :is(
  .hs-link > .hs-icon,
  .hs-verify-button > .hs-icon,
  .sm-more-certificates > span[aria-hidden="true"],
  .hr-more > span[aria-hidden="true"]
),
body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-registration .hs-status-open::before {
  color: var(--hp-primary, #176faa);
}

/* Footer colors apply only while the main-site homepage is mounted. */
body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]):has(.review-home-reference) .footer,
body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]):has(.review-home-reference) .footer :is(p,span,small,li,div,a,button) {
  color: #6b6b6b;
}

body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]):has(.review-home-reference) .footer h3,
body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]):has(.review-home-reference) .footer h3 * {
  color: #111;
}

/* Approved homepage title lists. The established editorial column geometry stays
   in home-reference.css; this layer changes only the titles and their spacing. */
body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-content .hr-editorial-titles {
  padding: 0;
  margin: 0;
}

body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-content .hr-editorial-grid .hr-resource-head {
  align-items: baseline;
  gap: 12px;
  padding-bottom: 13px;
  margin: 0;
  border-bottom: 1px solid #c9dce8;
}

body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-content .hr-editorial-grid .hr-resource-head h2 {
  font-weight: 700;
  letter-spacing: 0;
}

body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-content .hr-editorial-title {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 20px 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #c9dce8;
  border-radius: 0;
  background: transparent;
  color: #111;
  font-family: inherit;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0;
  text-align: left;
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: normal;
  box-shadow: none;
  cursor: pointer;
}

body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-content .hr-editorial-title:last-child {
  border-bottom-color: transparent;
}

body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-content .hr-editorial-title:hover {
  color: #111;
  background: #f5f9fc;
  text-decoration: underline;
  text-underline-offset: 5px;
}

/* Keep all seven homepage section headings at the same size and provide more
   space between the blue rules and the headings. */
body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference :is(#review-registration .hs-heading h2,#review-certificates .hs-heading h2,#review-content .hr-resource-head h2) {
  font-size: 30px;
  line-height: 1.4;
}

body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference :is(#review-registration,#review-certificates) .hs-heading,
body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-content .hr-editorial-grid .hr-resource-head,
body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-content .hr-resources > .hr-resource {
  padding-top: 24px;
}

@media (max-width: 767px) {
  body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-content .hr-editorial-grid .hr-resource-head {
    padding-bottom: 12px;
  }

  body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-content .hr-editorial-title {
    font-size: 16px;
    padding: 17px 0;
    line-height: 1.75;
  }
}

@media (max-width: 760px) {
  body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference :is(#review-registration .hs-heading h2,#review-certificates .hs-heading h2,#review-content .hr-resource-head h2) {
    font-size: 28px;
  }

  body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference :is(#review-registration,#review-certificates) .hs-heading,
  body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-content .hr-editorial-grid .hr-resource-head,
  body[data-site-design]:not([data-design-portal]):not([data-review-area="admin"]) .review-home-reference #review-content .hr-resources > .hr-resource {
    padding-top: 20px;
  }
}