.population-profile .breed-hero-v2 h1 {
  max-width: 17ch;
}

.population-profile .profile-hero-meta,
.population-profile .profile-hero-meta a {
  color: #d7e9fb;
}

.population-profile .profile-hero-meta a {
  text-underline-offset: 0.18em;
}

.population-profile .profile-hero-figure {
  flex-direction: column;
  gap: 0.75rem;
}

.population-profile .breed-hero-image-frame {
  width: 100%;
  aspect-ratio: 3 / 2;
}

.population-profile .profile-hero-caption {
  color: #d7e9fb;
  font-size: 0.8rem;
  line-height: 1.5;
}

.population-profile .profile-jump-nav {
  padding-top: 0.4rem;
  gap: 0.6rem 1.15rem;
}

.population-profile .profile-prose {
  max-width: 85ch;
  line-height: 1.8;
}

.population-profile .profile-section-sources {
  max-width: 100ch;
  line-height: 1.65;
}

.population-profile .profile-tracking-table th:nth-child(1),
.population-profile .profile-tracking-table td:nth-child(1) {
  width: 20%;
}

.population-profile .profile-tracking-table th:nth-child(2),
.population-profile .profile-tracking-table td:nth-child(2),
.population-profile .profile-tracking-table th:nth-child(3),
.population-profile .profile-tracking-table td:nth-child(3) {
  width: 40%;
  white-space: normal;
}

.population-profile .profile-calculator-note {
  border-left: 4px solid #245f91;
}

.population-profile .profile-step {
  display: inline-grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  color: #17456c;
  background: #e8f2fa;
  font-weight: 800;
}

.population-profile .profile-care-image {
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

.population-profile .profile-care-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.population-profile .accordion-button {
  line-height: 1.5;
}

.population-profile .profile-faq-item > summary {
  list-style: none;
  cursor: pointer;
}

.population-profile .profile-faq-item > summary::-webkit-details-marker {
  display: none;
}

.population-profile .profile-faq-item[open] > summary {
  background: #ecf5fd;
  color: var(--accent-2);
}

.population-profile .profile-faq-item[open] > summary::after {
  transform: rotate(180deg) scale(0.88);
}

.population-profile .profile-faq-item > summary:focus-visible {
  outline: 3px solid #245f91;
  outline-offset: -3px;
}

.population-profile [id] {
  scroll-margin-top: 6.5rem;
}

@media (max-width: 575.98px) {
  .population-profile .profile-tracking-table td:nth-child(n) {
    width: 100%;
  }

  .population-profile .profile-jump-nav {
    gap: 0.6rem 1rem;
  }
}