<div style="max-width: 400px; margin: 20px auto; font-family: 'Manit', sans-serif; background-color: #3E285A; padding: 20px; border-radius: 10px;">
<h3 style="font-family: 'Sarabun', sans-serif; color: #C1A36C; font-size: 1.2rem; margin-bottom: 12px;">🎙️ Pickling Artichoke Hearts</h3>
<audio controls style="width: 100%; outline: none; border-radius: 6px;">
<source src="https://d1yei2z3i6k35z.cloudfront.net/9625787/68641518f2cae_Pickling_Artichoke_Hearts.mp3.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
<div style="max-width: 480px; margin: 40px auto; padding: 24px; background: #3E285A; border-radius: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); font-family: 'Manit', sans-serif; text-align: center;">
<div style="color: #C1A36C; font-family: 'Sarabun', sans-serif; font-size: 1.25rem; font-weight: 600; margin-bottom: 16px;">
🎙️ Pickling Artichoke Hearts
</div>
<audio controls style="width: 100%; border-radius: 10px; outline: none; background: transparent;">
<source src="https://d1yei2z3i6k35z.cloudfront.net/9625787/68641518f2cae_Pickling_Artichoke_Hearts.mp3.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
A story about preserving more than just vegetables. Sometimes the slowest recipes are the ones that teach you how to listen.
<div style="max-width: 600px; margin: 40px auto; padding: 24px; background: #3E285A; border-radius: 24px; box-shadow: 0 10px 25px rgba(0,0,0,0.15); font-family: 'Manit', sans-serif; opacity: 0; transform: translateY(20px); animation: fadeUp 1s ease forwards; animation-delay: 0.2s;">
<div style="color: #C1A36C; font-family: 'Sarabun', sans-serif; font-size: 1.25rem; font-weight: 600; margin-bottom: 16px;">
🎙️ Pickling Artichoke Hearts
</div>
<audio controls style="width: 100%; border-radius: 10px; outline: none; background: transparent;">
<source src="https://d1yei2z3i6k35z.cloudfront.net/9625787/6864173213f4c_Pickling_Artichoke_Hearts.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<p style="margin-top: 16px; color: #F3EADB; font-size: 0.95rem; line-height: 1.5;">
A story about preserving more than just vegetables. Sometimes the slowest recipes are the ones that teach you how to listen.
</p>
</div>
<style>
@keyframes fadeUp {
to { opacity: 1; transform: translateY(0); }
}
</style>
