/* legal: the privacy notice and the terms, a long text to read (Ale, 2026-10-06: "mettici anche privacy e terms and
   conditions e scrivile tu"). One column of 68 characters under the bar, headings in the serif. Needs ../base/base.css. */
.legale{width:min(720px,100% - 2 * var(--gutter));margin:0 auto;padding:clamp(140px,14vw,200px) 0 clamp(80px,9vw,140px)}
.legale h1{font-family:var(--serif);font-size:clamp(44px,5vw,72px);font-weight:400;line-height:1;letter-spacing:-.025em}
.legale .agg{margin-top:16px;color:var(--ink-3);font-size:calc(14 * var(--px))}
.legale .intro{margin-top:32px;font-size:calc(18 * var(--px));line-height:1.55;color:var(--ink-2)}
.legale h2{margin-top:56px;font-family:var(--serif);font-size:clamp(26px,2.4vw,34px);font-weight:400;letter-spacing:-.015em}
.legale p,.legale li{margin-top:14px;font-size:calc(16 * var(--px));line-height:1.65;color:var(--ink-2)}
.legale ul{padding-left:1.2em}
.legale li{margin-top:10px}
.legale b{color:var(--ink);font-weight:600}
.legale a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--riga-2)}