/* ==========================================================================
   BASE — reset, accessibilità, contenitore (prototipo: style.css righe 37-59)
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--sb-space-0);
  color: var(--sb-text);
  font-family: var(--sb-sans);
  font-size: 1.0625rem;
  line-height: 1.6;
  font-variation-settings: "wdth" 100;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
/* GeneratePress dà ai link un grigio scuro su :hover/:focus, invisibile sui fondi blu: il link resta del colore del suo contesto */
a:hover, a:focus, a:active { color: inherit; }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
/* GeneratePress dà alle citazioni bordo, rientro, corsivo e corpo più grande */
blockquote { padding: 0; border: 0; font-size: inherit; font-style: normal; }
:focus-visible { outline: 2px solid var(--sb-gold-lt); outline-offset: 4px; border-radius: 2px; }

.sb-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sb-skip { position: absolute; left: 16px; top: -60px; z-index: 100; padding: 10px 16px; background: var(--sb-gold-lt); color: var(--sb-space-0); font-weight: 600; text-decoration: none; }
.sb-skip:focus { top: 16px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0s !important; animation: none !important; }
}