/* Blog page-specific styles (keeps consistent with base.css, avoids duplicates) */

.section-hero { padding: var(--space-10) 0 var(--space-12); background: var(--gray-100); }
.hero-wrap { position: relative; overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.hero-content { position: absolute; inset: auto 0 0 0; padding: var(--space-8) var(--container-gutter); background: linear-gradient(to top, rgba(46,42,37,0.55), rgba(46,42,37,0)); color: #fff; }
.hero-subtitle { color: #fff; max-width: 60ch; margin-block-end: 0; }

.section-latest { padding: var(--space-12) 0; }
.posts-grid { align-items: stretch; }
.post-card { display: grid; grid-template-rows: auto 1fr; gap: var(--space-6); }
.post-media img { width: 100%; height: auto; object-fit: cover; }
.post-body { display: grid; gap: var(--space-5); }
.post-title a { color: var(--color-text); }
.post-actions { display: flex; gap: var(--space-4); flex-wrap: wrap; align-items: center; }

.tag { display: inline-block; padding: 2px 8px; border: 1px solid var(--gray-300); border-radius: var(--radius-round); background: var(--gray-100); color: var(--color-text); text-decoration: none; }
.tag-list { display: flex; flex-wrap: wrap; gap: var(--space-4); padding-left: 0; }

.section-featured { padding: var(--space-12) 0; }
.author-card { display: grid; grid-template-columns: 220px 1fr; gap: var(--space-8); align-items: center; }
.author-media img { border-radius: var(--radius-lg); object-fit: cover; }
.author-cta { display: flex; gap: var(--space-4); margin-top: var(--space-4); flex-wrap: wrap; }
@media (max-width: 800px) { .author-card { grid-template-columns: 1fr; } }

.section-categories { padding: var(--space-12) 0; }
.category-card { transition: transform var(--dur-base) var(--ease-out); }
.category-card:hover { transform: translateY(-2px); text-decoration: none; }

.section-guests { padding: var(--space-12) 0; }
.guests-grid { align-items: stretch; }
.guest-card { display: grid; grid-template-columns: 160px 1fr; gap: var(--space-6); align-items: center; }
.guest-media { width: 100%; height: auto; border-radius: var(--radius-lg); object-fit: cover; }
.guest-content a { margin-top: var(--space-3); }
@media (max-width: 800px) { .guest-card { grid-template-columns: 1fr; } }

.section-trending { padding: var(--space-12) 0; background: var(--gray-100); }

.section-interviews { padding: var(--space-12) 0; }
.interviews-grid { align-items: stretch; }

.section-tips { padding: var(--space-12) 0; background: var(--gray-100); }
.tips-list { display: grid; gap: var(--space-4); }
.tip-item { background: var(--color-surface); border: 1px solid var(--gray-200); border-radius: var(--radius-md); padding: var(--space-4) var(--space-6); box-shadow: var(--shadow-sm); }
.tip-item > summary { cursor: pointer; font-weight: 700; }

.section-cta { padding: var(--space-12) 0 var(--space-16); }
.cta-card { display: grid; gap: var(--space-6); align-items: center; }
.subscribe-form { display: grid; grid-template-columns: 1fr auto; gap: var(--space-4); }
@media (max-width: 640px) { .subscribe-form { grid-template-columns: 1fr; } }