/* Pages éditoriales / légales (mentions légales, confidentialité) */
.legal
{
    max-width: 780px;
    margin: 0 auto;
    padding: 48px 20px 88px;
}

.legal h1
{
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 6px;
}

.legal .legal-updated
{
    font-size: 13px;
    color: var(--ink-soft);
    margin: 0 0 28px;
}

.legal h2
{
    font-size: 20px;
    margin: 34px 0 10px;
}

.legal p,
.legal li
{
    color: var(--ink-soft);
    line-height: 1.65;
}

.legal ul
{
    padding-left: 20px;
    margin: 8px 0;
}

.legal li
{
    margin: 4px 0;
}

.legal a
{
    color: var(--accent);
}

.legal .legal-note
{
    background: #fff6e6;
    border: 1px solid #f0d9a8;
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 14px;
    margin: 16px 0;
}