/* pagine dei vecchi articoli: colonna di lettura chiara sopra lo stesso sistema tipografico del sito */
body.art{background:#EEE9DF;color:#0A0A0B}
.art-top{min-height:0;display:block;padding:8px var(--pad);border-bottom:1px solid rgba(10,10,11,.15)}
.art-home{font:400 .875rem var(--mono);letter-spacing:.08em;text-decoration:none;color:#0A0A0B;display:inline-block;padding:.75rem 0}
.art-home:hover{color:var(--signal)}
.art-body{max-width:70ch;margin:0 auto;padding:clamp(32px,7vw,88px) var(--pad) 72px}
.art-meta{font:400 .8125rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5E5B57}
.art-body h1{font:900 clamp(2rem,6.5vw,3.4rem)/1.02 var(--sans);font-stretch:100%;letter-spacing:-.02em;margin:.6rem 0 2rem}
.art-body h2{font:800 clamp(1.4rem,4vw,1.8rem)/1.15 var(--sans);margin:2.4rem 0 .8rem}
.art-body h3{font:700 1.2rem/1.25 var(--sans);margin:2rem 0 .6rem}
.art-body p,.art-body li{font-size:1.125rem;line-height:1.7}
.art-body p{margin:0 0 1.15rem}
.art-body ul,.art-body ol{margin:0 0 1.2rem;padding-left:1.4rem}
.art-body li{margin:.3rem 0}
.art-body a{color:#0A0A0B;text-decoration-color:var(--signal);text-underline-offset:3px}
.art-body a:hover{color:var(--signal)}
.art-body figure{margin:1.8rem 0}
.art-body img{display:block;max-width:100%;height:auto;border:1px solid rgba(10,10,11,.15)}
.art-table{overflow-x:auto;margin:1.5rem 0;-webkit-overflow-scrolling:touch}
.art-table table{border-collapse:collapse;min-width:100%;font-size:.95rem}
.art-table td{border:1px solid rgba(10,10,11,.2);padding:.5rem .7rem;vertical-align:top}
.art-note{margin:3rem 0 1.5rem;padding-top:1rem;border-top:1px solid rgba(10,10,11,.2);font:400 .8125rem/1.5 var(--mono);color:#5E5B57}
.art-cta{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center}
.art-cta .btn{background:var(--signal);color:#0A0A0B;text-decoration:none;font-family:var(--mono);padding:.9rem 1.4rem;min-height:48px;display:inline-flex;align-items:center}
body.art footer{background:#0A0A0B;color:#EEE9DF}
body.art footer{padding:40px var(--pad)}
body.art footer a{text-underline-offset:3px}