---
// Ce composant est un simple conteneur stylisé.
// Il n'a pas besoin de props, il affiche simplement le contenu passé à l'intérieur.
---

<div class="parchment-card">
	<slot />
</div>

<style>
	.parchment-card {
		background-color: rgba(253, 246, 232, 0.8); /* Fond parchemin légèrement transparent */
		border: 1px solid #dcd0b9;
		border-radius: 8px;
		padding: 2rem;
		box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
		backdrop-filter: blur(4px); /* Effet de verre dépoli pour voir la texture du fond */
		margin: 0 auto 2rem auto; /* Centre la carte horizontalement */

		/* Contraint la largeur pour une meilleure lisibilité (environ 75 caractères) */
		width: 100%;
		max-width: 75ch;
	}
</style>