*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --c-dark:   #111111;
  --c-dark-2: #1a1a1a;
  --c-dark-3: #222222;
  --c-orange: #E87722;
  --c-warm:   #f9f8f6;
  --c-white:  #ffffff;
  --c-text:   #1a1a1a;
  --c-muted:  #6b7280;
  --c-border: #eeebe6;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--c-text);
  background: var(--c-white);
  font-size: 14px;
  line-height: 1.6;
}

a { text-decoration: none; }
img { max-width: 100%; display: block; }

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 32px;
}

.section { padding: 88px 0; }
.bg-warm { background: var(--c-warm); }
.bg-dark { background: var(--c-dark); }

.section-eyebrow {
  font-size: 11px;
  font-weight: 600;
  color: var(--c-orange);
  text-transform: uppercase;
  letter-spacing: 2.5px;
  margin-bottom: 10px;
}

h2 {
  font-size: 30px;
  font-weight: 700;
  color: var(--c-dark);
  letter-spacing: -0.8px;
  line-height: 1.15;
}

.section-divider {
  width: 36px;
  height: 2px;
  background: var(--c-orange);
  margin-top: 14px;
  margin-bottom: 44px;
}

.btn-primary {
  display: inline-block;
  background: var(--c-orange);
  color: white;
  padding: 13px 26px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  border: none;
}

.btn-outline {
  display: inline-block;
  border: 1px solid #2e2e2e;
  color: #9a9a9a;
  padding: 13px 26px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
}

/* Prose styles for Markdown page content */
.prose h1 { font-size: 28px; font-weight: 700; color: var(--c-dark); margin-bottom: 20px; letter-spacing: -0.5px; line-height: 1.2; }
.prose h2 { font-size: 22px; font-weight: 700; margin: 40px 0 14px; }
.prose h3 { font-size: 17px; font-weight: 600; margin: 28px 0 10px; }
.prose p { font-size: 15px; line-height: 1.75; color: #374151; margin-bottom: 16px; }
.prose ul { padding-left: 22px; margin-bottom: 16px; }
.prose ul li { font-size: 15px; line-height: 1.75; color: #374151; margin-bottom: 6px; }
.prose strong { font-weight: 600; color: var(--c-dark); }
.prose a { color: var(--c-orange); font-weight: 500; }
.prose a:hover { text-decoration: underline; }
.prose hr { border: none; border-top: 1px solid var(--c-border); margin: 32px 0; }

/* Pour aller plus loin section */
.prose h2:has(+ ul a[href^="/"]) { color: var(--c-orange); }