/* ═══════════════════════════════════════════════════════════
   disclosure.css — progressive-disclosure primitive
   AD-2026-05-13-FE-DESIGN-LANGUAGE-V2 §4 (density-tier Rule 9)
   Source of truth: asym-intel-internal:engine-assets/primitives/css/disclosure.css
   Consumers: byte-copy via render tool into _primitives.css
   ═══════════════════════════════════════════════════════════ */

.disclosure {
  position: relative;
}
.disclosure__trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--sans);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-muted);
  padding: var(--space-1) 0;
  transition: color var(--motion-fast) var(--motion-easing);
}
.disclosure__trigger:hover {
  color: var(--accent);
}
.disclosure__trigger::after {
  content: '▸';
  display: inline-block;
  transition: transform var(--motion-base) var(--motion-easing);
  font-size: 10px;
}
.disclosure[data-disclosure-state="expanded"] .disclosure__trigger::after {
  transform: rotate(90deg);
}
.disclosure__body {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height var(--motion-base) var(--motion-easing),
              opacity var(--motion-fast) var(--motion-easing);
}
.disclosure[data-disclosure-state="expanded"] .disclosure__body {
  max-height: 600px;
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .disclosure__trigger::after,
  .disclosure__body {
    transition: none;
  }
}