/* Native disclosure: the first impression stays visual; depth is a choice. */
.profile-depth {
  min-width: 0;
  border: 0;
  border-bottom: 1px solid rgba(var(--profile-inspiration-accent), .22);
}
.profile-depth > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 52px;
  padding: 6px 2px 12px;
  list-style: none;
  cursor: pointer;
  color: #e9e2d9;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  transition: color 180ms ease;
}
.profile-depth > summary::-webkit-details-marker { display: none; }
.profile-depth > summary:hover { color: rgb(var(--profile-inspiration-accent)); }
.profile-depth > summary:focus-visible {
  outline: 2px solid rgb(var(--profile-inspiration-accent));
  outline-offset: 5px;
  border-radius: 2px;
}
.profile-depth__icon {
  position: relative;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  color: rgb(var(--profile-inspiration-accent));
}
.profile-depth__icon::before, .profile-depth__icon::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 4px;
  width: 14px;
  height: 1px;
  background: currentColor;
}
.profile-depth__icon::after { transform: rotate(90deg); transition: transform 180ms ease; }
.profile-depth[open] > summary .profile-depth__icon::after { transform: rotate(0); }
.profile-depth[open] > summary { color: rgb(var(--profile-inspiration-accent)); }
.profile-depth > .profile-inspiration-film__body { padding: 24px 0 30px; }
.profile-people-pair .profile-inspiration-carousel__track { align-items: start; }
.profile-people-pair .profile-inspiration-film__content { flex: none; }
.profile-people-pair .profile-inspiration-film__link { margin-top: 0; }
@media (prefers-reduced-motion: reduce) {
  .profile-depth > summary, .profile-depth__icon::after { transition: none; }
}
@media print {
  .profile-depth > .profile-inspiration-film__body { display: grid; }
  .profile-depth::details-content { content-visibility: visible; }
}