/* Pagine legali (privacy e termini) e pagina 404: si appoggia a site.css */

.doc{max-width:800px;margin:0 auto;padding:clamp(40px,7vw,88px) var(--gutter) clamp(56px,8vw,112px)}
.doc h1{font:700 clamp(2rem,5vw,3.1rem)/1.05 var(--display);letter-spacing:-.03em;margin:0 0 20px;text-wrap:balance}
.doc .lead{font-size:1rem;color:var(--muted);max-width:none;margin:0 0 6px}
.doc .meta{font-family:var(--mono);font-size:.9rem;color:var(--faint);margin:0 0 36px}
.toc{border-block:1px solid var(--line);padding:20px 0;margin-bottom:12px}
.toc p{font-weight:700;margin:0 0 8px}
.toc ol{list-style:none;margin:0;padding:0;columns:2;column-gap:32px;font-size:.98rem}
.toc li{break-inside:avoid;padding:2px 0}
.toc a{text-decoration:none;color:var(--muted)}
@media (hover:hover){.toc a:hover{color:var(--text);text-decoration:underline}}
.doc h2{font:700 1.4rem/1.25 var(--display);letter-spacing:-.015em;margin:2.4em 0 .7em}
.doc h3{font:700 1.1rem/1.3 var(--display);margin:1.8em 0 .5em}
.doc p{margin:0 0 1em}
.doc ul{margin:0 0 1em;padding-left:1.3em}
.doc li{margin-bottom:.35em}
.doc a{color:var(--accent);text-underline-offset:3px}
@media (hover:hover){.doc a:hover{color:var(--text)}}
.table-wrap{overflow-x:auto;margin:1.2em 0 1.6em;border-top:2px solid var(--line-2)}
.doc table{border-collapse:collapse;width:100%;min-width:620px;font-size:.95rem;line-height:1.5}
.doc th,.doc td{text-align:left;vertical-align:top;padding:12px 14px 12px 0;border-bottom:1px solid var(--line)}
.doc th{font-weight:700}
.end{border-top:1px solid var(--line);margin-top:3em;padding-top:1.4em;color:var(--muted);font-size:.95rem}
.end p{margin:0 0 .3em}

/* Pagina non trovata */
.lost{max-width:640px;margin:0 auto;padding:clamp(72px,14vw,160px) var(--gutter);text-align:left}
.lost .eyebrow{display:block;margin-bottom:6px}
.lost h1{font:700 clamp(2.4rem,7vw,4.5rem)/1 var(--display);letter-spacing:-.04em;margin:0 0 18px;text-wrap:balance}
.lost p{color:var(--muted);margin:0 0 30px;max-width:44ch}

@media (hover:none),(pointer:coarse){.toc li{padding:7px 0}}
@media (max-width:640px){.toc ol{columns:1}}
