/* Page-specific rules for /architecture/: wider diagram frames, lifelines and notes for the two sequence diagrams.
   Every colour is a token, so the drawings follow the light and dark themes. */
.diagram--wide svg { min-width: 56rem; }
.d-life { fill: none; stroke: var(--border-strong); stroke-width: 1.5; stroke-dasharray: 3 5; }
.d-bg { paint-order: stroke; stroke: var(--surface); stroke-width: 6px; stroke-linejoin: round; }
.d-note { fill: var(--accent-soft); stroke: var(--accent); stroke-width: 1.25; }
.d-note-text { fill: var(--accent-soft-fg); font-size: 14px; }