/* Juste — pages légales et page de remerciement, édition « Nocturne » (comme site.css). Polices locales. */
@font-face { font-family: "Schibsted Grotesk"; font-style: normal; font-display: swap; font-weight: 400 900; src: url("fonts/schibsted-grotesk-latin-wght-normal.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: "Schibsted Grotesk"; font-style: normal; font-display: swap; font-weight: 400 900; src: url("fonts/schibsted-grotesk-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Archivo Display"; font-style: normal; font-display: swap; font-weight: 100 900; font-stretch: 62% 125%; src: url("fonts/archivo-latin-wdth-wght-normal.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; }
:root { color-scheme: dark; --fond: #070b09; --papier: #0d1311; --trait: rgba(255, 255, 255, .08); --texte: #f2f5f3; --texte-2: #9aaaa3; --texte-3: #5f6e68; --sapin: #7fd1b0; --jaune: #ffe066; --jaune-doux: rgba(255, 224, 102, .12); }
* { box-sizing: border-box; }
body { margin: 0; color: var(--texte); font: 16px/1.75 "Schibsted Grotesk", system-ui, sans-serif; -webkit-font-smoothing: antialiased; background: radial-gradient(70% 700px at 100% -10%, rgba(31, 90, 70, .45), transparent 70%) no-repeat, var(--fond); }
main { width: min(760px, calc(100% - 32px)); margin: 40px auto 90px; }
h1, h2 { font-family: "Archivo Display", system-ui, sans-serif; font-stretch: 112%; letter-spacing: -.03em; line-height: 1.08; }
h1 { font-size: clamp(34px, 5vw, 52px); font-weight: 760; margin: 0 0 18px; }
h2 { font-size: 24px; font-weight: 720; margin: 44px 0 10px; }
p, li { color: var(--texte-2); }
li + li { margin-top: 9px; }
strong { color: var(--texte); }
.muted { color: var(--texte-3); font-size: 13px; }
a { color: var(--sapin); text-underline-offset: 4px; }
a:focus-visible { outline: 2px solid var(--jaune); outline-offset: 3px; border-radius: 4px; }
.back { display: flex; align-items: center; gap: 8px; margin-bottom: 40px; padding-bottom: 18px; border-bottom: 1px solid var(--trait); text-decoration: none; color: var(--texte); font: 800 19px/1 "Archivo Display", system-ui, sans-serif; font-stretch: 125%; }
.todo { background: var(--jaune-doux); border: 1px solid rgba(255, 224, 102, .4); color: var(--texte); border-radius: 14px; padding: 14px 17px; font-size: 13px; }
code { font-size: 13px; background: var(--papier); border: 1px solid var(--trait); padding: 2px 6px; border-radius: 6px; color: var(--texte); }
.thanks { text-align: center; padding-top: 50px; }
.thanks .back { justify-content: center; border: 0; margin: 30px 0 0; font-size: 16px; color: var(--sapin); }
.big { font: 760 72px/1 "Archivo Display", system-ui, sans-serif; color: var(--jaune); margin-bottom: 18px; }
@media (max-width: 540px) { main { margin-top: 24px; } h2 { font-size: 21px; } body { font-size: 15px; } }