@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,500;8..60,600;8..60,700&family=Source+Sans+3:wght@400;600;700&display=swap');
/* Identità visiva unica di It.ally, DEC-168 del 2026-11-11 (proposta «Rapporto annuale»):
   titoli Source Serif 4, testo Source Sans 3; navy #122236 per le superfici scure,
   navy #122236 solo per le superfici scure, blu #0B2572 per titoli, testi in evidenza e collegamenti su fondo chiaro, giallo #FFBC04 solo per i pulsanti,
   carta #F5F4F0, inchiostro #1E2A3A, bianco. Pulsanti con angoli di 8 px. */
:root {
  --font-serif: 'Source Serif 4', Georgia, serif;
  --font-sans: 'Source Sans 3', 'Segoe UI', system-ui, sans-serif;
  --navy: #0B2572; --navy-deep: #122236; --navy-mid: #122236;
  --ink: #1E2A3A; --ink-2: #3B4656;
  --bg: #FFFFFF; --bg-tint: #F5F4F0; --line: #E3E1DA;
  --cta: #FFBC04; --cta-hover: #E5A800; --cta-ink: #122236; --cta-glow: rgba(255, 188, 4, 0.30);
  --radius-pill: 8px;
}
/* Aggiunte per scopri.itallyonline.eu: sopra index.css, niente ridefinizioni dei token. */
.content-block p, .content-block li { font-size: 1.04rem; line-height: 1.75; }
.content-block h2 { font-size: 1.5rem; }
.content-block h3 { font-size: 1.15rem; }
.content-block ol { margin: 0.75rem 0 1.25rem 1.5rem; list-style: decimal; }
.content-block ol li { color: var(--ink-2); margin-bottom: 0.4rem; }
.content-block blockquote { border-left: 4px solid var(--cta); padding: 0.25rem 0 0.25rem 1.25rem; margin: 1.5rem 0; color: var(--ink-2); font-style: italic; }
.content-block code { font-family: var(--font-mono); font-size: 0.9em; background: var(--bg-tint); padding: 0.1em 0.35em; border-radius: 4px; }
.tabella { overflow-x: auto; margin: 1.25rem 0 1.75rem; }
.tabella table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.tabella th, .tabella td { text-align: left; padding: 0.65rem 0.75rem; border-bottom: 1px solid var(--line); vertical-align: top; }
.tabella th { background: var(--bg-tint); color: var(--navy); font-weight: 600; }
.glossario { list-style: none; margin: 1.25rem 0 0 0; padding: 0; counter-reset: voce; }
.glossario li { padding: 0.9rem 0; border-bottom: 1px solid var(--line); font-size: 1rem; color: var(--ink-2); }
.glossario li a { color: var(--navy); text-decoration: none; }
.glossario li a:hover { text-decoration: underline; }
.nota-pagina { margin-top: 2.5rem; font-size: 0.85rem; color: var(--ink-muted); border-top: 1px solid var(--line); padding-top: 1rem; }
.faq-list { margin-top: 1.5rem; }
.faq-a p { padding: 0 0 1rem; font-size: 1rem; }
.faq-a ul { margin-bottom: 1rem; }
.segnaposto { background: #FFF4D6; border: 1px dashed var(--cta-hover); border-radius: 8px; padding: 0.75rem 1rem; color: var(--cta-ink); font-size: 0.95rem; }
.page-hero p { font-size: 1.15rem; }
/* Pagina di campagna (DEC-163): 2 pulsanti in testata, il secondo chiaro su fondo scuro. */
.hero-azioni { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.75rem; }
.btn-ghost-chiaro { border: 1.5px solid rgba(255, 255, 255, 0.6); color: #fff; background: transparent; }
.btn-ghost-chiaro:hover { background: rgba(255, 255, 255, 0.12); }

/* Grafica di www: testata, titoli, pulsanti, fasce, piè di pagina */
body { background: #fff; color: var(--ink); }
h1, h2, h3, h4 { font-family: var(--font-serif); font-weight: 600; color: #0B2572; letter-spacing: 0; }
.topbar { display: none; }
header { background: #122236; border-bottom: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.brand small { color: #8FA3B8; font-family: var(--font-sans); }
.nav-links a { color: #8FA3B8; font-weight: 600; }
.nav-links a:hover, .nav-links a.active { color: #fff; }
.nav-toggle { color: #fff; }
.btn { font-weight: 600; }
.btn-cta, .btn-cta:hover { color: #122236; }
.btn-navy { background: #122236; }
.page-hero { background: #122236; }
.page-hero::after { background: #fff; }
.page-hero h1 { color: #fff; }
.page-hero .eyebrow { color: #FFBC04; }
.cta-band { background: #FFBC04; box-shadow: none; }
.cta-band::before { display: none; }
.cta-band h2, .cta-band p { color: #122236; }
footer { background: #122236; }
.footer-col a:hover { color: #FFC94D; }
.content-block h2, .content-block h3 { color: #0B2572; }
.content-block a { color: #0B2572; text-decoration: underline; text-decoration-color: #FFBC04; text-underline-offset: 3px; }
.tabella th { background: #f5f4f0; color: #0B2572; }
.eyebrow, .breadcrumb { font-family: var(--font-sans); }