/* MENTIONS LÉGALES — Frédéric Pignard */
* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    background: #f9f9f8;
    color: #262626;
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.7;
}

.legal-page {
    width: min(100% - 40px, 920px);
    margin: 0 auto;
}

.legal-header {
    padding: 42px 0 28px;
    border-bottom: 1px solid #dedede;
}

.back-button {
    display: inline-block;
    margin-bottom: 45px;
    padding: 9px 17px;
    border: 1px solid #777;
    border-radius: 30px;
    color: #333;
    background: transparent;
    text-decoration: none;
    font: 14px Arial, sans-serif;
    transition: background .2s, color .2s, border-color .2s;
}

.back-button:hover,
.back-button:focus-visible {
    color: #fff;
    background: #262626;
    border-color: #262626;
}

.site-name {
    margin: 0 0 8px;
    font: 12px Arial, sans-serif;
    letter-spacing: 2px;
    color: #777;
}

h1 {
    margin: 0 0 15px;
    font-size: clamp(35px, 5vw, 54px);
    line-height: 1.15;
    font-weight: normal;
}

.legal-intro {
    max-width: 700px;
    margin: 0;
    font-size: 17px;
    color: #666;
}

.legal-content { padding: 12px 0 35px; }

.legal-content section {
    padding: 27px 0 25px;
    border-bottom: 1px solid #e4e4e4;
}

h2 {
    margin: 0 0 16px;
    font-size: 23px;
    font-weight: normal;
    color: #1e1e1e;
}

.legal-content p {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 1.85;
}

.legal-content p:last-child { margin-bottom: 0; }

.legal-content a,
.legal-footer a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #aaa;
}

.legal-content a:hover,
.legal-content a:focus-visible,
.legal-footer a:hover,
.legal-footer a:focus-visible {
    border-bottom-color: #222;
}

.to-complete {
    color: #9a4e30;
    background: #fff4ed;
    padding: 2px 4px;
}

.update-date { color: #777; font-style: italic; }

.legal-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 14px;
    padding: 27px 0 45px;
    color: #888;
    font: 13px Arial, sans-serif;
}

@media (max-width: 650px) {
    .legal-page { width: min(100% - 34px, 920px); }
    .legal-header { padding-top: 25px; }
    .back-button { margin-bottom: 33px; }
    .legal-content section { padding: 24px 0; }
    h2 { font-size: 21px; }
    .legal-content p { font-size: 15.5px; line-height: 1.8; }
    .legal-footer { flex-direction: column; align-items: flex-start; }
}