.sentient-colleague-directory {
  --scd-ink: var(--ink, #e6eef7);
  --scd-muted: var(--muted, #a4b4c7);
  --scd-accent: var(--cyan, #67dfed);
  color: var(--scd-ink);
  background: #101a29;
  border: 1px solid #304157;
  border-radius: 14px;
  padding: clamp(12px, 2.5vw, 24px);
  min-width: 0;
  overflow-wrap: anywhere;
  font-family: inherit;
  line-height: 1.55;
}
.sentient-colleague-directory *,
.sentient-colleague-directory *::before,
.sentient-colleague-directory *::after { box-sizing: border-box; min-width: 0; }
.sentient-colleague-directory h2 { margin: 0 0 12px; font-size: 1.5rem; }
.sentient-colleague-directory h3 { margin: 0 0 10px; font-size: 1.15rem; }
.sentient-colleague-directory h4 { margin: 16px 0 8px; font-size: 1rem; }
.sentient-colleague-directory p { margin: 8px 0; }
.sentient-colleague-directory .scd-note { color: #edc982; border-left: 3px solid #b68b42; padding-left: 12px; }
.sentient-colleague-directory .scd-field { color: var(--scd-muted); white-space: pre-wrap; }
.sentient-colleague-directory strong { color: var(--scd-ink); font-weight: 600; }
.sentient-colleague-directory a { color: var(--scd-accent); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.sentient-colleague-directory :focus-visible { outline: 3px solid var(--scd-accent); outline-offset: 3px; }
.sentient-colleague-directory .scd-filters { display: grid; gap: 12px; margin: 24px 0 12px; align-items: end; }
.sentient-colleague-directory label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; }
.sentient-colleague-directory input,
.sentient-colleague-directory select,
.sentient-colleague-directory button { width: 100%; max-width: 100%; border: 1px solid #53667f; border-radius: 7px; background: #152337; color: var(--scd-ink); font: inherit; padding: 10px; }
.sentient-colleague-directory button { cursor: pointer; white-space: normal; }
.sentient-colleague-directory button:hover { background: #223751; }
.sentient-colleague-directory .scd-count { color: var(--scd-muted); margin: 12px 0 20px; }
.sentient-colleague-directory .scd-people { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.sentient-colleague-directory .scd-person-card { border: 1px solid #35475f; border-radius: 10px; padding: 16px; background: #131f30; }
.sentient-colleague-directory .scd-details { margin-top: 16px; border-top: 1px solid #35475f; padding-top: 12px; }
.sentient-colleague-directory summary { cursor: pointer; color: var(--scd-ink); font-weight: 600; white-space: normal; }
.sentient-colleague-directory .scd-evidence,
.sentient-colleague-directory .scd-team { margin-top: 14px; padding: 12px; border-left: 2px solid #465e7c; }
.sentient-colleague-directory .scd-empty { padding: 16px 0; color: var(--scd-muted); }
.sentient-colleague-directory [hidden] { display: none !important; }
@media (min-width: 800px) {
  .sentient-colleague-directory .scd-filters { grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 1fr); }
  .sentient-colleague-directory .scd-people { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 400px) {
  .sentient-colleague-directory .scd-person-card { padding: 12px; }
  .sentient-colleague-directory .scd-evidence,
  .sentient-colleague-directory .scd-team { padding: 8px; }
}