/* ── BLOG STYLES ── */
.blog-hero { background: var(--navy); padding: 5rem 2rem 3rem; text-align: center; }
.blog-hero h1 { font-family: 'Cormorant Garamond',Georgia,serif; font-size: clamp(2.2rem,5vw,3.5rem); color: #fff; font-weight: 500; margin-bottom: 0.75rem; }
.blog-hero p { color: rgba(255,255,255,0.7); font-size: 17px; max-width: 560px; margin: 0 auto; }
.blog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.75rem; }
.blog-card { background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); overflow: hidden; transition: transform 0.25s, box-shadow 0.25s; display: flex; flex-direction: column; }
.blog-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.blog-card-body { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; }
.blog-cat { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--teal); margin-bottom: 0.5rem; }
.blog-card h3 { font-family: 'Cormorant Garamond',Georgia,serif; font-size: 1.25rem; font-weight: 600; color: var(--navy); line-height: 1.3; margin-bottom: 0.65rem; }
.blog-card p { font-size: 14px; color: var(--text-muted); line-height: 1.7; flex: 1; }
.blog-card-footer { padding: 1rem 1.5rem; border-top: 1px solid var(--cream-dark); display: flex; justify-content: space-between; align-items: center; }
.blog-card-footer .date { font-size: 12px; color: var(--text-muted); }
.blog-card-footer a { font-size: 13px; font-weight: 600; color: var(--teal); text-decoration: none; }
.blog-card-footer a:hover { color: var(--teal-dark); }
.blog-card.locked { opacity: 0.45; pointer-events: none; }
.blog-card.locked .blog-card-footer a { display: none; }
.blog-card.locked .blog-card-footer::after { content: '📅 Coming soon'; font-size: 12px; color: var(--text-muted); }
.article-hero { background: var(--navy); padding: 5rem 2rem 3rem; }
.article-hero .article-meta { display: flex; gap: 1rem; align-items: center; margin-bottom: 1rem; }
.article-hero h1 { font-family: 'Cormorant Garamond',Georgia,serif; font-size: clamp(1.9rem,4vw,3rem); color: #fff; font-weight: 500; line-height: 1.2; max-width: 750px; }
.article-body { max-width: 750px; margin: 0 auto; padding: 3rem 2rem; }
.article-body h3 { font-family: 'Cormorant Garamond',Georgia,serif; font-size: 1.5rem; color: var(--navy); margin: 2rem 0 0.75rem; }
.article-body p { font-size: 16px; color: var(--text-muted); line-height: 1.85; margin-bottom: 1.1rem; }
.article-back { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.75); text-decoration: none; margin-bottom: 1.5rem; }
.article-back:hover { color: #fff; }
@media (max-width: 900px) { .blog-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px) { .blog-grid { grid-template-columns: 1fr; } }