/* ============================================================
   PAGINE (26 set 2026) - quello che e' proprio di una pagina.
   I pezzi comuni sono in css/sistema.css.
   1. Home   2. Shop   3. Figurine (Autori, Redazione)   4. Chi siamo
   5. Sotto la panca   6. PRPR Fest   7. Contatti e press kit
   8. Link in bio   9. Appuntamenti e Strisce   10. Telefono
   ============================================================ */

/* ---- 1. HOME ------------------------------------------------------------- */
/* la striscia che scorre: diritta, e la pausa ci sta sopra (WCAG 2.2.2) */
.pp-nastro{ position:relative; z-index:2; display:flex; align-items:center; overflow:hidden; background:var(--pp-grad,linear-gradient(135deg,#F9DB62,#FF85A5));
  border-bottom:3px solid var(--pp-ink,#242124); }
.pp-nastro-scorre{ flex:1 1 auto; min-width:0; overflow:hidden; padding:13px 0; }
.pp-nastro .marquee-inner{ white-space:nowrap; color:var(--pp-ink,#242124); font:400 clamp(1.05rem,2vw,1.45rem)/1 "Archivo Black",sans-serif; text-transform:uppercase; }
:is(#pp-peso, body) .pp-nastro .pp-anim-toggle{ flex:0 0 auto; margin:0 clamp(12px,3vw,32px) 0 12px; min-height:40px; padding:.4rem .85rem; background:var(--pp-carta,#FBFAF7);
  color:var(--pp-ink,#242124); border:2px solid var(--pp-ink,#242124); border-radius:999px; box-shadow:2px 3px 0 var(--pp-ink,#242124); transform:none;
  font:700 .68rem/1 "Space Mono",monospace; text-transform:uppercase; cursor:pointer; }
@media (prefers-reduced-motion:reduce){ .pp-nastro .pp-anim-toggle{ display:none !important; } }

/* lo scaffale: tre collane e le magliette */
.pp-collane{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(16px,2vw,26px); }
.pp-collana-card{ position:relative; display:flex; flex-direction:column; margin:0; overflow:hidden; background:var(--pp-carta,#FBFAF7); border:3px solid var(--pp-ink,#242124);
  border-radius:var(--pp-r-card,20px); box-shadow:4px 6px 0 var(--pp-ink,#242124); transition:transform .18s ease,box-shadow .18s ease; }
.pp-collana-card:hover{ transform:translate(-2px,-4px); box-shadow:6px 10px 0 var(--pp-ink,#242124); }
.pp-collana-card:focus-within{ outline:3px solid var(--pp-ink,#242124); outline-offset:3px; }
.pp-collana-copertine{ display:flex; justify-content:center; align-items:flex-end; height:200px; padding:22px 16px 14px; border-bottom:3px solid var(--pp-ink,#242124); background:var(--pp-acid,#F9DB62); }
.pp-collana-card--tolt .pp-collana-copertine{ background:var(--pp-viola,#702963); }
.pp-collana-card--siparietto .pp-collana-copertine{ background:var(--pp-rosa,#FF85A5); }
.pp-collana-card--merch .pp-collana-copertine{ background:var(--pp-cream,#F0E6C7); }
.pp-collana-copertine img{ height:150px; width:auto; margin-left:-34px; border:2px solid var(--pp-ink,#242124) !important; border-radius:3px !important; box-shadow:4px 6px 0 var(--pp-ink,#242124); }
.pp-collana-copertine img:first-child{ margin-left:0; transform:rotate(-6deg); }
.pp-collana-copertine img:nth-child(2){ transform:rotate(2deg) translateY(-6px); z-index:1; }
.pp-collana-copertine img:nth-child(3){ transform:rotate(8deg); }
.pp-collana-copertine--foto{ padding:0; align-items:stretch; }
.pp-collana-copertine--foto img{ width:100%; height:100%; margin:0; object-fit:cover; border:0 !important; border-radius:0 !important; box-shadow:none; transform:none !important; }
.pp-collana-corpo{ display:flex; flex-direction:column; flex:1 1 auto; gap:10px; padding:16px 18px 18px; }
.pp-collana-riga{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.pp-collana-conta{ font:700 .72rem/1 "Space Mono",monospace; text-transform:uppercase; }
.pp-collana-titolo{ margin:0; font:400 1rem/1.2 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-collana-titolo a{ color:var(--pp-ink,#242124); text-decoration:none; }
.pp-collana-titolo a::after{ content:""; position:absolute; inset:0; z-index:1; }
/* chi c'e' dietro: il manifesto sul giallo */
.pp-hs-manifesto-griglia{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:clamp(28px,5vw,72px); align-items:center; }
.pp-hs-manifesto-testo .pp-h2-btn{ margin-top:26px; }
.pp-hs-manifesto-frase{ margin:0; max-width:none; color:var(--pp-ink,#242124); font:400 clamp(2.4rem,6.2vw,5.4rem)/.92 "Archivo Black",sans-serif; text-transform:uppercase;
  text-shadow:.05em .07em 0 var(--pp-carta,#FBFAF7); text-wrap:balance; }
.pp-hs-facce{ list-style:none; margin:24px 0 0; padding:0; display:flex; flex-wrap:wrap; }
.pp-hs-facce li{ margin:0 0 0 -14px; }
.pp-hs-facce li:first-child{ margin-left:0; }
.pp-hs-facce img{ display:block; width:62px; height:62px; object-fit:cover; background:var(--pp-carta,#FBFAF7);
  border:3px solid var(--pp-ink,#242124) !important; border-radius:50% !important; box-shadow:2px 3px 0 var(--pp-ink,#242124); }
.pp-hs-facce li:nth-child(odd) img{ transform:rotate(-4deg); }
.pp-hs-facce li:nth-child(even) img{ transform:rotate(5deg) translateY(4px); }

/* ---- 2. SHOP -------------------------------------------------------------- */
.pp-collana .pp-capo-titolo{ font-size:clamp(2.4rem,6vw,4.6rem); }
.pp-libri--tolt .pp-libro-num{ color:var(--pp-viola,#702963); -webkit-text-stroke:3px var(--pp-ink,#242124); }
.pp-libri--bivacco .pp-libro-num{ color:var(--pp-acid,#F9DB62); }
.pp-libri--siparietto .pp-libro-num{ color:var(--pp-rosa,#FF85A5); }
.pp-merch .pp-griglia{ grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),340px)); }

/* ---- 3. FIGURINE (Autori, la redazione) ------------------------------- */
.pp-figurine{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr)); gap:clamp(18px,2.4vw,28px); align-items:start; }
.pp-figurina{ display:flex; flex-direction:column; margin:0; overflow:hidden; background:var(--pp-carta,#FBFAF7); border:3px solid var(--pp-ink,#242124);
  border-radius:var(--pp-r-card,20px); box-shadow:4px 6px 0 var(--pp-ink,#242124); scroll-margin-top:90px; }
.pp-figurina[hidden]{ display:none; }
.pp-figurina:target{ outline:4px solid var(--pp-acid,#F9DB62); outline-offset:4px; }
.pp-figurina-foto{ position:relative; aspect-ratio:4/5; overflow:hidden; background:var(--pp-cream,#F0E6C7); border-bottom:3px solid var(--pp-ink,#242124); }
.pp-figurina-foto img{ display:block; width:100%; height:100%; object-fit:cover; border:0 !important; border-radius:0 !important; }
.pp-figurina-foto--disegno{ background:#fff; }
.pp-figurina-foto--disegno img{ object-fit:contain; padding:8%; }
.pp-figurina-tag{ position:absolute; right:10px; bottom:10px; }
.pp-figurina-riserva{ display:grid; place-items:center; width:100%; height:100%; background:url("../inc/asset/brand/mesh.jpg") 0 0/100% 100% no-repeat; }
.pp-figurina-riserva span{ display:grid; place-items:center; width:5.5rem; aspect-ratio:1; background:var(--pp-carta,#FBFAF7); border:3px solid var(--pp-ink,#242124); border-radius:50%;
  box-shadow:3px 5px 0 var(--pp-ink,#242124); font:400 1.6rem/1 "Archivo Black",sans-serif; }
.pp-figurina-corpo{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:16px 18px 18px; }
.pp-figurina-nome{ margin:0; font:400 1.25rem/1.05 "Archivo Black",sans-serif; text-transform:uppercase; }
#site-content .pp-figurina-chi{ margin:0; max-width:none; font:400 .82rem/1.45 "Space Mono",monospace; color:rgba(36,33,36,.8); }
.pp-figurina-libri{ list-style:none; margin:4px 0 0; padding:0; display:grid; gap:8px; width:100%; }
.pp-figurina-libri li{ margin:0; }
.pp-figurina-libri a,.pp-figurina-libri li > span{ display:grid; grid-template-columns:36px minmax(0,1fr); gap:10px; align-items:center; padding:8px; color:var(--pp-ink,#242124);
  text-decoration:none; border:2px solid var(--pp-ink,#242124); border-radius:12px; background:#fff; }
.pp-figurina-libri a:hover{ background:var(--pp-acid,#F9DB62); }
.pp-figurina-libri img{ display:block; width:36px; height:auto; border:1px solid var(--pp-ink,#242124) !important; border-radius:2px !important; }
.pp-figurina-libri b{ display:block; font:400 .85rem/1.15 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-figurina-libri small{ display:block; font:400 .72rem/1.35 "Space Mono",monospace; }
.pp-figurina-bio{ width:100%; margin-top:4px; }
.pp-figurina-bio summary{ list-style:none; display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:.3rem .85rem; cursor:pointer;
  background:#fff; border:2px solid var(--pp-ink,#242124); border-radius:999px; font:700 .72rem/1 "Space Mono",monospace; text-transform:uppercase; }
.pp-figurina-bio summary::-webkit-details-marker{ display:none; }
.pp-figurina-bio summary::after{ content:"+"; font-size:1rem; }
.pp-figurina-bio[open] summary{ background:var(--pp-acid,#F9DB62); }
.pp-figurina-bio[open] summary::after{ content:"–"; }
#site-content .pp-figurina-bio p{ margin:12px 0 0; max-width:none; font:400 .86rem/1.6 "Space Mono",monospace; }
#site-content .pp-aut-nessuno{ margin:18px 0 0; font:700 .9rem "Space Mono",monospace; }
.pp-th .pp-aut-filtri{ margin:clamp(20px,2.4vw,28px) 0 0; display:flex; flex-wrap:wrap; gap:8px; }
#site-content .pp-th .pp-aut-filtro{ min-height:44px; padding:.45rem 1rem; background:var(--pp-carta,#FBFAF7); color:var(--pp-ink,#242124); border:3px solid var(--pp-ink,#242124);
  border-radius:999px; box-shadow:2px 3px 0 var(--pp-ink,#242124); transform:none; font:700 .76rem/1 "Space Mono",monospace; text-transform:uppercase; cursor:pointer; }
#site-content .pp-th .pp-aut-filtro[aria-pressed="true"]{ background:var(--pp-ink,#242124); color:var(--pp-acid,#F9DB62); }

/* ---- 4. CHI SIAMO ----------------------------------------------------------- */
/* la storia, in verticale: l'anno grande a sinistra, una riga che scende */
.pp-storia{ list-style:none; margin:0; padding:0; position:relative; display:grid; gap:clamp(22px,3vw,34px); }
.pp-storia::before{ content:""; position:absolute; top:10px; bottom:10px; left:clamp(98px,12vw,150px); width:3px; background:var(--pp-ink,#242124); }
.pp-storia-anno{ position:relative; display:grid; grid-template-columns:clamp(84px,10vw,130px) minmax(0,1fr); gap:0 clamp(34px,5vw,56px); margin:0; scroll-margin-top:90px; }
.pp-storia-anno::after{ content:""; position:absolute; top:.45em; left:clamp(92px,12vw,144px); width:15px; height:15px; background:var(--pp-acid,#F9DB62); border:3px solid var(--pp-ink,#242124); border-radius:50%; }
.pp-storia-anno:last-child::after{ background:var(--pp-rosa,#FF85A5); }
.pp-storia-num{ font:400 clamp(1.6rem,3vw,2.4rem)/1 "Archivo Black",sans-serif; text-align:right; }
.pp-storia-testo{ max-width:64ch; }
.pp-storia-testo h3{ margin:0 0 6px; font:400 1.1rem/1.15 "Archivo Black",sans-serif; text-transform:uppercase; }
#site-content .pp-storia-testo p{ margin:0; max-width:none; font:400 .95rem/1.65 "Space Mono",monospace; }
.pp-storia-anno:target .pp-storia-testo{ background:var(--pp-acid,#F9DB62); }
/* le opere e prima della casa editrice */
.pp-opere-prima{ margin-top:clamp(40px,5vw,64px); padding-top:clamp(24px,3vw,36px); border-top:3px solid var(--pp-ink,#242124); display:grid; gap:14px; }
.pp-opere-h3{ margin:0; font:400 clamp(1.3rem,2.4vw,1.8rem)/1 "Archivo Black",sans-serif; text-transform:uppercase; }
#site-content .pp-opere-nota{ margin:0; font:400 .9rem/1.5 "Space Mono",monospace; }
/* le collane */
.pp-collana-scheda-cop{ display:flex; justify-content:center; align-items:flex-end; height:180px; padding:22px 16px 14px; background:var(--pp-acid,#F9DB62); border-bottom:3px solid var(--pp-ink,#242124); }
.pp-collana-scheda--tolt .pp-collana-scheda-cop{ background:var(--pp-viola,#702963); }
.pp-collana-scheda--siparietto .pp-collana-scheda-cop{ background:var(--pp-rosa,#FF85A5); }
.pp-collana-scheda-cop img{ height:136px; width:auto; margin-left:-30px; border:2px solid var(--pp-ink,#242124) !important; border-radius:3px !important; box-shadow:4px 6px 0 var(--pp-ink,#242124); }
.pp-collana-scheda-cop img:first-child{ margin-left:0; transform:rotate(-6deg); }
.pp-collana-scheda-cop img:nth-child(3){ transform:rotate(7deg); }
#site-content .pp-card-testo--intero{ display:block; -webkit-line-clamp:unset; overflow:visible; }
/* i riconoscimenti: medaglie */
.pp-medaglie{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(18px,2.4vw,28px); }
.pp-medaglia{ position:relative; display:grid; gap:10px; align-content:start; margin:0; padding:clamp(20px,2.4vw,28px); padding-top:74px; color:var(--pp-ink,#242124);
  background:var(--pp-carta,#FBFAF7); border:3px solid var(--pp-acid,#F9DB62); border-radius:var(--pp-r-card,20px); box-shadow:6px 9px 0 #000; }
.pp-medaglia-tondo{ position:absolute; top:-30px; left:22px; display:grid; place-content:center; width:92px; aspect-ratio:1; text-align:center; background:var(--pp-acid,#F9DB62);
  border:3px solid var(--pp-ink,#242124); border-radius:50%; box-shadow:3px 5px 0 #000; font:400 .9rem/1 "Archivo Black",sans-serif; transform:rotate(-8deg); }
.pp-medaglia-tondo b{ font:400 1.5rem/1 "Archivo Black",sans-serif; }
.pp-medaglia--candidatura .pp-medaglia-tondo{ background:var(--pp-rosa,#FF85A5); }
.pp-medaglia .pp-pill{ justify-self:start; }
.pp-medaglia h3{ margin:0; font:400 1.1rem/1.15 "Archivo Black",sans-serif; text-transform:uppercase; }
#site-content .pp-medaglia p{ margin:0; max-width:none; font:400 .88rem/1.5 "Space Mono",monospace; }
.pp-medaglia small{ opacity:.75; }
#premi .pp-capo{ margin-bottom:clamp(52px,6vw,72px); }
/* chi e' passato di qui: i titoli di coda */
#site-content .pp-titoli-coda{ margin:0; max-width:none; font:400 clamp(1rem,1.7vw,1.3rem)/1.75 "Space Mono",monospace; text-wrap:pretty; }

/* ---- 5. SOTTO LA PANCA ------------------------------------------------------ */
.pp-panca-altri-riga{ display:flex; justify-content:center; margin:clamp(24px,3vw,36px) 0 0; }
.pp-panca-iscriviti-griglia{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px 48px; align-items:center; }
.pp-panca-iscriviti .pp-capo{ margin-bottom:0; }
.pp-panca-timbro{ margin:0; width:clamp(130px,14vw,190px); }
.pp-lettera-testa{ padding-bottom:clamp(36px,5vw,64px); }
.pp-lettera-titolo{ max-width:22ch; font-size:clamp(2rem,4.6vw,3.6rem) !important; }
.pp-lettera-indietro{ margin-bottom:22px; }
.pp-lettera-indietro::after{ content:none; }
.pp-lettera-indietro::before{ content:"←"; }
.pp-freccia--fuori::after{ content:"↗"; }
.pp-lettera-fonte{ margin:18px 0 0; max-width:none; }
.pp-lettera-corpo img{ max-width:100%; height:auto; border:3px solid var(--pp-ink,#242124) !important; border-radius:12px !important; }

/* ---- 6. PRPR FEST ------------------------------------------------------------ */
.pp-ed-griglia{ display:grid; grid-template-columns:minmax(0,4fr) minmax(0,7fr); gap:clamp(28px,5vw,72px); align-items:start; }
.pp-ed-loc{ position:relative; margin:0; padding:10px 0 0; }
.pp-ed-loc img{ display:block; width:100%; height:auto; transform:rotate(-2deg); border:3px solid var(--pp-ink,#242124) !important; border-radius:8px !important; box-shadow:10px 15px 0 var(--pp-ink,#242124); }
.pp-ed:nth-of-type(even) .pp-ed-loc img{ transform:rotate(2deg); }
.pp-ed-loc-vuota{ display:grid; place-items:center; aspect-ratio:3/4; padding:20px; text-align:center; background:url("../inc/asset/brand/mesh.jpg") 0 0/100% 100% no-repeat;
  border:3px solid var(--pp-ink,#242124); border-radius:8px; font:400 1.1rem/1.2 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-ed-num{ position:absolute; top:-18px; right:-12px; display:grid; place-items:center; min-width:92px; aspect-ratio:1; padding:0 10px; background:var(--pp-acid,#F9DB62);
  border:3px solid var(--pp-ink,#242124); border-radius:50%; box-shadow:4px 6px 0 var(--pp-ink,#242124); font:400 2.1rem/1 "Archivo Black",sans-serif; transform:rotate(8deg); }
.pp-ed-testo .pp-capo-titolo{ margin-bottom:18px; }
.pp-ed-corpo{ display:grid; gap:14px; }
.pp-ed-descr p{ margin:0 0 .8em; max-width:62ch; font:400 1rem/1.65 "Space Mono",monospace; }
.pp-ed-descr strong{ font-weight:700; }
.pp-ed-h3{ margin:14px 0 0; padding-top:14px; border-top:3px solid var(--pp-ink,#242124); font:400 1.15rem/1.1 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-elenco--2{ display:block; columns:2 240px; column-gap:36px; }
.pp-elenco--2 li{ break-inside:avoid; margin-bottom:10px; }
.pp-premi{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr)); gap:10px; }
.pp-premi li{ display:grid; gap:4px; margin:0; padding:12px 14px; background:var(--pp-carta,#FBFAF7); border:2px solid var(--pp-ink,#242124); border-radius:14px;
  box-shadow:2px 3px 0 var(--pp-ink,#242124); font:400 .9rem/1.4 "Space Mono",monospace; }
.pp-premi-cat{ font:700 .68rem/1.3 "Space Mono",monospace; text-transform:uppercase; letter-spacing:.04em; }
.pp-premi strong{ font:400 1rem/1.15 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-ed-esempio{ display:grid; gap:8px; padding:14px; border:2px dashed var(--pp-ink,#242124); border-radius:12px; opacity:.8; }
.pp-ed-esempio .pp-pill{ justify-self:start; }
#site-content .pp-ed-esempio p,#site-content .pp-ed-arriva{ margin:0; font:italic 400 .92rem/1.5 "Space Mono",monospace; }
.pp-ed-apri{ justify-self:start; margin-bottom:6px; }
.pp-ed-apri::after{ content:"+" !important; }
.pp-ed-apri[aria-expanded="true"]::after{ content:"–" !important; }

/* ---- 7. CONTATTI E PRESS KIT ------------------------------------------------ */
.pp-contatti-griglia{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:clamp(28px,5vw,64px); align-items:start; }
.pp-contatti-testo p{ margin:0 0 1em; max-width:48ch; font:400 1.05rem/1.7 "Space Mono",monospace; }
.pp-contatti-h{ font-size:clamp(1.5rem,2.8vw,2.2rem) !important; margin-bottom:20px !important; }
#site-content .pp-modulo .pp-modulo-invia:hover{ background:var(--pp-acid,#F9DB62); color:var(--pp-ink,#242124); }
#site-content .pp-modulo .pp-modulo-invia:active{ box-shadow:1px 2px 0 var(--pp-ink,#242124); }
.pp-modulo-privacy a{ color:var(--pp-ink,#242124); text-decoration:underline; text-decoration-thickness:3px; text-decoration-color:var(--pp-acid,#F9DB62); }
.pp-file-testa{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.pp-file-tipo{ display:inline-grid; place-items:center; min-width:52px; height:52px; padding:0 8px; background:var(--pp-acid,#F9DB62); border:3px solid var(--pp-ink,#242124);
  border-radius:10px; box-shadow:2px 3px 0 var(--pp-ink,#242124); font:400 .95rem/1 "Archivo Black",sans-serif; transform:rotate(-4deg); }
.pp-file-peso{ font:700 .72rem/1 "Space Mono",monospace; text-transform:uppercase; }
.pp-file--richiesta{ border-style:dashed; box-shadow:none; }
.pp-file--richiesta .pp-file-tipo{ background:var(--pp-carta,#FBFAF7); }
#site-content .pp-file-nota{ margin:0; font:400 .8rem/1.4 "Space Mono",monospace; }
#site-content .pp-file-diritti{ margin:28px 0 0; max-width:70ch; font:400 .78rem/1.5 "Space Mono",monospace; opacity:.8; }

/* ---- 8. LINK IN BIO ----------------------------------------------------------- */
.pp-bio-sez{ padding-top:calc(70px + 36px); min-height:80vh; border-bottom:0; }
.pp-bio-colonna{ max-width:560px; }
.pp-bio-testa{ display:grid; justify-items:center; gap:10px; margin-bottom:28px; text-align:center; }
.pp-bio-logo{ display:grid; place-items:center; width:112px; aspect-ratio:1; background:var(--pp-carta,#FBFAF7); border:3px solid var(--pp-ink,#242124); border-radius:50%;
  box-shadow:4px 6px 0 var(--pp-ink,#242124); transform:rotate(-6deg); }
.pp-bio-logo img{ width:74%; height:auto; border:0 !important; border-radius:0 !important; }
.pp-bio-nome{ margin:6px 0 0; font:400 clamp(1.8rem,6vw,2.6rem)/.95 "Archivo Black",sans-serif; text-transform:uppercase; text-shadow:.05em .07em 0 var(--pp-acid,#F9DB62); }
#site-content .pp-bio-tag{ margin:0; font:700 .78rem/1.3 "Space Mono",monospace; text-transform:uppercase; letter-spacing:.06em; }
.pp-bio-link{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.pp-bio-link li{ margin:0; }
.pp-bio-voce{ display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:64px; padding:14px 18px; color:var(--pp-ink,#242124); text-decoration:none;
  background:var(--pp-carta,#FBFAF7); border:3px solid var(--pp-ink,#242124); border-radius:16px; box-shadow:4px 6px 0 var(--pp-ink,#242124);
  font:400 1rem/1.15 "Archivo Black",sans-serif; text-transform:uppercase; transition:transform .15s ease,box-shadow .15s ease,background .15s ease; }
.pp-bio-voce::after{ content:"→"; font-size:1.2rem; }
.pp-bio-voce--fuori::after{ content:"↗"; }
.pp-bio-voce:hover{ background:var(--pp-acid,#F9DB62); transform:translate(-2px,-3px); box-shadow:6px 9px 0 var(--pp-ink,#242124); }
.pp-bio-voce--foto{ justify-content:flex-start; }
.pp-bio-voce--foto img{ width:52px; height:52px; object-fit:cover; border:2px solid var(--pp-ink,#242124) !important; border-radius:50% !important; }
.pp-bio-voce--foto span{ flex:1 1 auto; }
.pp-bio-voce--grande{ display:grid; grid-template-columns:1fr auto; padding:0; overflow:hidden; }
.pp-bio-voce--grande img{ grid-column:1 / -1; width:100%; aspect-ratio:16/9; object-fit:cover; border:0 !important; border-bottom:3px solid var(--pp-ink,#242124) !important; border-radius:0 !important; }
.pp-bio-voce--grande span{ padding:14px 0 14px 18px; }
.pp-bio-voce--grande::after{ padding-right:18px; align-self:center; }
.pp-bio-social{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:28px; }
.pp-bio-social a{ padding:.35rem .8rem; color:var(--pp-ink,#242124); text-decoration:none; background:var(--pp-carta,#FBFAF7); border:2px solid var(--pp-ink,#242124);
  border-radius:999px; font:700 .7rem/1.2 "Space Mono",monospace; text-transform:uppercase; }
.pp-bio-social a:hover{ background:var(--pp-acid,#F9DB62); }

/* ---- 9. APPUNTAMENTI E STRISCE: nel linguaggio del sistema ------------------- */
.pp-sez-h2{ font-size:clamp(1.8rem,4vw,3rem) !important; line-height:.95 !important; margin-bottom:22px !important; }
.pp-sez-vuoto{ background:var(--pp-carta,#FBFAF7) !important; border-style:dashed !important; box-shadow:none !important; }
.pp-app-link,.pp-app-anno,.pp-app-box,.pp-str-copertina{ background:var(--pp-carta,#FBFAF7) !important; }
.pp-app-anno{ box-shadow:4px 6px 0 var(--pp-ink,#242124); }
.pp-app-anno h3{ font-size:2.4rem !important; }
.pp-app-anno li{ padding-left:22px; position:relative; }
.pp-app-anno li::before{ content:""; position:absolute; left:0; top:.4em; width:10px; height:10px; background:var(--pp-acid,#F9DB62); border:2px solid var(--pp-ink,#242124); }
.pp-str-copertina:has(.pp-str-attesa){ background:url("../inc/asset/brand/mesh.jpg") 0 0/100% 100% no-repeat !important; }
.pp-str-attesa{ background:var(--pp-carta,#FBFAF7) !important; box-shadow:2px 3px 0 var(--pp-ink,#242124); transform:rotate(-4deg); }

/* ---- 10. TELEFONO ----------------------------------------------------------- */
@media (max-width:1023px){
  .pp-collane{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pp-hs-manifesto-griglia,.pp-ed-griglia,.pp-contatti-griglia{ grid-template-columns:minmax(0,1fr); }
  .pp-hs-manifesto-frase{ order:-1; }
  .pp-ed-loc{ width:min(70%,320px); }
  .pp-medaglie{ grid-template-columns:minmax(0,1fr); row-gap:52px; }
}
@media (max-width:640px){
  .pp-nastro-scorre{ padding:10px 0; }
  :is(#pp-peso, body) .pp-nastro .pp-anim-toggle{ margin-right:10px; font-size:0; width:40px; padding:0; justify-content:center; }
  :is(#pp-peso, body) .pp-nastro .pp-anim-toggle::before{ margin:0; }
  .pp-collana-copertine{ height:170px; }
  .pp-collana-copertine img{ height:122px; }
  .pp-storia::before{ left:10px; }
  .pp-storia-anno{ grid-template-columns:minmax(0,1fr); padding-left:34px; gap:4px; }
  .pp-storia-anno::after{ left:3px; }
  .pp-storia-num{ text-align:left; }
  .pp-panca-iscriviti-griglia{ grid-template-columns:minmax(0,1fr); }
  .pp-panca-timbro{ display:none; }
  .pp-elenco--2{ columns:1; }
  .pp-figurine{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .pp-figurina-corpo{ padding:12px; }
  .pp-figurina-nome{ font-size:1rem; }
  .pp-figurina-libri a,.pp-figurina-libri li > span{ grid-template-columns:1fr; }
  .pp-figurina-libri img{ display:none; }
}
@media (max-width:380px){
  .pp-figurine{ grid-template-columns:minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce){
  .pp-collana-card,.pp-bio-voce{ transition:none; }
}
/* ---- 26 set (2): blog e ricerca, rubrica, appuntamento, episodio ---------- */
/* il bottone "indietro" ha la freccia davanti */
.pp-th-btn--indietro::after{ content:none !important; }
.pp-th-btn--indietro::before{ content:"←"; }

/* ricerca: il modulo nella testata (il bottone generico di app-1 pesa 0,3,1) */
.pp-cerca{ display:flex; flex-wrap:wrap; gap:12px 14px; max-width:600px; margin-top:clamp(20px,2.4vw,28px); }
#site-content .pp-cerca input[type="search"]{ flex:1 1 240px; min-width:0; min-height:52px; margin:0; padding:.7rem 1rem; color:var(--pp-ink,#242124);
  background:var(--pp-carta,#FBFAF7); border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-ctrl,12px); box-shadow:4px 6px 0 var(--pp-ink,#242124);
  font:400 1rem/1.3 "Space Mono",monospace; }
#site-content .pp-cerca input[type="search"]:focus{ outline:3px solid var(--pp-ink,#242124); outline-offset:3px; }
#site-content .pp-cerca .pp-h2-btn{ display:inline-flex; align-items:center; gap:.5em; flex:0 0 auto; min-height:52px; margin:0; padding:.8rem 1.4rem; color:var(--pp-ink,#242124); cursor:pointer;
  background:var(--pp-grad,linear-gradient(135deg,#F9DB62,#FF85A5)); border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-ctrl,12px);
  box-shadow:4px 6px 0 var(--pp-ink,#242124); font:400 .92rem/1.1 "Archivo Black",sans-serif; text-transform:uppercase; letter-spacing:0; }

/* paginazione di blog, ricerca e rubriche */
.pp-paginazione{ margin-top:clamp(28px,4vw,44px); }
.pp-paginazione .nav-links{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.pp-paginazione .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0 14px;
  color:var(--pp-ink,#242124); text-decoration:none; background:var(--pp-carta,#FBFAF7); border:2px solid var(--pp-ink,#242124); border-radius:999px;
  font:700 .8rem/1 "Space Mono",monospace; text-transform:uppercase; }
.pp-paginazione a.page-numbers:hover{ background:var(--pp-acid,#F9DB62); }
.pp-paginazione .page-numbers.current{ background:var(--pp-ink,#242124); color:var(--pp-cream,#F0E6C7); }
.pp-paginazione .page-numbers.dots{ border-color:transparent; background:none; }

/* un articolo del blog */
.pp-articolo-foto{ max-width:72ch; margin:0 auto clamp(24px,3vw,36px); }
.pp-articolo-foto img{ display:block; width:100%; height:auto; border:3px solid var(--pp-ink,#242124) !important; border-radius:var(--pp-r-card,20px) !important; box-shadow:4px 6px 0 var(--pp-ink,#242124); }
#site-content .pp-articolo-firma{ margin:2.2em 0 0; padding-top:1em; border-top:3px dashed var(--pp-ink,#242124); font:700 .8rem/1.4 "Space Mono",monospace; text-transform:uppercase; letter-spacing:.04em; }

/* un episodio: la testata bassa, col retino rosa delle Strisce */
.pp-th--episodio{ --th-ombra:var(--pp-rosa,#FF85A5); padding-bottom:clamp(26px,3.5vw,44px); }
.pp-th--episodio::before{ background:radial-gradient(rgba(255,133,165,.5) 1.6px,transparent 2.1px) 0 0/12px 12px; }
.pp-th--episodio::after{ background:linear-gradient(90deg,rgba(240,230,199,.96) 0%,rgba(240,230,199,.84) 60%,rgba(240,230,199,.45) 100%); }
.pp-th--episodio .pp-th-titolo{ font-size:clamp(2.2rem,5vw,4rem); }
.pp-sez .pp-str-lettore,.pp-sez .pp-str-piede,.pp-sez .pp-str-testo{ margin-inline:auto; }
.pp-sez .pp-str-testo{ max-width:680px; margin-top:28px; }

/* un appuntamento */
.pp-app-box.pp-app-box-ritiro{ background:var(--pp-rosa,#FF85A5) !important; }
.pp-app-box .pp-h2-btn{ margin-top:6px; }
.pp-app-testo .pp-prosa{ margin:0; }

/* i filtri degli appuntamenti, subito sotto la testata di sezione */
.pp-capo + .pp-app-filtri{ margin:-8px 0 24px; }