/* Formebrevi APS: pagine delle tre aree di intervento (Filosofia e scrittura, Educazione e sociale,
   Famiglie e scuola), nello stesso impianto di Chi siamo: apertura con indice a destra,
   parti divise da una riga nera, voci con simbolo a linea. Caricato dopo tema.css. */

.pagina{max-width:1080px;margin:0 auto;padding:0 24px;}
.apertura{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:end;padding:56px 0 56px 22px;}
.apertura .segno-pagina{margin-bottom:22px;}
.apertura .per{font-weight:600;font-size:.95rem;}
.apertura h1{font-size:clamp(2.4rem,5.5vw,3.6rem);line-height:1.02;margin:10px 0 18px;}
.apertura .sotto-titolo{font-size:clamp(1.2rem,2.2vw,1.45rem);line-height:1.3;max-width:36ch;}
.indice-titolo{font-weight:600;font-size:.95rem;margin-bottom:10px;}
.indice{list-style:none;border-top:2px solid var(--riga);}
.indice a{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--riga);text-decoration:none;color:var(--nero);font-size:1rem;}
.indice a span:last-child{font-family:var(--serif);font-size:1.25rem;transition:transform .2s;}
.indice a:hover span:last-child{transform:translateX(6px);}

.parte-pagina{border-top:2px solid var(--riga);padding:18px 0 64px;scroll-margin-top:16px;}
.titolo-parte{font-family:var(--serif);font-size:1.6rem;line-height:1.2;margin-bottom:32px;}
.griglia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 36px;}
.griglia.uno{grid-template-columns:minmax(0,1fr);}
.voce{display:flex;gap:20px;align-items:flex-start;border-top:1px solid var(--riga);padding-top:16px;color:var(--nero);}
.voce .corpo{display:flex;flex-direction:column;gap:8px;min-width:0;}
.voce .per{font-size:.9rem;font-weight:600;}
.voce h3{font-size:1.55rem;line-height:1.15;}
.voce p{color:var(--grigio);font-size:1rem;max-width:52ch;}
.voce .dati{font-size:.88rem;color:var(--nero);}
.voce .vai{font-weight:700;font-size:.95rem;margin-top:6px;text-decoration:none;color:var(--nero);align-self:flex-start;}
.voce .vai:hover{text-decoration:underline;text-underline-offset:3px;}
.voce .vai span{font-family:var(--serif);font-weight:400;font-size:1.25em;display:inline-block;transition:transform .2s;}
.voce .vai:hover span{transform:translateX(6px);}
.segno{flex:none;width:48px;height:48px;fill:none;stroke:var(--nero);stroke-width:4.2;}
.nota-finale{border-top:2px solid var(--riga);border-bottom:2px solid var(--riga);padding:22px 0;margin-bottom:8px;}
.nota-finale p{color:var(--grigio);max-width:80ch;}
.nota-finale a{color:var(--nero);font-weight:600;}
main:has(> .pagina:last-child) + footer{border-top:0!important;margin-top:24px!important;}

@media(max-width:760px){
    .apertura{grid-template-columns:1fr;gap:36px;padding:40px 0;}
    .griglia{grid-template-columns:1fr;gap:28px;}
}