/*
 * Styles for js/round-people.js: the "Who's involved" panel on each funding
 * round. Everything here is scoped to the feature: the .round-people details
 * element markets.js adds to each card for it, and the .rp- classes the
 * script renders. Colours are the design's tokens, so light and dark themes
 * follow [data-theme=dark] by themselves. Type follows the round card: 12px
 * Arial in --muted for the supporting lines, --ink for names, Barlow for the
 * lead firm, the design's .micro label for each block.
 */

/* The disclosure itself: a quiet line under "Led by", like the card's own. */
.round-people{margin:-4px 0 16px}
.round-people>summary{display:inline-flex;align-items:center;gap:8px;min-height:32px;cursor:pointer;list-style:none;font-size:12px;line-height:1.5;color:var(--muted);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:4px}
.round-people>summary::-webkit-details-marker{display:none}
.round-people>summary::after{content:"+";display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid var(--rule);border-radius:50%;font-size:11px;line-height:1;text-decoration:none;color:var(--ink)}
.round-people[open]>summary::after{content:"\2212"}
.round-people>summary:hover{color:var(--ink);text-decoration-color:currentColor}

/* The panel. */
.rp{border-top:1px solid var(--rule);margin-top:10px;padding-top:16px;display:grid;gap:18px;font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.rp ul{list-style:none;margin:0;padding:0}
.rp-block{display:grid;gap:9px;min-width:0}
.rp-label{margin:0;font:600 10px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rp-leads{display:grid;gap:14px}
.rp-lead{display:grid;gap:6px;min-width:0}
.rp-firm{font:600 24px/1 var(--display,var(--sans));letter-spacing:-.01em;color:var(--ink)}
.rp-partners,.rp-people{display:grid;gap:10px}
.rp-partners{border-left:1px solid var(--rule);padding:2px 0 2px 12px;margin-top:2px}
.rp-person{display:grid;gap:3px;min-width:0}
.rp-line{color:var(--muted)}
.rp-name{font-size:13px;font-weight:600;color:var(--ink)}
.rp-meta{color:var(--muted)}
.rp-evidence{display:block;font-size:11px;line-height:1.45;color:var(--muted);font-style:italic;max-width:62ch;opacity:.92}
.rp ul.rp-chips{display:block;color:var(--ink);font-size:13px;line-height:1.6;max-width:70ch}
.rp-chip{display:inline}
.rp-sep{color:var(--muted)}
.rp-kind{font-size:11px;color:var(--muted)}
.rp-note{margin:0;padding:8px 0 8px 12px;border-left:2px solid var(--rule);color:var(--ink);font-size:12px;max-width:62ch}
.rp-status{margin:14px 0 2px;font-size:12px;color:var(--muted);animation:rp-breathe 1.6s ease-in-out infinite}
.rp-source{margin:0;font-size:11px}
.rp-source a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:4px}
.rp-source a:hover{color:var(--ink);text-decoration-color:currentColor}
@keyframes rp-breathe{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.rp-status{animation:none}}

@media(max-width:800px){
  .round-people>summary{min-height:44px;font-size:12px}
  .rp{gap:16px}
  .rp-firm{font-size:22px}
  .rp-name{font-size:14px}
  .rp-chips{font-size:13px}
}