/* LeContradictoire — feuille commune des pages secondaires (confidentialité, mentions). */
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 300 600; font-display: swap; src: url("/polices/fraunces.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 300 600; font-display: swap; src: url("/polices/fraunces-italique.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Fraunces repli"; src: local("Iowan Old Style"), local("Palatino Linotype"), local("Georgia"); size-adjust: 104%; ascent-override: 92%; descent-override: 24%; }
:root { --papier: #f6efe6; --feuille: #fcf9f4; --encre: #1e1512; --encre2: #5e4f48; --encre3: #6f6058; --filet: #e3d6c8; --sceau: #861b1b; --serif: "Fraunces", "Fraunces repli", Georgia, serif; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--papier); color: var(--encre); font-family: var(--serif); font-optical-sizing: auto; font-size: 18px; line-height: 1.55; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--sceau); outline-offset: 3px; }
.in { max-width: 1200px; margin: 0 auto; padding-inline: 20px; }
header.haut { display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; padding-block: 20px 16px; border-bottom: 1px solid var(--filet); }
.marque { font-size: 22px; font-weight: 500; letter-spacing: -0.01em; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
.marque i { font-style: italic; }
.marque svg { width: 30px; height: 30px; }
nav.menu { display: flex; align-items: center; gap: 8px 26px; flex-wrap: wrap; font-size: 16px; }
nav.menu a { text-decoration: none; padding-block: 6px; }
nav.menu a:hover { text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--sceau); }
main.texte { max-width: 68ch; padding-block: 44px 64px; }
.sur { font-size: 12.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sceau); font-weight: 500; margin: 0 0 14px; }
h1 { font-weight: 300; font-size: clamp(34px, 4.4vw, 52px); letter-spacing: -0.03em; line-height: 1.04; margin: 0; font-variation-settings: "SOFT" 60; text-wrap: balance; }
h1 i { font-style: italic; }
h2 { font-weight: 400; font-size: 24px; letter-spacing: -0.015em; margin: 36px 0 8px; }
p { margin: 0 0 12px; color: var(--encre2); }
.lede { font-size: 19px; margin-top: 14px; }
p a { text-decoration-color: var(--sceau); text-underline-offset: 4px; }
.date { color: var(--encre3); font-size: 14px; margin-top: 36px; font-style: italic; }
footer { border-top: 1px solid var(--filet); padding-block: 26px 48px; display: flex; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; font-size: 14px; color: var(--encre2); }
footer nav { display: flex; gap: 20px; flex-wrap: wrap; }
footer a { text-decoration: none; }
footer a:hover { text-decoration: underline; }