/* Professional sections (Phase 14): expandable panel below the card,
   in the same navy, gold, and off-white palette. */
.details {
  width: min(100%, 61rem); box-sizing: border-box;
  background: var(--paper); color: var(--ink);
  border-radius: var(--radius-front);
  clip-path: inset(0 round var(--radius-front));
  border-top: 6px solid var(--gold);
  padding: var(--space-6) clamp(1rem, 4vw, 2.5rem) var(--space-5);
  font-family: var(--font-sans);
}
.details__title { margin: 0; font-size: 1.5rem; color: var(--navy); letter-spacing: .01em; }
.details__intro { margin: .35rem 0 var(--space-4); color: var(--ink-muted); font-size: .9375rem; }

.d-sec { border-top: 1px solid rgba(200,162,80,.7); }
.d-sec:last-child { border-bottom: 1px solid rgba(200,162,80,.7); }
.d-sec__summary {
  list-style: none; cursor: pointer;
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  padding: 1rem .25rem; font-weight: 700; font-size: 1.0625rem; color: var(--navy);
}
.d-sec__summary::-webkit-details-marker { display: none; }
.d-sec__summary::after {
  content: ""; flex: 0 0 auto; width: .6rem; height: .6rem;
  border-right: 2px solid var(--gold-deep); border-bottom: 2px solid var(--gold-deep);
  transform: rotate(45deg); margin-top: -.3rem;
}
.d-sec[open] > .d-sec__summary::after { transform: rotate(-135deg); margin-top: .3rem; }
.d-sec__summary:hover span { text-decoration: underline; text-underline-offset: 3px; }
.d-sec__summary:focus-visible { outline: 3px solid var(--navy); outline-offset: 2px; border-radius: 6px; }

.d-sec__body { padding: 0 .25rem 1.25rem; max-width: 46rem; }
.d-item + .d-item { margin-top: 1.1rem; }
.d-item__role { margin: 0; font-size: 1rem; color: var(--navy); }
.d-item__meta { margin: .2rem 0 .4rem; font-size: .875rem; color: var(--gold-deep); font-weight: 700; }
.d-item__text, .d-list { font-size: .9375rem; line-height: 1.55; }
.d-item__text { margin: 0; }
.d-list { margin: .3rem 0 0; padding-left: 1.15rem; }
.d-list li + li { margin-top: .3rem; }
.d-list li::marker { color: var(--gold-deep); }
.d-sec__src { margin: 1rem 0 0; font-size: .8125rem; color: var(--ink-muted); font-style: italic; }
.details__source { margin: var(--space-4) 0 0; font-size: .8125rem; color: var(--ink-muted); }