*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface-base);color:var(--text-primary);font:var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);color:var(--text-primary);text-wrap:balance}
p{margin:0;text-wrap:pretty}
img,video{display:block;max-width:100%;height:auto}
hr{border:0;border-top:var(--rule);margin:var(--block-y) 0}
::selection{background:var(--yellow-500);color:var(--text-on-accent)}
a{color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-strong);transition:var(--transition-ui)}
a:hover{color:var(--yellow-500);border-bottom-color:var(--yellow-500)}
a:active{color:var(--yellow-600);border-bottom-color:var(--yellow-600)}
small{font-size:var(--size-body-s);color:var(--text-secondary-sm)}
figure{margin:0}
table{border-collapse:collapse}

/* Messa a fuoco: anello a due tratti, Manuale cap. 18.
   Su fondo bianco il giallo da solo è invisibile (1,28:1). Il tratto nero esterno lo
   rende visibile sul chiaro; il giallo lo rende visibile sullo scuro. Un anello solo,
   che funziona su qualunque superficie. `outline:none` è compensato dal box-shadow. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
outline:var(--focus-ring-width) solid var(--focus-ring);
outline-offset:var(--focus-ring-offset);
box-shadow:0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width) + 1px) var(--focus-ring-outer)
}

/* Il testo giallo su fondo bianco è vietato: 1,28:1, illeggibile (Manuale cap. 18).
   Il Giallo Segnale è colore da campitura e da segno; quando porta testo sopra,
   il testo è Nero Field. Questa classe è il modo corretto di usarlo. */
.fa1-su-giallo{background:var(--yellow-500);color:var(--text-on-accent)}

/* Le pagine di servizio (terza categoria, 2 agosto 2026): stessi colori e stessa
   tipografia delle pagine ordine, senza l'obbligo del vuoto generoso. Sono fatte
   per essere usate, non guardate. */
[data-superficie="servizio"]{--section-y:var(--space-9)}