/* Read-only people workspace; scoped away from operational roster and print. */
#studioPeople { margin: 0 0 28px; padding: 24px 0; border-block: 1px solid var(--studio-ui-line, #dedfd6); color: var(--studio-ui-ink, #29312f); font: 16px/1.65 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang HK', sans-serif; }
#studioPeople[hidden], #studioPeople [hidden], .sp-drawer[hidden] { display: none !important; }
#studioPeople h2 { font-size: 24px; margin-bottom: 12px; }
#studioPeople .sp-toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 18px; }
#studioPeople :is(button, input), .sp-drawer button { min-height: 44px; font: inherit; border-radius: 10px; }
#studioPeople button, .sp-drawer button { color: var(--studio-ui-ink, #29312f); background: var(--studio-ui-surface, #fffefa); border: 1px solid var(--studio-ui-line, #dedfd6); box-shadow: none; padding: 10px 14px; cursor: pointer; transform: none; }
#studioPeople .sp-toolbar button[aria-pressed='true'] { background: var(--studio-ui-accent-soft, #ffece5); border-color: var(--studio-ui-accent, #b43e2e); color: var(--studio-ui-accent, #b43e2e); }
#studioPeople a { color: var(--studio-ui-accent, #b43e2e); text-underline-offset: 4px; margin-left: auto; }
#studioPeople .sp-filter { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#studioPeople input { flex: 1; min-width: 180px; color: inherit; background: var(--studio-ui-surface, #fffefa); border: 1px solid var(--studio-ui-line, #dedfd6); padding: 10px 12px; }
#studioPeople .sp-summary { margin: 12px 0; }
#studioPeople .sp-lanes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: start; }
#studioPeople .sp-lane { min-width: 0; border-top: 4px solid var(--studio-ui-accent-edge, #e1b4a6); padding-top: 12px; }
#studioPeople .sp-lane[data-lane='review'] { border-top-style: double; border-top-color: var(--studio-ui-muted, #606962); }
#studioPeople .sp-lane h3 { font-size: 17px; margin-bottom: 12px; }
#studioPeople ul { margin: 0; padding: 0; list-style: none; max-height: 580px; overflow: auto; }
#studioPeople li { border-bottom: 1px solid var(--studio-ui-line, #dedfd6); }
#studioPeople .sp-person { display: block; width: 100%; padding: 16px 8px; background: transparent; border: 0; border-radius: 0; text-align: left; overflow-wrap: anywhere; font-weight: 650; }
#studioPeople .sp-person:hover { background: var(--studio-ui-accent-soft, #ffece5); }
#studioPeople .sp-person :is(span, small) { display: block; font-size: 16px; font-weight: 400; color: var(--studio-ui-muted, #606962); margin-top: 3px; }
.sp-note { font-size: 16px; line-height: 1.65; color: var(--studio-ui-muted, #606962); margin-top: 12px; }
.sp-drawer { box-sizing: border-box; position: fixed; inset: 0 0 0 auto; margin: 0; width: min(540px, 100%); max-width: 100%; height: 100dvh; max-height: 100dvh; border: 0; border-left: 1px solid var(--studio-ui-line, #dedfd6); padding: 28px; overflow: auto; background: var(--studio-ui-surface, #fffefa); color: var(--studio-ui-ink, #29312f); font: 16px/1.65 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang HK', sans-serif; box-shadow: -16px 0 60px #29312f26; }
.sp-drawer:not([open]) { display: none !important; }
.sp-drawer::backdrop { background: #29312f66; }
.sp-drawer h2 { font-size: 28px; margin: 24px 0; overflow-wrap: anywhere; }
.sp-drawer dl { display: grid; grid-template-columns: 1fr; }
.sp-drawer dt { color: var(--studio-ui-muted, #606962); margin-top: 18px; }
.sp-drawer dd { margin: 0; font-size: 18px; overflow-wrap: anywhere; white-space: pre-wrap; }
#studioPeople :is(button, input, a):focus-visible, .sp-drawer button:focus-visible { outline: 3px solid var(--studio-ui-ink, #29312f); outline-offset: 3px; }
@media (max-width: 1000px) { #studioPeople .sp-lanes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { #studioPeople .sp-lanes { grid-template-columns: 1fr; } #studioPeople .sp-filter label { width: 100%; } #studioPeople a { margin-left: 0; } .sp-drawer { padding: 22px; } }
@media (prefers-reduced-motion: reduce) { #studioPeople *, .sp-drawer * { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }
@media print { #studioPeople, .sp-drawer { display: none !important; } }