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