:root { --accento: #174a7e; --spazio: 1rem; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: Arial, sans-serif; line-height: 1.6; color: #222; }
.pagina { max-width: 65rem; margin-inline: auto; padding: var(--spazio); }
.catalogo { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--spazio); }
.scheda { border: 1px solid var(--accento); padding: var(--spazio); overflow-wrap: anywhere; }
a { color: var(--accento); }
a:focus-visible { outline: 3px solid var(--accento); outline-offset: 3px; }
@media (min-width: 48rem) {
  .catalogo { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}