/* Pentalfa · pannello di Giuseppe — kit grafico (carta B, 06/11).
   Veste = sito vero (pentalfa/stile.css, main): blu notte, stella gialla, Bodoni Moda + Archivo, barra gialla sotto i pulsanti.
   Per chi non ci capisce niente (D68): tutto grande, un passo per schermo, aiuto dentro lo schermo.
   Solo classi «pn-»: nessun pezzo del sito viene toccato. Tema scuro = sito (disegno approvato 04/11); tema chiaro = [data-tema=chiaro]. */
:root{
  --notte:#101A3D; --fondo:#0A1230; --chiara:#18275A; --campo:#13204B;
  --giallo:#FFFF00; --bianco:#FFFFFF; --testo:#E9EDF8; --testo2:#AEB8D6; --linea:rgba(255,255,255,.14);
  --accento:var(--giallo);          /* scritte gialle (occhielli, titoli in corsivo) */
  --ok:#3FCF9F; --ok-fondo:rgba(63,207,159,.12);
  --ko:#FF8A5C; --ko-fondo:rgba(255,138,92,.12);
  --spento:#2A3358; --spento-testo:#8A94B6;
  --ombra:0 30px 60px -24px rgba(0,0,0,.7);
  --serif:"Bodoni Moda",Didot,"Bodoni 72",serif;
  --sans:"Archivo",system-ui,-apple-system,sans-serif;
  --stella:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  --morbido:cubic-bezier(.2,.7,.2,1);
  color-scheme:dark;
}
[data-tema=chiaro]{
  --notte:#F7F5EF; --fondo:#FFFFFF; --chiara:#ECE9E0; --campo:#FFFFFF;
  --bianco:#101A3D; --testo:#1C2550; --testo2:#525C80; --linea:rgba(16,26,61,.16);
  --accento:#101A3D;
  --ok:#00775A; --ok-fondo:#DFF2EA; --ko:#B2400F; --ko-fondo:#FBE7DC;
  --spento:#E1DED5; --spento-testo:#7C8199; --ombra:0 24px 48px -28px rgba(16,26,61,.35);
  color-scheme:light;
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--notte);color:var(--testo);font:400 18px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--giallo);outline-offset:3px}
[data-tema=chiaro] :focus-visible{outline-color:#101A3D}
[hidden]{display:none!important}
.pn-stella{display:inline-block;width:14px;height:14px;flex:none;background:var(--giallo);clip-path:var(--stella)}
[data-tema=chiaro] .pn-stella{background:#E5C400}

/* ===== testata: come il sito, sottile ===== */
html{scroll-padding-top:90px;scroll-padding-bottom:150px}
.pn-testa{position:sticky;top:0;z-index:20;background:var(--fondo);border-bottom:1px solid var(--linea)}
.pn-testa .pn-in{display:flex;align-items:center;gap:12px;height:64px}
.pn-marchio{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--bianco)}
.pn-marchio img{width:30px;height:30px}
.pn-marchio b{font:500 24px/1 var(--serif)}
.pn-marchio small{font:800 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--testo2)}
.pn-chi{margin-left:auto;font:800 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--testo2)}
.pn-in{width:min(100% - 32px,960px);margin-inline:auto}
@media(min-width:1000px){.pn-in{width:min(100% - 80px,960px)}.pn-testa .pn-in{height:76px}}

/* ===== titoli e testi ===== */
.pn-occhiello{display:flex;align-items:center;gap:10px;font:800 13px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--accento)}
.pn-occhiello::before{content:"";width:13px;height:13px;flex:none;background:var(--giallo);clip-path:var(--stella)}
[data-tema=chiaro] .pn-occhiello::before{background:#E5C400}
.pn-titolo{font:500 clamp(40px,7vw,64px)/1.02 var(--serif);color:var(--bianco);letter-spacing:-.01em;margin:12px 0 12px}
.pn-titolo em,.pn-h2 em{font-style:italic;color:var(--accento)}
.pn-h2{font:500 clamp(30px,4.6vw,44px)/1.06 var(--serif);color:var(--bianco);margin:10px 0 8px}
.pn-sotto{color:var(--testo2);max-width:56ch}

/* ===== barra dei passi: 1 Cambia → 2 Guarda → 3 Pubblica ===== */
.pn-passi{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;list-style:none;padding:0;margin:20px 0 4px;counter-reset:p}
.pn-passi li{counter-increment:p;display:flex;flex-direction:column;gap:8px;font:800 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--testo2);padding-top:12px;border-top:4px solid var(--linea);transition:border-color .3s var(--morbido),color .3s}
.pn-passi li::before{content:counter(p) ".";font:500 28px/1 var(--serif);letter-spacing:0;color:inherit}
.pn-passi .pn-fatto{border-color:var(--ok);color:var(--testo)}
.pn-passi .pn-fatto::before{content:"✓";color:var(--ok)}
.pn-passi [aria-current=step]{border-color:var(--giallo);color:var(--bianco)}
[data-tema=chiaro] .pn-passi [aria-current=step]{border-color:#101A3D}

/* ===== aiuto dentro lo schermo (D68) ===== */
.pn-aiuto{display:grid;grid-template-columns:36px 1fr;gap:4px 14px;align-items:start;background:var(--fondo);border:1px solid var(--linea);border-left:5px solid var(--giallo);padding:16px 18px;margin:20px 0}
[data-tema=chiaro] .pn-aiuto{border-left-color:#E5C400}
.pn-aiuto::before{content:"?";grid-row:span 2;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--giallo);color:#101A3D;font:600 22px/1 var(--serif)}
.pn-aiuto b{color:var(--bianco);font-weight:600}
.pn-aiuto p{color:var(--testo2);font-size:16px}

/* ===== campi ===== */
.pn-campo{display:grid;gap:8px;margin:22px 0}
.pn-etichetta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:800 13px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--testo)}
.pn-conta{font:600 14px/1 var(--sans);letter-spacing:0;color:var(--testo2);font-variant-numeric:tabular-nums}
.pn-conta.pn-quasi{color:var(--giallo)}
[data-tema=chiaro] .pn-conta.pn-quasi{color:#8A6A00}
.pn-conta.pn-pieno{color:var(--ko)}
.pn-input{width:100%;min-height:56px;padding:14px 16px;font:400 19px/1.35 var(--sans);color:var(--bianco);background:var(--campo);border:1.5px solid var(--linea);border-radius:0;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
textarea.pn-input{min-height:150px;resize:vertical;line-height:1.55}
.pn-input::placeholder{color:var(--testo2);opacity:.7}
.pn-input:focus{outline:none;border-color:var(--giallo);box-shadow:inset 0 -4px 0 var(--giallo)}
[data-tema=chiaro] .pn-input:focus{border-color:#101A3D;box-shadow:inset 0 -4px 0 #E5C400}
.pn-input[aria-invalid=true]{border-color:var(--ko);box-shadow:inset 5px 0 0 var(--ko)}
select.pn-input{background-image:linear-gradient(45deg,transparent 50%,var(--testo2) 50%),linear-gradient(-45deg,transparent 50%,var(--testo2) 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:44px}
.pn-nota{font-size:15px;color:var(--testo2)}
.pn-nota.pn-ko{color:var(--ko);font-weight:600}
.pn-nota.pn-ok{color:var(--ok);font-weight:600}
.pn-coppia{display:grid;gap:0 16px}
@media(min-width:620px){.pn-coppia{grid-template-columns:1.6fr 1fr}}
input[type=date].pn-input,input[type=time].pn-input{font-variant-numeric:tabular-nums}
::-webkit-calendar-picker-indicator{opacity:.8;cursor:pointer;width:22px;height:22px}

/* interruttore «sul sito / nascosto» (niente si cancella: si nasconde) */
.pn-interruttore{display:flex;align-items:center;gap:14px;min-height:56px;cursor:pointer;font-weight:600;color:var(--bianco)}
.pn-interruttore input{position:absolute;opacity:0;width:1px;height:1px}
.pn-interruttore i{position:relative;width:56px;height:32px;flex:none;border-radius:99px;background:var(--spento);transition:background .2s}
.pn-interruttore i::after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .25s var(--morbido)}
.pn-interruttore input:checked+i{background:var(--ok)}
.pn-interruttore input:checked+i::after{transform:translateX(24px)}
.pn-interruttore input:focus-visible+i{outline:3px solid var(--giallo);outline-offset:3px}
.pn-interruttore .pn-si,.pn-interruttore input:checked~span .pn-no{display:none}
.pn-interruttore input:checked~span .pn-si{display:inline}

/* lucchetto: questo lo cambia AUC */
.pn-lucchetto{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1.5px dashed var(--linea);color:var(--testo2);font-size:16px}
.pn-lucchetto svg{flex:none;width:22px;height:22px;margin-top:1px;color:var(--testo2)}

/* ===== foto: caricamento con anteprima e controllo misura ===== */
.pn-foto{display:grid;gap:12px}
.pn-carica{position:relative;display:grid;place-items:center;gap:6px;min-height:180px;padding:22px;border:2px dashed var(--linea);background:var(--campo);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.pn-carica:hover,.pn-carica:focus-within{border-color:var(--giallo)}
.pn-carica input{position:absolute;inset:0;opacity:0;cursor:pointer}
.pn-carica b{font:600 italic 26px/1.1 var(--serif);color:var(--bianco)}
.pn-carica span{font-size:15px;color:var(--testo2)}
.pn-carica svg{width:34px;height:34px;color:var(--accento)}
.pn-anteprima{display:grid;gap:10px;padding:14px;border:1.5px solid var(--linea);background:var(--campo);animation:pn-entra .35s var(--morbido) both}
.pn-ritaglio{width:100%;max-width:var(--largo,100%);aspect-ratio:var(--rapporto,16/9);object-fit:cover;background:var(--chiara)}
.pn-anteprima .pn-misura{font-size:15px;color:var(--testo2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pn-anteprima .pn-esito{font-size:17px;font-weight:600}
.pn-anteprima.pn-ok{border-color:var(--ok);box-shadow:inset 5px 0 0 var(--ok)}
.pn-anteprima.pn-ok .pn-esito{color:var(--ok)}
.pn-anteprima.pn-ko{border-color:var(--ko);box-shadow:inset 5px 0 0 var(--ko)}
.pn-anteprima.pn-ko .pn-esito{color:var(--ko)}
.pn-anteprima.pn-dubbio{border-color:var(--giallo);box-shadow:inset 5px 0 0 var(--giallo)}
.pn-anteprima.pn-dubbio .pn-esito{color:var(--bianco)}

/* scheda «che foto caricare» con buona / cattiva (D62) */
.pn-scheda{background:#FFFFFF;color:#101A3D;padding:18px;border-top:6px solid var(--giallo)}
[data-tema=chiaro] .pn-scheda{border:1px solid var(--linea);border-top:6px solid #E5C400}
.pn-scheda .pn-occhiello{color:#101A3D}
.pn-scheda .pn-occhiello::before{background:#101A3D}
.pn-scheda dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:16px;margin:14px 0 16px}
.pn-scheda dt{font:800 12px/1.7 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#5A6488}
.pn-okko{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pn-okko figure{margin:0}
.pn-okko img{width:100%;aspect-ratio:var(--forma,16/9);object-fit:cover}
.pn-okko figcaption{font-size:14px;line-height:1.35;margin-top:8px}
.pn-okko figcaption b{display:inline-flex;align-items:center;gap:5px;font:800 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;color:#fff;margin-bottom:5px}
.pn-okko .pn-buona b{background:#007A55}
.pn-okko .pn-cattiva b{background:#C2410C}
.pn-okko .pn-cattiva img{outline:3px solid #C2410C;outline-offset:-3px}

/* ===== pulsanti: barra gialla sotto, come il sito ===== */
.pn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 24px;font:800 15px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--bianco);background:var(--fondo);border:0;border-radius:0;box-shadow:inset 0 -5px 0 var(--giallo);cursor:pointer;transition:background .2s,color .2s,transform .12s}
.pn-btn:hover{background:var(--giallo);color:#101A3D}
.pn-btn:active{transform:translateY(1px)}
.pn-btn svg{width:20px;height:20px;flex:none}
.pn-btn.pn-pieno{background:var(--giallo);color:#101A3D;box-shadow:none}
.pn-btn.pn-pieno:hover{background:#FFFFFF}
[data-tema=chiaro] .pn-btn.pn-pieno:hover{background:#101A3D;color:#FFFF00}
.pn-btn.pn-leggero{background:transparent;box-shadow:inset 0 -2px 0 var(--linea);color:var(--testo2)}
.pn-btn.pn-leggero:hover{background:transparent;color:var(--bianco);box-shadow:inset 0 -2px 0 var(--testo2)}
.pn-btn:disabled,.pn-btn[aria-disabled=true]{background:var(--spento);color:var(--spento-testo);box-shadow:none;cursor:not-allowed;transform:none}
.pn-btn.pn-largo{width:100%}
.pn-btn[aria-busy=true]::before{content:"";width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:pn-gira .8s linear infinite}
@keyframes pn-gira{to{rotate:1turn}}
.pn-fila{display:flex;flex-wrap:wrap;gap:12px}

/* barra fissa in basso: stato + Pubblica sempre nello stesso posto (idea Ghost) */
.pn-piede{position:sticky;bottom:0;z-index:15;background:var(--fondo);border-top:1px solid var(--linea);box-shadow:0 -12px 30px -18px rgba(0,0,0,.6)}
.pn-piede .pn-in{display:flex;align-items:center;gap:14px;min-height:84px;padding:12px 0}
.pn-piede .pn-stato{flex:1;font-size:15px;color:var(--testo2);line-height:1.35}
.pn-piede .pn-stato b{display:block;color:var(--bianco);font-size:16px}
.pn-piede .pn-btn{flex:none}

/* ===== avvisi ===== */
.pn-avviso{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;align-items:start;padding:18px;border:1.5px solid;margin:16px 0;animation:pn-entra .4s var(--morbido) both}
.pn-avviso .pn-segno{grid-row:span 3;width:44px;height:44px;display:grid;place-items:center;border-radius:50%}
.pn-avviso .pn-segno svg{width:24px;height:24px}
.pn-avviso b{font:500 24px/1.15 var(--serif);color:var(--bianco)}
.pn-avviso p{font-size:16px;color:var(--testo2)}
.pn-avviso a{color:var(--bianco);font-weight:600}
.pn-avviso .pn-fila{margin-top:10px}
.pn-avviso.pn-online{border-color:var(--ok);background:var(--ok-fondo)}
.pn-avviso.pn-online .pn-segno{background:var(--ok);color:#06231A}
.pn-avviso.pn-fermato{border-color:var(--ko);background:var(--ko-fondo)}
.pn-avviso.pn-fermato .pn-segno{background:var(--ko);color:#2A0E02}
.pn-avviso.pn-attesa{border-color:var(--giallo);background:rgba(255,255,0,.06)}
[data-tema=chiaro] .pn-avviso.pn-attesa{border-color:#E5C400;background:#FFFBD6}
.pn-avviso.pn-attesa .pn-segno{background:var(--giallo);color:#101A3D}
.pn-avviso.pn-attesa .pn-segno svg{animation:pn-gira 1.6s linear infinite}
.pn-barretta{grid-column:2;height:6px;background:var(--linea);margin-top:12px;overflow:hidden}
.pn-barretta i{display:block;height:100%;width:var(--fatto,30%);background:var(--giallo);transition:width .6s var(--morbido)}
[data-tema=chiaro] .pn-barretta i{background:#101A3D}
@keyframes pn-entra{from{opacity:0;transform:translateY(10px)}}

/* conferma prima di pubblicare (finestra del browser, niente librerie) */
.pn-conferma{width:min(100% - 32px,480px);padding:0;border:0;background:var(--fondo);color:var(--testo);box-shadow:var(--ombra),inset 0 6px 0 var(--giallo)}
.pn-conferma::backdrop{background:rgba(6,10,28,.72)}
.pn-conferma[open]{animation:pn-entra .3s var(--morbido)}
.pn-conferma>div{padding:28px 22px 22px}
.pn-conferma ul{margin:14px 0 22px;padding-left:20px;color:var(--testo2)}
.pn-conferma .pn-fila{flex-direction:column-reverse}
@media(min-width:620px){.pn-conferma .pn-fila{flex-direction:row;justify-content:flex-end}}

/* ===== riquadri dell'entrata (un compartimento per riquadro) ===== */
.pn-riquadri{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0}
@media(min-width:900px){.pn-riquadri{grid-template-columns:repeat(4,1fr);gap:16px}}
.pn-riquadro{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;padding:14px;overflow:hidden;text-decoration:none;background:var(--chiara);color:#fff;isolation:isolate;box-shadow:inset 0 -5px 0 transparent;transition:box-shadow .25s}
.pn-riquadro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s var(--morbido)}
.pn-riquadro::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,18,48,.97) 0,rgba(10,18,48,.9) 42%,rgba(10,18,48,.2) 85%)}
.pn-riquadro b,.pn-riquadro small{text-shadow:0 1px 8px rgba(10,18,48,.9)}
.pn-riquadro b{font:500 26px/1.05 var(--serif)}
.pn-riquadro small{font-size:14px;color:#D4DAEC}
.pn-riquadro:hover{box-shadow:inset 0 -5px 0 var(--giallo)}
.pn-riquadro:hover img{transform:scale(1.05)}
.pn-riquadro .pn-pallino{position:absolute;top:10px;right:10px;font:800 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;background:var(--giallo);color:#101A3D;padding:6px 8px}

/* ===== pezzi degli schermi ===== */
/* striscia «Prova locale» (solo nelle prove, mai in produzione) */
.pn-prova{background:#3A3400;color:#FFFF66;text-align:center;font:600 15px/1.3 var(--sans);padding:10px 16px}
[data-tema=chiaro] .pn-prova{background:#FFF7B0;color:#4A3F00}
/* ritorno alla casa */
.pn-torna{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin-top:8px;font:800 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--testo2)}
.pn-torna::before{content:"←";font-size:18px;color:var(--accento)}
.pn-torna:hover{color:var(--bianco)}
.pn-schermo{padding:8px 0 64px}
.pn-legenda{font-size:15px;color:var(--testo2);margin-top:6px}
.pn-legenda b,.pn-obbl{color:var(--giallo)}
[data-tema=chiaro] .pn-legenda b,[data-tema=chiaro] .pn-obbl{color:var(--ko)}
/* etichetta «Solo lettura» */
.pn-sola{display:inline-flex;align-items:center;gap:6px;font:800 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--testo2);border:1px solid var(--linea);padding:6px 8px}
/* viste nello stesso schermo (#modifica, #attesa…): una per volta, senza script */
.pn-vista{display:none}
.pn-vista:first-of-type,.pn-vista:target{display:block}
main:has(.pn-vista:target) .pn-vista:not(:target){display:none}
/* filtri a schede */
.pn-filtri{display:flex;gap:0;margin:18px 0 6px;border-bottom:1px solid var(--linea);overflow-x:auto}
.pn-filtri a{flex:1;min-width:max-content;text-align:center;padding:16px 14px 13px;font:800 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--testo2);box-shadow:inset 0 -4px 0 transparent}
.pn-filtri a[aria-current]{color:var(--bianco);box-shadow:inset 0 -4px 0 var(--giallo)}
[data-tema=chiaro] .pn-filtri a[aria-current]{box-shadow:inset 0 -4px 0 #101A3D}
/* elenco con miniatura (concerti, masterclass, docenti) */
.pn-elenco{list-style:none;padding:0}
.pn-voce{display:grid;grid-template-columns:72px 1fr;gap:6px 14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--linea)}
.pn-voce img{width:72px;height:72px;object-fit:cover;grid-row:span 2;background:var(--chiara)}
.pn-voce.pn-ritratto img{height:90px}
.pn-voce .pn-quando{font:800 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accento)}
.pn-voce h3{font:500 23px/1.12 var(--serif);color:var(--bianco)}
.pn-voce .pn-azioni{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.pn-voce .pn-btn{min-height:48px;padding:10px 18px;font-size:13px}
.pn-voce.pn-spento h3,.pn-voce.pn-spento img{opacity:.5}
.pn-stato-sito{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:600;color:var(--ok)}
.pn-stato-sito::before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor}
.pn-stato-sito.pn-nascosto{color:var(--testo2)}
.pn-da-fare{font-size:15px;font-weight:600;color:var(--giallo)}
[data-tema=chiaro] .pn-da-fare{color:#8A6A00}
@media(min-width:900px){.pn-voce{grid-template-columns:96px 1fr auto;gap:4px 24px}.pn-voce img{width:96px;height:96px}.pn-voce.pn-ritratto img{height:120px}.pn-voce .pn-azioni{grid-column:3;grid-row:1/span 2}}
/* due colonne sul computer: lavoro a sinistra, scheda foto a destra che resta in vista */
.pn-colonne{display:grid;gap:24px}
@media(min-width:1000px){.pn-colonne{grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}.pn-colonne>aside{position:sticky;top:100px}}
/* scheda della slide */
.pn-slide{border:1.5px solid var(--linea);background:var(--fondo);margin:18px 0}
.pn-slide>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--linea);font:800 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accento)}
.pn-slide .pn-foto-slide{position:relative}
.pn-slide .pn-foto-slide img{width:100%;aspect-ratio:16/9;object-fit:cover}
.pn-slide .pn-foto-slide .pn-cambia{position:absolute;right:12px;bottom:12px}
.pn-slide .pn-corpo{padding:0 16px 4px}
.pn-cambia{position:relative;overflow:hidden}
.pn-cambia input{position:absolute;inset:0;opacity:0;cursor:pointer}
/* scelta multipla a etichette (docenti, insegna) */
.pn-scelte{display:flex;flex-wrap:wrap;gap:8px}
.pn-scelte label{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 16px;border:1.5px solid var(--linea);background:var(--campo);color:var(--testo);cursor:pointer;font-size:16px}
.pn-scelte input{position:absolute;opacity:0;width:1px;height:1px}
.pn-scelte label:has(:checked){border-color:var(--giallo);color:var(--bianco);box-shadow:inset 0 -4px 0 var(--giallo)}
[data-tema=chiaro] .pn-scelte label:has(:checked){border-color:#101A3D;box-shadow:inset 0 -4px 0 #E5C400}
.pn-scelte label:has(:checked)::before{content:"✓";color:var(--accento);font-weight:800}
.pn-scelte label:has(:focus-visible){outline:3px solid var(--giallo);outline-offset:2px}
/* aree a fisarmonica (corsi, testi) */
.pn-area{border:1.5px solid var(--linea);background:var(--fondo);margin:12px 0}
.pn-area>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:14px 18px;cursor:pointer;list-style:none;font:500 24px/1.15 var(--serif);color:var(--bianco)}
.pn-area>summary::-webkit-details-marker{display:none}
.pn-area>summary::after{content:"+";font:400 28px/1 var(--sans);color:var(--accento)}
.pn-area[open]>summary::after{content:"−"}
.pn-area>div{padding:0 18px 18px}
.pn-sotto-voce{padding:14px 0;border-top:1px solid var(--linea)}
.pn-sotto-voce h4{font:600 19px/1.25 var(--sans);color:var(--bianco)}
/* gallery: griglia con ordine */
.pn-griglia{list-style:none;padding:0;display:grid;gap:16px}
@media(min-width:700px){.pn-griglia{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.pn-griglia{grid-template-columns:repeat(3,1fr)}}
.pn-griglia li{border:1.5px solid var(--linea);background:var(--fondo);padding:10px;display:grid;gap:10px}
.pn-griglia img{width:100%;aspect-ratio:16/9;object-fit:cover}
.pn-griglia .pn-campo{margin:0}
.pn-griglia .pn-fila .pn-btn{flex:1;min-height:48px;padding:10px 12px;font-size:12px}
.pn-numero{font:800 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--testo2)}
/* dati in sola lettura (contatti) */
.pn-dati{display:grid;gap:0;border-top:1px solid var(--linea);margin-top:18px}
.pn-dati div{display:grid;gap:4px;padding:18px 0;border-bottom:1px solid var(--linea)}
.pn-dati dt{font:800 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accento)}
.pn-dati dd{font:500 26px/1.2 var(--serif);color:var(--bianco);margin:0}
@media(min-width:900px){.pn-dati div{grid-template-columns:260px 1fr;align-items:baseline}}
/* conferma «Ho controllato l'anteprima» */
.pn-spunta{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px;border:1.5px solid var(--linea);background:var(--campo);cursor:pointer;font-weight:600;color:var(--bianco);margin:18px 0}
.pn-spunta input{width:28px;height:28px;flex:none;accent-color:var(--giallo)}
.pn-riepilogo{list-style:none;padding:0;border-top:1px solid var(--linea)}
.pn-riepilogo li{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--linea)}
.pn-riepilogo img{width:64px;height:64px;object-fit:cover}
.pn-riepilogo b{display:block;color:var(--bianco)}
.pn-riepilogo span{font-size:15px;color:var(--testo2)}
/* storico */
.pn-storico{list-style:none;padding:0;border-top:1px solid var(--linea)}
.pn-storico li{display:grid;gap:6px;padding:18px 0;border-bottom:1px solid var(--linea)}
.pn-storico .pn-quando{font:800 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--testo2)}
.pn-storico b{font:500 22px/1.2 var(--serif);color:var(--bianco)}
@media(min-width:900px){.pn-storico li{grid-template-columns:200px 1fr auto;align-items:center;gap:24px}}

/* ===== tutto fermo per chi lo chiede ===== */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
}
/* chiaro: giallo più scuro dove fa da riga su bianco, segni degli avvisi in bianco */
[data-tema=chiaro] .pn-btn:not(.pn-pieno):not(.pn-leggero):not(:disabled){box-shadow:inset 0 -5px 0 #E5C400}
[data-tema=chiaro] .pn-avviso.pn-online .pn-segno,[data-tema=chiaro] .pn-avviso.pn-fermato .pn-segno{color:#fff}
/* telefono: nel piede «Salva e guarda l'anteprima» a tutta larghezza, «Annulla le modifiche» sotto, più piccolo */
@media(max-width:619px){
  .pn-piede .pn-in{flex-direction:column-reverse;align-items:stretch;gap:4px;padding:10px 0 8px}
  .pn-piede .pn-in>span{display:none}
  .pn-piede .pn-btn{width:100%}
  .pn-piede .pn-btn.pn-leggero{min-height:44px;font-size:13px;box-shadow:none}
}
/* aprendo #modifica la pagina resta in cima allo schermo, con il ritorno in vista */
.pn-vista{scroll-margin-top:200px}

/* ===== passata «bello e intuitivo» (06/11, carta pentalfa-bello) ===== */
/* 1. il fuoco messo dalla pagina sullo schermo non disegna una cornice gialla intorno a tutto */
.pn-schermo:focus{outline:none}
/* 10. etichette in tondo, più facili da leggere del maiuscolo spaziato */
.pn-etichetta{font:700 17px/1.25 var(--sans);letter-spacing:0;text-transform:none;color:var(--bianco)}
.pn-campo>.pn-nota:not(.pn-ko){line-height:1.45}
/* 9. passi compatti sul telefono: una riga sola, il titolo resta in alto */
@media(max-width:619px){
  .pn-passi{margin:10px 0 2px;gap:4px}
  .pn-passi li{flex-direction:row;align-items:baseline;gap:6px;padding-top:8px;border-top-width:3px;font-size:10.5px;letter-spacing:.06em}
  .pn-passi li::before{font-size:19px}
  .pn-titolo{font-size:44px;margin:6px 0 8px}
}
.pn-cosa{margin-top:18px;overflow-wrap:anywhere}
.pn-cosa+.pn-titolo{margin-top:6px}
/* 4. «Sul sito / Nascosto» in cima, in un riquadro che si nota */
.pn-schermo>.pn-campo[data-dove=mostra]{padding:4px 16px 12px;border:1.5px solid var(--linea);background:var(--fondo);margin:16px 0 8px}
.pn-schermo>.pn-campo[data-dove=mostra]:has(:checked){border-color:color-mix(in srgb,var(--ok) 55%,transparent)}
/* 5. foto già presente: riquadro di cambio basso, non un secondo «Carica la foto» grande */
.pn-carica.pn-compatta{min-height:0;grid-template-columns:auto 1fr;justify-items:start;text-align:left;gap:2px 12px;padding:14px 16px}
.pn-carica.pn-compatta svg{grid-row:span 2;width:28px;height:28px}
.pn-carica.pn-compatta b{font-size:21px}
.pn-anteprima.pn-ok .pn-esito{font-size:16px}
/* 7-8. casa: locandina sfocata dietro il nome; riquadri senza foto con la stella del sito */
.pn-riquadro img.pn-locandina{filter:blur(6px) saturate(.7) brightness(.55);transform:scale(1.15)}
.pn-riquadro:hover img.pn-locandina{transform:scale(1.2)}
.pn-riquadro.pn-senza{background:radial-gradient(120% 90% at 85% 0%,#22336E 0,var(--chiara) 55%,var(--fondo) 100%)}
.pn-riquadro.pn-senza::after{content:"";position:absolute;top:16px;right:16px;width:46px;height:46px;background:var(--giallo);opacity:.22;clip-path:var(--stella);z-index:-1;transition:opacity .3s,rotate .6s var(--morbido)}
.pn-riquadro.pn-senza:hover::after{opacity:.5;rotate:36deg}
.pn-riquadro .pn-pallino{top:12px;left:14px;right:auto;background:transparent;color:#D4DAEC;border:1px solid rgba(255,255,255,.35)}
.pn-riquadro:has(.pn-pallino)::after{display:none}
.pn-riquadro{min-height:160px}
.pn-riquadri li{animation:pn-entra .45s var(--morbido) both}
.pn-riquadri li:nth-child(2){animation-delay:.04s}.pn-riquadri li:nth-child(3){animation-delay:.08s}.pn-riquadri li:nth-child(4){animation-delay:.12s}
.pn-riquadri li:nth-child(5){animation-delay:.16s}.pn-riquadri li:nth-child(6){animation-delay:.2s}.pn-riquadri li:nth-child(7){animation-delay:.24s}.pn-riquadri li:nth-child(8){animation-delay:.28s}
/* 3. anteprima: tre tappe in ordine, il riepilogo con la spunta */
.pn-riepilogo li{grid-template-columns:32px 1fr}
.pn-segnetto{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ok-fondo);color:var(--ok)}
.pn-segnetto svg{width:18px;height:18px}
.pn-tappe{list-style:none;padding:0;margin:20px 0 8px;counter-reset:t;display:grid;gap:18px}
.pn-tappe>li{counter-increment:t;display:grid;grid-template-columns:30px 1fr;gap:4px 12px;align-items:start}
.pn-tappe>li::before{content:counter(t);display:grid;place-items:center;width:30px;height:30px;margin-top:13px;border-radius:50%;border:1.5px solid var(--linea);font:600 16px/1 var(--serif);color:var(--testo2)}
.pn-tappe>li>*{grid-column:2}
.pn-tappe .pn-spunta{margin:0}
.pn-tappe .pn-btn svg{width:18px;height:18px}
.pn-perche{margin-top:8px}
/* 2. «È online»: il segno entra con un piccolo scatto */
.pn-avviso.pn-online .pn-segno{animation:pn-scatto .5s .1s var(--morbido) both}
.pn-avviso.pn-online ul{grid-column:2;margin:8px 0 0;padding-left:18px;color:var(--testo);font-size:16px}
@keyframes pn-scatto{from{transform:scale(.4);opacity:0}70%{transform:scale(1.12)}}
.pn-btn.pn-largo{white-space:normal;text-align:center;line-height:1.25}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-delay:0s!important}}
/* ritocchi 06/11: tasti diretti in casa (stessa larghezza, staccati dai riquadri); avviso foto scura sotto la foto in gallery */
.pn-subito{margin:0 0 28px}
.pn-subito .pn-btn{flex:1 1 240px}
.pn-griglia .pn-dubbio{border-left:4px solid var(--giallo);padding-left:10px;color:var(--bianco)}