/* guide.css — stile condiviso delle pagine editoriali (guide + chi siamo).
   Riusa i token e l'header/footer della vetrina; aggiunge la tipografia
   d'articolo (colonna leggibile ~68 caratteri, gerarchia serif/sans). */
:root{
  --indaco:#2E2A5E; --indaco-scuro:#1C1940; --indaco-notte:#12102b;
  --surface-1:#171436; --surface-2:#1C1940; --bordo:#322d63; --hairline:#3a3573;
  --oro:#B8860B; --oro-chiaro:#E3B341; --carta:#F5F2E9;
  --testo:#EDEAF7; --testo-dim:#B9B4D6;
  --pos:#34d399; --neg:#f87171;
  --font-display:'Cinzel',Georgia,serif;
  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-sans);background:var(--indaco-notte);color:var(--testo);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.num{font-variant-numeric:tabular-nums}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
a{color:var(--oro-chiaro)}

/* header / footer identici alla vetrina */
header{padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
.brand .mark{width:30px;height:30px;flex:0 0 auto;display:block}
.brand .wordmark{font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:.14em;color:var(--carta)}
.brand .wordmark .sep{color:var(--oro-chiaro);margin:0 .12em}
.navwrap{display:flex;align-items:center;gap:6px}
.hdr-actions{display:flex;align-items:center;gap:6px}
nav a{color:var(--testo-dim);text-decoration:none;margin-left:16px;font-size:.95rem;display:inline-block;padding:10px 4px}
nav a:hover{color:var(--oro-chiaro)}
.btn-nav-app{margin-left:16px;padding:9px 16px;border-radius:9px;background:linear-gradient(160deg,var(--oro-chiaro),var(--oro));color:#1a1502;font-weight:600;font-size:.88rem;text-decoration:none;display:inline-block;white-space:nowrap}
footer{border-top:1px solid var(--bordo);margin-top:72px;padding:34px 0 56px}
footer p{color:var(--testo-dim);font-size:.82rem;margin-top:10px;max-width:820px}
footer a{color:var(--oro-chiaro)}

/* colonna d'articolo */
.article{max-width:720px;margin:0 auto;padding:22px 0 8px}
.crumbs{font-size:.82rem;color:var(--testo-dim);margin-bottom:20px}
.crumbs a{color:var(--testo-dim);text-decoration:none}
.crumbs a:hover{color:var(--oro-chiaro)}
.article h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.14;letter-spacing:-.01em;color:var(--carta)}
.article .dek{margin-top:16px;font-size:1.12rem;color:var(--testo-dim)}
.article .meta{margin-top:16px;padding-bottom:20px;border-bottom:1px solid var(--bordo);font-size:.85rem;color:var(--testo-dim)}
.article h2{font-family:var(--font-display);font-weight:600;font-size:1.5rem;margin:44px 0 4px;color:var(--carta);letter-spacing:.005em}
.article h2::after{content:"";display:block;width:44px;height:2px;margin-top:10px;background:linear-gradient(90deg,var(--oro),transparent)}
.article h3{font-size:1.14rem;font-weight:600;margin:30px 0 2px;color:var(--testo)}
.article p{margin-top:15px;font-size:1.05rem;color:var(--testo)}
.article ul,.article ol{margin:14px 0 0 1.15em;color:var(--testo)}
.article li{margin-top:8px;font-size:1.05rem}
.article strong{color:var(--carta)}
.article .lead{font-size:1.12rem}
.callout{margin:26px 0;padding:18px 20px;border:1px solid var(--hairline);border-left:3px solid var(--oro);border-radius:10px;background:var(--surface-1)}
.callout p{margin-top:0}
.callout p+p{margin-top:10px}
table.dati{width:100%;border-collapse:collapse;margin:22px 0;font-size:.95rem}
table.dati th,table.dati td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--bordo)}
table.dati thead th{background:var(--indaco);color:var(--carta);font-weight:600;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase}
table.dati td.num{text-align:right;font-variant-numeric:tabular-nums}
table.dati tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
.cta-box{margin:40px 0 0;padding:26px;border:1px solid var(--hairline);border-radius:14px;background:
  radial-gradient(ellipse 80% 120% at 15% 0%, rgba(46,42,94,.6), transparent), var(--surface-2)}
.cta-box h2{margin-top:0}
.cta-box h2::after{display:none}
.btn-primary{display:inline-block;margin-top:16px;padding:12px 22px;border-radius:9px;border:none;background:linear-gradient(160deg,var(--oro-chiaro),var(--oro));color:#1a1502;font-weight:600;font-size:.98rem;text-decoration:none}
.btn-primary:hover{filter:brightness(1.07)}
.faq-q{font-weight:600;color:var(--carta);margin-top:22px}
.correlate{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.correlate a{color:var(--oro-chiaro);text-decoration:none}
.correlate a:hover{text-decoration:underline}
@media(max-width:640px){
  nav{display:none}
  .article h1{font-size:1.7rem}
}