/*
 * Douceur et Bienfait — Custom CSS
 * Complement TailwindCSS CDN
 */

/* Prose — typographie article */
.prose { max-width: 65ch; }
.prose h2 { margin-top: 2.5rem; margin-bottom: 1rem; }
.prose h3 { margin-top: 2rem; margin-bottom: 0.75rem; }
.prose p { margin-bottom: 1.25rem; }
.prose ul, .prose ol { margin-bottom: 1.25rem; padding-left: 1.5rem; }
.prose li { margin-bottom: 0.4rem; }
.prose blockquote {
  border-left: 3px solid;
  padding: 1rem 0 1rem 1.25rem;
  margin: 1.5rem 0;
}
.prose table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
.prose th, .prose td { padding: 0.5rem 0.75rem; border-bottom: 1px solid #e5e7eb; text-align: left; }
.prose th { font-weight: 700; font-size: 0.875rem; }

/* Focus — accessibilite */
a:focus-visible,
button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Print */
@media print {
  header, footer, nav, .no-print { display: none !important; }
  .prose { max-width: 100%; }
}