/* Aggiunte del sito alla grafica "La Terza Pagina": pagine interne, indice in fondo, modulo contatti.
   Stesse regole della bozza: filetti, colonne, un solo rosso, nessuna rotazione o effetto 3D. */

.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:12px;z-index:200;background:var(--paper);padding:8px 14px;border:1px solid var(--rule)}

/* titoli di sezione che portano alla pagina completa */
.sec-t h2 a,.fr-lib h2 a,.book h3 a,.lead-h a,.invito-h a{text-decoration:none;color:inherit}
.sec-t h2 a:hover,.book h3 a:hover,.lead-h a:hover,.invito-h a:hover{color:var(--accent)}
.lib-intro p:first-child{font-style:italic;margin:0 0 .35em;color:var(--accent)}
.lib-intro p{text-align:left}
.vuoto{text-align:center;font-style:italic;color:var(--soft)}

/* testata delle pagine interne: il nome resta, più piccolo, e porta alla homepage */
.mast-name{margin:0;font:400 clamp(2.6rem,7.4vw,6.4rem)/1 'Libre Caslon Display',Georgia,serif;letter-spacing:-.01em}
.mast-name a{text-decoration:none}

.briciole{display:flex;flex-wrap:wrap;gap:6px 10px;padding-top:18px;font-size:.9rem;font-style:italic;color:var(--soft)}
.briciole a{text-underline-offset:3px}
.anteprima{margin:18px 0 0;padding:10px 14px;border:1px solid var(--accent);color:var(--accent);text-align:center}

.pagina{padding-top:clamp(18px,3vw,34px)}
.pagina-t{text-align:center;border-top:3px double var(--rule);border-bottom:1px solid var(--rule);padding:14px 0 12px;margin-bottom:30px}
.pagina-t h1{font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:1.04}
.pagina-sub{margin:.45em 0 0;font-style:italic;color:var(--soft)}
.testo{max-width:46rem;margin:0 auto}
.testo p{text-align:justify;hyphens:auto}

/* chi sono: ritratto accanto alle colonne */
.profilo{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(24px,3.4vw,44px);align-items:start}
.cols-2{columns:2}

/* schede delle sottopagine (i libri) */
.schede{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:34px;border-top:1px solid var(--hair)}
.scheda{display:flex;flex-direction:column;gap:8px;padding:22px 20px 18px;text-decoration:none;border-right:1px solid var(--hair)}
.scheda:first-child{padding-left:0}
.scheda:last-child{border:0;padding-right:0}
.scheda-img img{width:min(150px,100%);margin-bottom:6px;box-shadow:0 0 0 1px var(--hair)}
.scheda strong{font:400 1.5rem/1.12 'Libre Caslon Display',serif}
.scheda:hover strong{color:var(--accent)}
.scheda-t{font-size:.98rem}

/* libro */
.libro-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,56px);align-items:start}
.libro-cover{position:sticky;top:76px;display:flex;flex-direction:column;gap:14px}
.libro-cover img{box-shadow:0 0 0 1px var(--hair)}
.libro-tx .testo{max-width:none}
.altri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:44px;padding-top:24px;border-top:3px double var(--rule)}
.altri a{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;text-decoration:none;font:400 1.3rem/1.15 'Libre Caslon Display',serif}
.altri a:hover{color:var(--accent)}
.altri img{box-shadow:0 0 0 1px var(--hair)}

/* scritto */
.articolo .rd-in{padding-top:0}
.lettura h1{font-size:clamp(1.9rem,3.6vw,3.2rem);line-height:1.1;max-width:24em;margin:0 auto}
.lettura .rd-sub{margin-top:.6em;font-style:italic;color:var(--soft)}
.lettura .rd-sub p{margin:0 0 .2em}
.articolo .rd-body{margin-top:8px;font:var(--rd-body)}
.articolo .rd-body p{text-align:justify;hyphens:auto}
.articolo .notes li{list-style:none}
.altri-scritti{max-width:37rem;margin:30px auto 0;padding-top:20px;border-top:3px double var(--rule);display:flex;flex-direction:column;gap:10px}
.altri-scritti a{text-decoration:none;font:400 1.25rem/1.2 'Libre Caslon Display',serif}
.altri-scritti a:hover{color:var(--accent)}
.note-pop{position:absolute;z-index:60}

/* appuntamento */
.invito-pagina{margin-top:10px}
.quando{font-style:italic;color:var(--accent);margin-bottom:1em}
.passato{font-style:italic;color:var(--soft)}

/* indice in fondo e modulo contatti */
.indice{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 46px;margin:30px auto 0;padding-top:22px;border-top:1px solid var(--hair);max-width:1100px;text-align:left}
.indice-col{display:flex;flex-direction:column;gap:4px;font-size:.92rem}
.indice-col a{text-decoration:none}
.indice-col a:hover{color:var(--accent)}
.indice-h{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}
.c-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;max-width:720px;margin:30px auto 0;text-align:left}
.c-form label{display:flex;flex-direction:column;gap:4px;font-size:.92rem;font-style:italic}
.c-form input,.c-form textarea{font:inherit;font-style:normal;padding:9px 11px;border:1px solid var(--rule);background:transparent;color:inherit;border-radius:0}
.c-wide,.c-ok,.c-err{grid-column:1/-1}
.c-check{flex-direction:row!important;align-items:center;gap:10px!important}
.c-hp{position:absolute;left:-9999px}
.c-send{justify-self:start;padding:10px 30px;border:1px solid var(--rule);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem}
.c-send:hover{background:var(--ink);color:var(--paper)}
.c-ok{color:var(--accent);font-style:italic}
.c-err{color:var(--accent)}

@media (max-width:1100px){.schede{grid-template-columns:repeat(2,minmax(0,1fr))}.scheda:nth-child(2){border-right:0}.altri{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
 .profilo,.libro-grid{grid-template-columns:minmax(0,1fr)}
 .profilo figure{max-width:280px;margin:0 auto}
 .cols-2{columns:1}
 .libro-cover{position:static;max-width:300px;margin:0 auto;align-items:center}
 .schede,.altri{grid-template-columns:minmax(0,1fr)}
 .scheda,.scheda:first-child,.scheda:last-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--hair)}
 .c-form{grid-template-columns:minmax(0,1fr)}
}

/* torna su: sopra il pulsante di iubenda (in basso a destra, ~60px), non dietro */
.totop{bottom:calc(clamp(14px,2vw,26px) + 66px)}

/* prima pagina senza appuntamento: due colonne, l'annuncio dei libri fa da apertura e la citazione lo chiude */
.front.no-lead{grid-template-columns:minmax(0,8.2fr) minmax(0,3.8fr)}
.front.no-lead .fr-lib{padding-right:clamp(24px,4vw,64px);display:flex;flex-direction:column}
.front.no-lead .fr-lib h2{font-size:clamp(2.6rem,5.4vw,4.8rem);line-height:1;text-align:center;margin-bottom:18px}
.front.no-lead .lib-intro{max-width:38rem;margin:0 auto}
.front.no-lead .lib-intro p:first-child{text-align:center;font-size:1.3rem}
.front.no-lead .lib-intro p+p{font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.5;text-align:left}
.front.no-lead .wel-f{text-align:center;margin:20px 0 0}
.front.no-lead .epi{margin:auto auto 0;padding-top:28px;max-width:34rem;text-align:center;font-size:clamp(1.3rem,2vw,1.7rem);border-top:1px solid var(--hair)}
.front.no-lead .epi p+p{font-size:.95rem}