/* ── Pagine legali ───────────────────────────────────────────────────────── */


/* Tipografia del corpo HTML proveniente dall'API */
.legale-body {
    font-size: .92rem;
    line-height: 1.8;
    color: var(--testo);
}

.legale-body h2 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--blu-scuro);
    margin: 2em 0 .6em;
    border-bottom: 2px solid var(--blu-chiaro);
    line-height: 1.3;
}


.legale-body section{
    margin-bottom: 2em;
}


.legale-body h2:first-child { margin-top: 0; }

.legale-body h3 {
    font-size: .97rem;
    font-weight: 700;
    color: var(--testo);
    margin: 1.5em 0 .4em;
}

.legale-body h4 {
    font-size: .8rem;
    font-weight: 600;
    color: var(--testo-sec);
    margin: 1.2em 0 .3em;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.legale-body p           { margin: 0 0 1em; }
.legale-body p:last-child { margin-bottom: 0; }

.legale-body ul,
.legale-body ol     { padding-left: 1.5em; margin: 0 0 1em; }
.legale-body li     { margin-bottom: .4em; }
.legale-body ul li::marker { color: var(--blu); }

.legale-body a      { color: var(--blu); text-decoration: underline; text-underline-offset: 2px; }
.legale-body a:hover { color: var(--blu-medio); }

.legale-body strong  { font-weight: 700; }
.legale-body em      { font-style: italic; }

.legale-body blockquote {
    margin: 1.2em 0;
    padding: 12px 18px;
    background: var(--blu-chiaro);
    border-left: 4px solid var(--blu);
    border-radius: 0 var(--radius) var(--radius) 0;
    font-size: .9rem;
    color: var(--blu-scuro);
}

.legale-body hr {
    border: none;
    border-top: 1px solid var(--bordo);
    margin: 1.8em 0;
}

.legale-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.2em 0;
    font-size: .88rem;
}

.legale-body th,
.legale-body td {
    border: 1px solid var(--bordo);
    padding: 8px 12px;
    text-align: left;
}

.legale-body th {
    background: var(--sfondo);
    font-weight: 700;
}

.legale-body tr:nth-child(even) td {
    background: var(--sfondo);
}

.legale-ext-link-icon { font-size: .75em; }

/* Testo introduttivo seguito dalle schede dei contatti */
.legale-body + .crud-cards {
    margin-top: 18px;
}