.quaderni [hidden] {display:none!important}
.quaderni .page-opening {padding-block:clamp(6rem,10vw,9rem) 4rem;text-align:left}
.quaderni .page-opening h1 {font-size:clamp(40px,6vw,84px);margin:.5rem 0 1rem}
.quaderni .email-form {max-width:32rem;margin:2rem 0}
.quaderni #recupera,.quaderni #esci {justify-self:start;font:inherit;font-size:14px;background:transparent;color:inherit;border:0;padding:.5rem 0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.quaderni #esito {margin:1rem 0;text-align:left}
.quaderni-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(20px,3vw,40px);margin:1.75rem 0}
.quaderni-grid:empty {display:none}
.quaderni .quaderno {display:block;max-width:38rem;color:#171717;text-decoration:none}
.quaderno img {width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.quaderni .quaderno h2 {margin:8px 0 .3rem;border-top:3px solid #fc0;padding-top:.85rem;font-size:clamp(23px,2.4vw,34px);line-height:1.1}
.quaderno span {display:inline-block;font-size:15px;margin:.35rem 0}
.quaderno:hover span,.quaderno:focus-visible span {text-decoration:underline;text-underline-offset:3px}