/* Only the alarm connection comparison. Stacks naturally on narrow screens. */
.alarm-call-path { margin-block: 30px; scroll-margin-top: 28px; }
.alarm-call-path h3 { font-size: 1.35rem; line-height: 1.4; margin: 0 0 16px; }
.alarm-parts { margin-block: 24px; border-block: 1px solid var(--line); }
.alarm-parts > div { display: grid; grid-template-columns: minmax(135px, .8fr) minmax(0, 2fr); gap: 24px; padding: 20px 0; }
.alarm-parts > div + div { border-top: 1px solid var(--line); }
.alarm-parts dt { color: var(--ink); font-weight: 700; line-height: 1.5; }
.alarm-parts dd { margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.7; }
.alarm-parts dd span { display: block; margin-top: 8px; }
.alarm-parts dd strong { color: var(--ink); font-weight: 600; }
@media (max-width: 600px) {
  .alarm-parts > div { grid-template-columns: 1fr; gap: 8px; }
}