/* Accessibilità WCAG 2.2 AA — ottobre 2026.
   Caricato per ultimo da ogni pagina: sovrascrive senza toccare gli altri CSS. */

/* 2.4.1 Salta al contenuto */
.skip-link{position:absolute;left:12px;top:-200px;z-index:1000;background:#fff;color:#17191a;border:2px solid #b13a32;padding:14px 20px;font:600 14px/1.2 "Helvetica Neue",Arial,sans-serif;letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px}
.skip-link:focus{top:12px}
main:focus,main:focus-visible{outline:none}

/* 2.4.7 Focus visibile: rosso su avorio (5,33:1), bianco su inchiostro (17,6:1) */
:focus-visible{outline:3px solid #b13a32;outline-offset:3px}
.dark :focus-visible,.site-header :focus-visible,.legal-header :focus-visible,.article-conclusion :focus-visible,footer :focus-visible,.skip-link:focus-visible{outline-color:#fff}
.skip-link:focus-visible{outline-color:#17191a}

/* 2.4.11 Focus non oscurato: l'header è fisso (92px, 76px su mobile) */
html{scroll-padding-top:112px}
@media(max-width:1000px){html{scroll-padding-top:96px}}

/* 1.4.1 I link dentro ai testi si riconoscono senza il colore */
main p a:not(.button):not(.text-link):not(.book-buy):not(.book-main),
main li a,
.legal-intro a,
.contact small a,
.privacy-links a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* 2.5.8 Dimensione minima dei bersagli (24px) */
.social-links a{min-height:24px}
.text-link,.book-buy{min-height:24px}
.company-grid a{display:inline-block;padding:5px 0}
.article-list a{padding:5px 0}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:24px}
.privacy-links a{display:inline-block;min-height:24px;line-height:24px}

/* Etichette non più sotto gli 11px */
.brand span,
figcaption,
.article-list span,.article-list a,
.book>a>span,
.contact-paths span,
.social-links a,
.timeline{font-size:11px}

/* Solo testo per assistive technology */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Titoli dei libri nell'indice: h2 con lo stesso aspetto che avevano da h3 */
.book h2{font-family:var(--serif);font-size:2.15rem;line-height:1.05;font-weight:400;letter-spacing:normal;margin:14px 0}

/* 2.3.3 Movimento ridotto */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
  .book:hover .cover,.expertise:hover>img,.company-grid article:hover .company-photo img{transform:none}
}

/* ===== Revisione grafica 24/10/2026: leggibilità delle etichette e dei testi di servizio =====
   Stesso linguaggio (avorio, inchiostro, un rosso, Georgia), ma nessun testo sotto i 12px. */
.brand span{font-size:11px}
.site-header nav{font-size:13px}
.eyebrow,.story-index,.timeline{font-size:12px}
figcaption,.book>a>span,.article-list span,.article-list a,.contact-paths span,.social-links a,.text-link,.book b,.book-buy,.company-grid a,.company-grid article>span,.missing,.company-photo,.outdoor-placeholder{font-size:12px}
.contact-paths small{font-size:13px}
.numbers span,footer p,footer>a:last-child{font-size:13px}
.method-copy li{font-size:14px}
.article-meta,.article-table thead th,.technical-note span{font-size:.8125rem}
.article-layout aside>p{font-size:.8125rem}
.book-author{font-size:12px}
.legal-block h2{font-size:.8125rem}
.expertise p{font-size:15px}
/* Elenchi e corpo: un filo più di respiro nelle righe lunghe */
.grid-intro p:last-child,.books-head p:last-child,.journey-grid p,.company-grid p,.contact p{line-height:1.65}
/* Link e pulsanti: bersaglio minimo comodo anche al tocco */
.article-list a,.text-link,.book b,.book-buy,.company-grid a{display:inline-block;padding-block:6px}
@media(max-width:650px){
  .eyebrow{font-size:12px;letter-spacing:.16em}
  .social-links a{padding-block:8px}
}