/* Context for detail pages, with a unique primary heading and a visible return path. */
body.seo-page.identity-page .hero-text.wrap {
  max-width: 900px; padding: clamp(17px, 3vw, 28px);
  margin: 10px auto 22px; border: 1px solid #d6ddce; border-radius: 19px;
  background: rgba(231, 237, 225, .72); text-align: left;
}
body.seo-page.identity-page .hero-text > h1 {
  margin: 0 0 15px; text-align: left; font-weight: 500;
  font-size: clamp(27px, 3.8vw, 37px); line-height: 1.23; text-wrap: balance;
}
body.seo-page.identity-page .hero-text > .lead {
  max-width: none; margin: 0; text-align: left;
  font-size: var(--identity-body, 16px); line-height: 1.5;
}
.detail-breadcrumbs { margin-bottom: 16px; color: #6e8065; font-size: 14px; line-height: 1.45; }
.detail-breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 8px; padding: 0; margin: 0; list-style: none; }
.detail-breadcrumbs li { display: inline-flex; align-items: baseline; gap: 8px; max-width: 100%; }
.detail-breadcrumbs li:not(:last-child)::after { content: '›'; color: #85957a; }
.detail-breadcrumbs a { color: inherit; white-space: nowrap; }
.detail-breadcrumbs [aria-current="page"] { color: #718367; }
@media (max-width: 430px) {
  .detail-breadcrumbs { font-size: 13px; margin-bottom: 13px; }
  body.seo-page.identity-page .hero-text.wrap { margin-top: 7px; padding: 17px; }
}