/* Blog informativo over-60 · 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:20px}            /* OVER-60: base grande */
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Titillium Web",-apple-system,Segoe UI,Helvetica,Arial,sans-serif;
  line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased}
a{color:var(--blu)}
.wrap{max-width:860px;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:18px 20px;flex-wrap:wrap}
header.site .brand{font-weight:700;font-size:1.25rem;color:#fff;text-decoration:none;letter-spacing:.2px}
header.site nav a{color:#fff;text-decoration:none;font-weight:600;margin-left:20px;font-size:1.05rem}
header.site nav a:hover{text-decoration:underline}
.hero{background:var(--soft);border-bottom:3px solid var(--blu)}
.hero .wrap{padding:40px 20px}
h1{font-size:2.1rem;font-weight:700;line-height:1.25;margin:0 0 10px;color:var(--blu-dark)}
.hero p{font-size:1.2rem;color:var(--mut);margin:0;max-width:62ch}
main .wrap{padding:36px 20px}
h2{font-size:1.6rem;font-weight:700;color:var(--blu-dark);margin:2em 0 .5em}
h3{font-size:1.25rem;font-weight:700;margin:1.4em 0 .4em}
p,li{font-size:1.1rem}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}
@media(max-width:680px){.cards{grid-template-columns:1fr}}
.card{display:block;border:2px solid var(--line);border-radius:12px;padding:22px;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.25rem;color:var(--blu-dark);margin-bottom:6px;line-height:1.3}
.card span{color:var(--mut);font-size:1.02rem}
.btn{display:inline-block;background:var(--arancio);color:#fff;font-weight:700;font-size:1.15rem;
  padding:16px 28px;border-radius:12px;text-decoration:none;border:none;cursor:pointer}
.btn:hover{background:var(--arancio-dark)}
/* Banner RSA → rsva (funnel) */
.rsa{background:#fff5ec;border:2px solid var(--arancio);border-radius:14px;padding:26px;margin:36px 0;text-align:center}
.rsa b{display:block;font-size:1.45rem;color:var(--ink);margin-bottom:6px}
.rsa p{font-size:1.12rem;color:var(--mut);margin:0 0 18px}
.src{background:var(--soft);border-left:5px solid var(--blu);padding:16px 20px;border-radius:0 10px 10px 0;margin:24px 0;font-size:1.05rem}
article p{margin:1em 0}
.lead{font-size:1.2rem;color:var(--mut)}
.updated{color:var(--mut);font-size:.95rem;margin-top:4px}
/* Bottombar disclaimer — non-affiliazione, sempre visibile */
footer.bar{background:var(--blu-dark);color:#dfe9f5;margin-top:48px}
footer.bar .wrap{padding:26px 20px;font-size:1.0rem;line-height:1.6}
footer.bar .disc{font-weight:700;color:#fff;display:block;margin-bottom:8px}
footer.bar a{color:#bcd8ff}