/* The four structure diagrams: two per row, one on narrow screens. */
.diagramas p { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 1.5em 0; }
.diagramas img { width: 100%; height: auto; border: 1px solid var(--line); }
@media (max-width: 520px) { .diagramas p { grid-template-columns: 1fr; } }