/* Crate and Cream — Post Page Styles */

.post-hero { background: var(--warm); padding: 4rem 2rem; text-align: center; border-bottom: 1px solid var(--border); }
.post-hero .post-cat { font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); margin-bottom: 1rem; }
.post-hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 400; color: var(--ink); max-width: 700px; margin: 0 auto 1rem; }
.post-hero .post-date { font-size: 0.82rem; color: var(--muted); }
.post-hero-img { width: 100%; max-width: 740px; max-height: 420px; object-fit: cover; border-radius: 3px; margin: 0 auto 1.5rem; display: block; }

.post-content { max-width: 740px; margin: 0 auto; padding: 4rem 2rem; }
.post-content p { margin-bottom: 1.25rem; font-size: 1rem; }
.post-content h2 { font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 400; margin: 2.5rem 0 1rem; color: var(--ink); }
.post-content h3 { font-family: 'Playfair Display', serif; font-size: 1.2rem; font-weight: 400; margin: 2rem 0 0.75rem; color: var(--ink2); }
.post-content ul, .post-content ol { margin: 0 0 1.5rem 1.5rem; }
.post-content li { margin-bottom: 0.4rem; font-size: 1rem; }

.recipe-meta { display: flex; gap: 2rem; margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--border); font-size: 0.88rem; color: var(--muted); }
.recipe-meta strong { color: var(--ink); }