/* UltraSolar — stili blog (guide geolocalizzate). Usa le variabili del sito. */
.blog-hero{padding:120px 5% 48px;background:linear-gradient(180deg,var(--surface,#F8FAFC) 0%,#fff 100%);border-bottom:1px solid var(--border,#E2E8F0)}
.blog-hero-inner{max-width:820px;margin:0 auto}
.blog-hero .blog-cat{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sun-dark,#C2410C);background:var(--sun-light,#FED7AA);padding:5px 12px;border-radius:50px;margin-bottom:16px}
.blog-hero h1{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.18;font-weight:800;color:var(--night,#0F172A);margin-bottom:16px}
.blog-hero .blog-lead{font-size:1.08rem;line-height:1.7;color:var(--slate,#334155)}
.blog-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:18px;font-size:.85rem;color:var(--muted,#64748B)}
.blog-crumbs{max-width:820px;margin:0 auto;padding:14px 5% 0;font-size:.82rem;color:var(--muted,#64748B)}
.blog-crumbs a{color:var(--sky-dark,#0369A1);text-decoration:none}
.blog-wrap{max-width:820px;margin:0 auto;padding:28px 5% 56px}
.blog-toc{background:var(--surface,#F8FAFC);border:1px solid var(--border,#E2E8F0);border-radius:var(--radius-sm,10px);padding:18px 22px;margin:0 0 32px}
.blog-toc strong{display:block;font-family:'Sora',sans-serif;font-size:.9rem;margin-bottom:8px}
.blog-toc ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.blog-toc a{color:var(--sky-dark,#0369A1);text-decoration:none;font-size:.92rem}
.blog-body{font-size:1.04rem;line-height:1.8;color:var(--slate,#334155)}
.blog-body h2{font-family:'Sora',sans-serif;font-size:1.5rem;line-height:1.3;color:var(--night,#0F172A);margin:40px 0 14px;scroll-margin-top:90px}
.blog-body h3{font-family:'Sora',sans-serif;font-size:1.15rem;color:var(--night,#0F172A);margin:28px 0 10px}
.blog-body p{margin:0 0 16px}
.blog-body ul,.blog-body ol{margin:0 0 18px;padding-left:24px}
.blog-body li{margin-bottom:8px}
.blog-body a{color:var(--sky-dark,#0369A1)}
.blog-body strong{color:var(--night,#0F172A)}
.blog-body table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:.93rem;display:block;overflow-x:auto}
.blog-body th,.blog-body td{border:1px solid var(--border,#E2E8F0);padding:10px 12px;text-align:left;vertical-align:top}
.blog-body th{background:var(--surface,#F8FAFC);color:var(--night,#0F172A);font-weight:700}
.blog-body .box{background:#FFF7ED;border-left:4px solid var(--sun,#F97316);border-radius:8px;padding:16px 18px;margin:22px 0}
.blog-body .box-info{background:#F0F9FF;border-left-color:var(--sky,#0EA5E9)}
.blog-body .note{font-size:.88rem;color:var(--muted,#64748B)}
.blog-inline-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:var(--night,#0F172A);color:#fff;border-radius:var(--radius,16px);padding:22px 24px;margin:34px 0}
.blog-inline-cta p{margin:0;color:rgba(255,255,255,.85);font-size:1rem;line-height:1.5;flex:1 1 260px}
.blog-inline-cta strong{color:#fff}
.blog-inline-cta a{background:var(--sun,#F97316);color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:50px;white-space:nowrap}
.blog-faq{margin-top:40px}
.blog-faq h2{font-family:'Sora',sans-serif;font-size:1.5rem;color:var(--night,#0F172A);margin-bottom:12px}
.blog-faq details{border:1px solid var(--border,#E2E8F0);border-radius:var(--radius-sm,10px);padding:14px 18px;margin-bottom:10px;background:#fff}
.blog-faq summary{cursor:pointer;font-weight:600;color:var(--night,#0F172A)}
.blog-faq details p{margin:10px 0 0;line-height:1.7;color:var(--slate,#334155)}
.blog-sources{margin-top:34px;font-size:.85rem;color:var(--muted,#64748B);border-top:1px solid var(--border,#E2E8F0);padding-top:16px}
.blog-sources ul{padding-left:18px;margin-top:6px}
.blog-sources a{color:inherit}
.blog-related{margin-top:34px}
.blog-related h2{font-family:'Sora',sans-serif;font-size:1.2rem;color:var(--night,#0F172A);margin-bottom:12px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.blog-card{display:flex;flex-direction:column;border:1px solid var(--border,#E2E8F0);border-radius:var(--radius,16px);padding:20px;background:#fff;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.blog-card:hover{box-shadow:var(--shadow,0 4px 24px rgba(15,23,42,.08));transform:translateY(-2px)}
.blog-card .blog-cat{align-self:flex-start;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sun-dark,#C2410C);margin-bottom:8px}
.blog-card h3{font-family:'Sora',sans-serif;font-size:1.05rem;line-height:1.35;color:var(--night,#0F172A);margin-bottom:8px}
.blog-card p{font-size:.9rem;line-height:1.6;color:var(--slate,#334155);margin-bottom:12px;flex:1}
.blog-card span.more{font-size:.85rem;font-weight:700;color:var(--sky-dark,#0369A1)}
.blog-list-wrap{max-width:1100px;margin:0 auto;padding:32px 5% 60px}
@media (max-width:640px){.blog-hero{padding:100px 16px 36px}.blog-wrap,.blog-crumbs,.blog-list-wrap{padding-left:16px;padding-right:16px}.blog-inline-cta a{width:100%;text-align:center}}