/* Portfolio: draw.io-style architecture diagrams, one per app */
.arch-dio {
  background: #fff;
  padding: 0;
  overflow: hidden;
  aspect-ratio: 1024 / 642; /* same shape as the cover images beside them */
  margin-bottom: 30px;
}
.arch-dio svg { display: block; width: 100%; height: 100%; }
/* phones: keep the text readable and let the diagram scroll sideways */
@media (max-width: 575.98px) {
  .arch-dio { aspect-ratio: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .arch-dio svg { min-width: 600px; height: auto; }
}