/* ZioGio V10 - intervento minimo su contrasto e tap target. */
/* Testi chiari su superfici crema: rapporto di contrasto rafforzato. */
.listing-card .meta, .listing-card p, .article-meta,
.cover figcaption, .utility-text { color:#53616b; }
/* Le parole bianche sui pulsanti corallo non raggiungevano il contrasto AA. */
.search button, .hero .cta, .hero .category-label,
.results-form button { background-color:#ac3527; color:#fff; }
.search button:hover, .hero .cta:hover, .hero .category-label:hover,
.results-form button:hover { background-color:#90291e; }
/* Link e bottoni: elementi piccoli ma piu' agevoli da usare al tocco. */
.utilities .utility { min-width:44px; min-height:44px; justify-content:center; }
.footer-inner a:not(.brandmark) { min-height:36px; display:flex; align-items:center; }
.pagination a, .outline-link, .section-link { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.guide-link { min-height:44px; }
.search button, .results-form button { min-height:44px; }
.nav a { min-height:44px; display:inline-flex; align-items:center; }
/* Evidenzia chiaramente il focus per chi naviga con tastiera. */
a:focus-visible, button:focus-visible, input:focus-visible {
 outline:3px solid #ac3527; outline-offset:3px;
}
@media(max-width:760px) {
 /* Area tappabile del menu e dei collegamenti istituzionali. */
 .utility { min-width:44px; min-height:44px; }
 .footer-inner a:not(.brandmark) { min-height:44px; }
 .breadcrumbs a { min-height:36px; display:inline-flex; align-items:center; }
 .category-label { padding:6px 3px; margin:-6px -3px; }
 .hero .category-label { padding:9px 10px; margin:0; }
 .side-news .category-label { padding:7px 3px; }
 .hero .cta { min-height:44px; display:inline-flex; align-items:center; }
}