/* ── Start4 · pagine statiche (guide e testi legali) ─────────
   Estende css/style.css: qui c'è solo la tipografia del testo
   lungo, i colori arrivano dai token del design system.
----------------------------------------------------------- */

.pagewrap{max-width:780px;margin:0 auto;padding:34px 22px 20px}
.pagewrap.wide{max-width:var(--max)}

.crumbs{font-size:.88rem;color:var(--ink-3);margin-bottom:20px}
.crumbs a{color:var(--ink-3)}
.crumbs a:hover{color:var(--ink-2)}

.prose h1{
  font-family:Manrope,Inter,sans-serif;font-weight:800;letter-spacing:-.02em;
  font-size:clamp(1.9rem,4.4vw,2.7rem);line-height:1.14;margin:0 0 14px;
}
.prose h2{
  font-family:Manrope,Inter,sans-serif;font-weight:700;letter-spacing:-.01em;
  font-size:clamp(1.24rem,2.8vw,1.55rem);line-height:1.28;margin:40px 0 12px;
  scroll-margin-top:88px;
}
.prose p{margin:0 0 16px;color:var(--ink-2);font-size:1.06rem;line-height:1.72;overflow-wrap:anywhere}
.prose b,.prose strong{color:var(--ink);font-weight:650}
.prose ul{margin:0 0 18px;padding-left:22px;color:var(--ink-2);line-height:1.66}
.prose li{margin-bottom:8px}
.prose a{text-decoration:underline;text-underline-offset:2px}

.postmeta{font-size:.88rem;color:var(--ink-3);margin:0 0 24px}
.prose .lead{
  font-size:1.16rem;line-height:1.62;color:var(--ink);
  border-left:3px solid var(--brand);padding-left:18px;margin:0 0 32px;
}

/* domande in fondo agli articoli */
.qa{
  border:1px solid var(--line);border-radius:var(--r);background:var(--surface);
  padding:15px 18px;margin-bottom:10px;
}
.qa[open]{box-shadow:var(--sh)}
.qa summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";float:right;color:var(--ink-3);font-weight:700}
.qa[open] summary::after{content:"–"}
.qa p{margin:11px 0 0;font-size:1rem}

/* indice dei testi legali */
.toc{background:var(--soft);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:20px 24px;margin:0 0 10px}
.toc h2{font-size:.78rem!important;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);
        margin:0 0 10px!important;font-weight:800}
.toc ul{margin:0;padding:0;list-style:none;font-size:.95rem;color:var(--ink-2);
        columns:2;column-gap:28px}
@media(max-width:620px){ .toc ul{columns:1} }
.toc li{margin-bottom:6px;break-inside:avoid}
.toc a{color:var(--ink-2);text-decoration:none}
.toc a:hover{color:var(--brand)}

/* elenco delle guide */
.postgrid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:30px}
@media(min-width:760px){ .postgrid{grid-template-columns:1fr 1fr} }
.postcard{display:block;color:inherit;transition:transform .16s ease,box-shadow .16s ease}
.postcard:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--sh-lg)}
.postcard h2{font-family:Manrope,Inter,sans-serif;font-size:1.12rem;line-height:1.32;font-weight:700;margin:0 0 9px}
.postcard p{color:var(--ink-2);font-size:.96rem;line-height:1.6;margin:0 0 14px}
.postcard .more{color:var(--brand);font-weight:650;font-size:.95rem}

/* rimando agli altri articoli */
.related{background:var(--soft);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:22px 24px;margin-top:44px}
.related h2{font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-weight:800}
.related ul{margin:0;padding-left:20px}
.related li{margin-bottom:7px}

/* il pulsante che sembra un collegamento (preferenze cookie) */
.linky{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline}

/* ── pagina non trovata ── */
.notfound{padding-top:44px;padding-bottom:56px}
.notfound .nf{padding:26px 0;border-top:1px solid var(--line-soft)}
.notfound .nf.first{padding-top:0;border-top:0}
.notfound .nf h2{font-size:1.15rem;margin-top:0}
.notfound .nf p{margin-bottom:12px}
.nflinks{display:flex;flex-wrap:wrap;gap:10px;margin:0}