/* Stile condiviso per gli articoli SEO di Sogni e Numeri */
:root{
  --oro:#9a7b2e; --oro-scuro:#6f5410; --oro-chiaro:#b8932f;
  --inchiostro:#3a2e1c; --inchiostro-soft:#5a4a35;
  --pergamena:#ece0c4; --pergamena-chiara:#f4ecd6;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Crimson Text',Georgia,serif;font-size:20px;color:var(--inchiostro);
  line-height:1.7;
  background:
    radial-gradient(circle at 18% 8%, rgba(255,250,235,.6), transparent 55%),
    radial-gradient(circle at 85% 80%, rgba(210,190,150,.25), transparent 50%),
    var(--pergamena);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--oro-scuro)}
h1,h2,h3{font-family:'Cinzel',serif;color:var(--oro-scuro);line-height:1.25}
.topbar{display:flex;align-items:center;justify-content:space-between;
  padding:1.1rem 1.2rem;max-width:820px;margin:0 auto}
.brand{display:flex;align-items:center;gap:.6rem;font-family:'Cinzel',serif;
  font-weight:700;color:var(--oro);font-size:1.1rem;letter-spacing:.06em;text-decoration:none}
.brand img{height:40px;width:auto;filter:drop-shadow(0 3px 8px rgba(80,60,35,.18))}
.nav-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;
  background:linear-gradient(135deg,var(--oro-scuro),var(--oro-chiaro));color:#fff6e2;
  font-family:'Cinzel',serif;font-weight:600;font-size:.9rem;border-radius:10px;
  text-decoration:none;box-shadow:0 4px 16px rgba(150,118,40,.3)}
article{max-width:760px;margin:0 auto;padding:1.5rem 1.2rem 3rem}
.crumb{font-size:.9rem;color:var(--inchiostro-soft);margin-bottom:1rem}
article h1{font-size:clamp(2rem,5vw,2.9rem);color:var(--oro);margin:.4rem 0 1rem;letter-spacing:.02em}
article h2{font-size:clamp(1.4rem,3.5vw,1.9rem);margin:2rem 0 .7rem}
article p{margin:0 0 1rem}
article ul{margin:0 0 1.2rem 1.4rem}
article li{margin:.3rem 0}
.lead{font-size:1.15rem;color:var(--inchiostro-soft);font-style:italic;
  border-left:4px solid var(--oro);padding-left:1rem;margin-bottom:1.6rem}
.num-table{width:100%;border-collapse:collapse;margin:1rem 0 1.6rem;
  background:rgba(244,236,214,.6);border-radius:12px;overflow:hidden}
.num-table th,.num-table td{padding:.7rem 1rem;text-align:left;border-bottom:1px solid #9a7b2e22}
.num-table th{font-family:'Cinzel',serif;color:var(--oro-scuro);background:rgba(154,123,46,.1)}
.num-table td:last-child{font-family:'Cinzel',serif;font-weight:700;color:var(--oro-scuro)}
.cta-box{text-align:center;background:
    radial-gradient(circle at 50% 0%, rgba(255,250,235,.7), transparent 70%),
    rgba(240,231,206,.85);
  border:1px solid #9a7b2e55;border-radius:18px;padding:1.8rem 1.4rem;margin:2.2rem 0}
.cta-box h3{font-size:1.35rem;margin-bottom:.6rem}
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;min-height:56px;
  padding:.85rem 2rem;background:linear-gradient(135deg,var(--oro-scuro),var(--oro-chiaro));
  color:#fff6e2;font-family:'Cinzel',serif;font-weight:700;font-size:1.1rem;
  border-radius:12px;text-decoration:none;box-shadow:0 6px 24px rgba(150,118,40,.35);margin-top:.4rem}
.related{margin-top:2.2rem;border-top:1px solid #d8c79c;padding-top:1.4rem}
.related h2{font-size:1.3rem;margin-bottom:.6rem}
.related a{display:block;padding:.5rem 0;text-decoration:none;font-family:'Cinzel',serif}
.related a:hover{color:var(--oro)}
footer{border-top:1px solid #d8c79c;margin-top:2rem;padding:2rem 1.2rem;text-align:center;
  color:var(--inchiostro-soft);font-size:.85rem;max-width:760px;margin-left:auto;margin-right:auto}
footer a{color:var(--oro-scuro);text-decoration:none}
.disclaimer{font-size:.8rem;color:#8a724a;margin-top:1rem;line-height:1.6}
@media(max-width:760px){body{font-size:18px}.topbar .brand span{display:none}}
