/* Post Details (single.php) — date, featured image, categories, excerpt,
   then the post's own (Elementor-editable) content. */
.post-details { max-width: 900px; margin: 0 auto; padding: 80px 24px; }
.post-details-meta { margin-bottom: 20px; color: var(--text-mid); }
.post-details-image { margin-bottom: 32px; border-radius: var(--radius-lg); overflow: hidden; }
.post-details-image img { width: 100%; height: auto; }
.post-details-categories { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.post-details-category-pill {
    display: inline-flex;
    padding: 6px 16px;
    border-radius: 999px;
    background: var(--teal-pale);
    color: var(--teal);
    font-weight: 600;
    font-size: .85em;
    text-decoration: none;
}
.post-details-category-pill:hover { background: var(--gold); color: var(--white); }
.post-details-excerpt {
    font-size: 1.2em;
    font-style: italic;
    color: var(--text-mid);
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--border);
}
.post-details-content { color: var(--text-mid); }
.post-details-content p { margin-bottom: 20px; }
.post-details-content img { border-radius: var(--radius); margin: 24px 0; }

@media (max-width: 680px) {
    .post-details { padding: 48px 24px; }
    .post-details-excerpt { font-size: 1.05em; }
}