/* I cinque articoli del vecchio blog (scripts/articoli/genera.js). Solo cio' che site.css non ha:
   la colonna di lettura, le immagini dentro il testo, il riquadro del video esterno. */
.art-wrap{max-width:780px}
.art-titolo{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.2}
.art-testata{display:block;width:100%;height:auto;margin-top:28px;border-radius:14px}
.art-corpo{font-size:1.04rem;line-height:1.75;color:rgba(255,255,255,.86);padding-bottom:40px}
.art-corpo p{margin:0 0 1.05em}
.art-corpo h2,.art-corpo h3,.art-corpo h4{color:#fff;line-height:1.3;margin:1.8em 0 .6em}
.art-corpo h2{font-size:1.45rem}.art-corpo h3{font-size:1.25rem}.art-corpo h4{font-size:1.1rem}
.art-corpo ul,.art-corpo ol{margin:0 0 1.1em 1.3em;padding:0}
.art-corpo li{margin:.3em 0}
.art-corpo img,.art-corpo video{display:block;max-width:100%;height:auto;margin:1.4em auto;border-radius:12px}
.art-corpo figure{margin:1.6em 0}
.art-corpo figcaption{font-size:.88rem;color:rgba(255,255,255,.6);text-align:center;margin-top:.4em}
.art-corpo a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.art-corpo blockquote{margin:1.4em 0;padding:.2em 0 .2em 1.1em;border-left:3px solid rgba(255,255,255,.3)}
.art-corpo table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95rem}
.art-corpo td,.art-corpo th{border:1px solid rgba(255,255,255,.15);padding:.45em .6em;text-align:left}
.art-video a{position:relative;display:block;text-decoration:none}
.art-video img{margin:0;width:100%}
.art-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(10,14,21,.82);color:#fff;padding:.7em 1.2em;border-radius:999px;font-weight:600;white-space:nowrap}
.art-nota{margin-top:2.4em}