/* Pages secondaires (mentions légales, confidentialité, 404) : fond ivoire, texte courant. */
body.page { background: var(--ivoire); color: var(--nuit); }
.page__top { padding: calc(20px + env(safe-area-inset-top, 0px)) 0 20px; border-bottom: 1px solid var(--trait); }
.page__top .logo__img { width: 150px; }
.page__body { padding-top: 56px; padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); max-width: 760px; }
.page__body .eyebrow { color: var(--pierre); }
.page__body h1 { font-family: var(--f-display); font-weight: 500; font-size: clamp(38px, 6vw, 60px); letter-spacing: 0; line-height: 1; margin: 0 0 32px; }
.page__body h2 { font-family: var(--f-display); font-weight: 600; font-size: 22px; letter-spacing: 0; margin: 36px 0 10px; }
.page__body p { margin: 0 0 14px; color: #2E2C28; }
.page__body a { color: var(--laiton-texte); }
.page__back { margin-top: 48px !important; }
.page--404 { background: var(--nuit); color: var(--ivoire); min-height: 100vh; display: grid; place-items: center; text-align: center; padding: 40px 20px; }
.page--404 h1 { font-family: var(--f-display); font-weight: 500; font-size: clamp(44px, 8vw, 96px); letter-spacing: 0; line-height: .95; margin: 24px 0 18px; }
.page--404 p { color: #BDB8AE; margin: 0 0 28px; }
.page__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }