/* Post Details (single.php) — date, featured image, categories, excerpt,
   then the post's own (Elementor-editable) content. */
.post-details { padding: 80px 0; }
.post-details .skin-inner { max-width: 900px; }
.post-details-meta { margin-bottom: 20px; }
.post-details-date { font-family: var(--font-body); font-size: 14px; color: var(--tint-teal-80); text-transform: uppercase; letter-spacing: 0.5px; }
.post-details-image { margin-bottom: 32px; border-radius: 20px; 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(--tint-teal-10);
    color: var(--brand-teal);
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}
.post-details-category-pill:hover { background: var(--brand-teal); color: var(--brand-white); }
.post-details-excerpt {
    font-family: var(--font-body);
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    color: var(--brand-dark-grey);
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--tint-teal-20);
}
.post-details-content { font-family: var(--font-body); font-size: 16px; line-height: 26px; color: var(--brand-dark-grey); }
.post-details-content p { margin-bottom: 20px; }
.post-details-content img { border-radius: 20px; margin: 24px 0; }

@media (max-width: 767.98px) {
    .post-details { padding: 48px 0; }
    .post-details-excerpt { font-size: 17px; line-height: 26px; }
}