/* Identical image frames on both Insight archives and their article pages. */
body .archive > :is(.wrap, .insight-wrap) {
  width: min(calc(100% - 40px), 1060px);
  margin-inline: auto;
}
body .archive .article { padding-inline: 58px; }
.insight-card > img,
.article img.article-cover,
.article .event-gallery-grid img {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: var(--insight-image-position, center);
  border-radius: 2px;
}
.insight-card > img { margin: 0 0 20px; }
/* Posters and graphics retain all their lettering in the same image frame. */
:is(.article, .insight-card) img[src*="sartoriale-roma-locandina"],
:is(.article, .insight-card) img[src*="fespa-italia-logatek"],
:is(.article, .insight-card) img[src*="insight-victanova-cresce"] {
  object-fit: contain;
  background: #f5f5f7;
}
:is(.article, .insight-card) img[src*="evento-inclusione-2026-09-26"] { --insight-image-position: center top; }
:is(.article, .insight-card) img[src*="sartoriale-roma-incontro"] { --insight-image-position: center 25%; }
:is(.article, .insight-card) img[src*="sartoriale-roma-tavolo"] { --insight-image-position: center 45%; }
:is(.article, .insight-card) img[src*="incontro-istituzionale-senato"] { --insight-image-position: center 75%; }
@media (max-width: 700px) {
  body .archive .article { padding-inline: 25px; }
}
@media (max-width: 400px) {
  body .archive .article { padding-inline: 20px; }
}