/* Guida Fisco facile — blog informativo indipendente · identità Gestione Pagine (blu #0066CC + arancio) · Titillium */
:root{
  --blu:#0066CC; --blu-dark:#003366; --arancio:#F57C00; --arancio-dark:#E36A00;
  --ink:#10243b; --mut:#43566b; --bg:#ffffff; --soft:#eef4fb; --line:#cfe0f2;
}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Titillium Web",-apple-system,Segoe UI,Helvetica,Arial,sans-serif;
  line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased}
a{color:var(--blu)}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
header.site{background:var(--blu);color:#fff}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;flex-wrap:wrap}
header.site .brand{font-weight:700;font-size:1.2rem;color:#fff;text-decoration:none;letter-spacing:.2px}
header.site nav a{color:#fff;text-decoration:none;font-weight:600;margin-left:18px;font-size:.98rem}
header.site nav a:hover{text-decoration:underline}
.hero{background:var(--soft);border-bottom:3px solid var(--blu)}
.hero .wrap{padding:38px 20px}
h1{font-size:2rem;font-weight:700;line-height:1.25;margin:0 0 10px;color:var(--blu-dark)}
.hero p,.lead{font-size:1.12rem;color:var(--mut);margin:0;max-width:64ch}
main .wrap{padding:34px 20px}
h2{font-size:1.4rem;font-weight:700;color:var(--blu-dark);margin:1.8em 0 .4em}
h3{font-size:1.15rem;font-weight:700;margin:1.3em 0 .3em}
p,li{font-size:1.05rem}
article p{margin:1em 0}
article ul,article ol{margin:1em 0;padding-left:1.3em}
article li{margin:.35em 0}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px}
@media(max-width:680px){.cards{grid-template-columns:1fr}}
.card{display:block;border:2px solid var(--line);border-radius:12px;padding:20px;text-decoration:none;color:var(--ink);background:#fff;transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--blu);transform:translateY(-2px)}
.card b{display:block;font-size:1.12rem;color:var(--blu-dark);margin-bottom:5px;line-height:1.3}
.card span{color:var(--mut);font-size:.98rem}
.btn{display:inline-block;background:var(--arancio);color:#101828;font-weight:700;font-size:1.05rem;
  padding:14px 26px;border-radius:12px;text-decoration:none;border:none;cursor:pointer}
.btn:hover{background:var(--arancio-dark)}
/* Banner CAIf (funnel) */
.caif{background:#fff5ec;border:2px solid var(--arancio);border-radius:14px;padding:24px;margin:32px 0;text-align:center}
.caif b{display:block;font-size:1.3rem;color:var(--ink);margin-bottom:6px}
.caif p{font-size:1.05rem;color:var(--mut);margin:0 0 16px}
.src{background:var(--soft);border:1px solid #d8e3ef;padding:15px 18px;border-radius:10px;margin:22px 0;font-size:1rem}
.spot{background:#fff7ec;border:1px solid #f0d8ad;padding:15px 18px;border-radius:10px;margin:22px 0;font-size:1rem}
.spot .tag{text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#b35a00;font-size:.78em}
.updated{color:var(--mut);font-size:.9rem;margin-top:4px}
/* Bottombar disclaimer — non-affiliazione, sempre visibile */
footer.bar{background:var(--blu-dark);color:#dfe9f5;margin-top:46px}
footer.bar .wrap{padding:24px 20px;font-size:.98rem;line-height:1.6}
footer.bar .disc{font-weight:700;color:#fff;display:block;margin-bottom:8px}
footer.bar a{color:#bcd8ff}
footer.bar .eco{display:block;margin-top:10px;font-size:.9rem;color:#9fc0ea}