/* Page « Mentions légales » */

.mentions { padding: 64px 24px 72px; position: relative; }
.mentions-int { max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.mentions-surtitre { font-family: Delius, sans-serif; font-size: 22px; color: var(--turquoise); }
.mentions h1 { margin: 0 0 8px; font-family: Delius, sans-serif; font-weight: 700; font-size: 44px; line-height: 1.1; color: var(--encre); }
.mentions-int .mentions-date { margin: 0 0 8px; font-size: 14px; color: #9A938C; }
.mentions h2 { margin: 28px 0 0; font-family: Delius, sans-serif; font-weight: 700; font-size: 22px; color: var(--turquoise-fonce); line-height: 1.2; }
.mentions-int p { margin: 0; font-size: 15.5px; line-height: 1.7; color: var(--texte); text-wrap: pretty; }
.mentions-int ul, .mentions-int ol {
  margin: 0; padding: 0 0 0 20px; font-size: 15.5px; line-height: 1.7; color: var(--texte);
  display: flex; flex-direction: column; gap: 2px;
}
.mentions-int a { color: var(--encre-fonce); font-weight: 600; }
.mentions-int a:hover { color: var(--turquoise-fonce); }
.mentions-int mark { background: #FDEBD3; color: #8A5A12; padding: 0 4px; border-radius: 3px; }

@media (max-width: 760px) {
  .mentions h1 { font-size: clamp(34px, 9vw, 44px); }
}