/* site/css/under-the-hood.css */
.arch-diagram { width: 100%; max-width: 900px; margin: var(--space-4) 0; }
.arch-col { fill: var(--bg-secondary); stroke: var(--border-color); stroke-width: 1; }
.arch-col--prod { stroke-dasharray: 4 3; }
.arch-col-label { font-size: 13px; font-weight: 700; fill: var(--text-primary); }
.arch-box { fill: var(--bg-primary); stroke: var(--accent); stroke-width: 1; }
.arch-box-label { font-size: 11px; fill: var(--text-primary); }
.arch-no-link { font-size: 11px; font-style: italic; fill: var(--text-secondary); }
.arch-flow { stroke: var(--border-strong); stroke-width: 1.5; }
.arch-box--data { fill: var(--accent-quiet); }
.arch-box--ext { fill: var(--bg-tertiary); stroke: var(--border-color); }

/* Incident post-mortems (section 3) reuse .callout from shell.css */
.callout--flagship { border-left-width: 5px; padding: var(--space-4); }