.creative-note { font-size: 0.875rem; line-height: 1.5; }
.creative-detail { min-width: 0; border-block: 1px solid var(--divider); }
.creative-detail summary { padding: 1.25rem 0; color: var(--swiss-red); font-weight: 600; cursor: pointer; transition: color var(--duration) var(--ease); }
.creative-detail > div { display: grid; gap: 1.5rem; padding-bottom: 1.5rem; }
.creative-detail > div > p { max-width: 44rem; }
.creative-step { display: grid; gap: 1.5rem; }
@media (hover: hover) { .creative-detail summary:hover { color: var(--swiss-red-hover); } }
.creative-detail summary:active { color: var(--swiss-red-hover); }
@media (prefers-reduced-motion: reduce) { .creative-detail summary { transition: none; } }