/* Keep the existing profile layout while using the current shared site chrome. */
.profile-page { background: var(--cream); }
.profile-page .site-header,
.profile-page .site-header.is-scrolled {
  position: fixed;
  color: var(--ink);
  background: rgba(251, 249, 243, .96);
}
.profile-page .brand img { filter: none; }
.profile-page .footer { color: var(--ink); }
.profile-page .quick-actions .menu-toggle { color: var(--ink); }
.profile-page .profile-hero__grid > * { min-width: 0; }

/* The header's top gap matches its base color, rather than the dark portrait. */
.profile-page #main-content { padding-top: max(16px, env(safe-area-inset-top)); }
html:not(.has-dock-navigation) .profile-page .site-header { position: relative; }
html:not(.has-dock-navigation) .profile-page #main-content { padding-top: 0; }

.profile-breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}
.profile-breadcrumbs a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }
.profile-breadcrumbs a:focus-visible { outline-color: var(--gold); }
.profile-page .profile-hero__copy .section-kicker { width: fit-content; max-width: 100%; font-size: 16px; line-height: 1.5; }
.profile-page .profile-main__aside p { font-size: 16px; }
.profile-page .profile-main__aside .section-kicker { color: var(--ink); }
.profile-page .profile-list dt { color: var(--muted); font-size: 16px; letter-spacing: .04em; }
.profile-page .profile-main__content h2 em { color: inherit; }

@media (max-width: 700px) {
  .profile-page .profile-hero__copy > p:last-child { font-size: 16px; }
}