/* =========================================================
   BLOG PAGES — shared styles for blog.html and blog-post-*.html
========================================================= */

.blog-hero{ padding:8.5rem 0 3rem; background:radial-gradient(circle at 50% 0%, var(--bg-maroon-light) 0%, var(--bg-black) 70%); border-bottom:1px solid var(--border-soft); }
.blog-hero h1{ font-family:var(--font-display); font-size:clamp(2.8rem,7vw,4.5rem); color:var(--cream); letter-spacing:2px; }
.blog-hero p{ color:var(--cream-dim); max-width:560px; }

.blog-list-section{ padding:4rem 0 5rem; background:var(--bg-black); }
.blog-card{ background:var(--bg-maroon); border:1px solid var(--border-soft); border-radius:12px; overflow:hidden; height:100%; transition:transform .3s ease, border-color .3s ease; }
.blog-card:hover{ transform:translateY(-6px); border-color:var(--accent-red); }
.blog-card img{ width:100%; height:190px; object-fit:cover; display:block; }
.blog-card-body{ padding:1.4rem; }
.blog-meta{ font-size:.7rem; letter-spacing:1px; text-transform:uppercase; color:var(--accent-red); margin-bottom:.5rem; }
.blog-card h3{ font-size:1.05rem; color:var(--cream); margin-bottom:.6rem; }
.blog-card p{ font-size:.82rem; color:var(--cream-dim); line-height:1.6; margin-bottom:1rem; }
.blog-read-link{ font-size:.78rem; letter-spacing:1px; text-transform:uppercase; color:var(--cream); border-bottom:1px solid var(--accent-red); padding-bottom:2px; }
.blog-read-link:hover{ color:var(--accent-red); }

/* Individual article page */
.article-page{ padding:9rem 0 5rem; background:var(--bg-black); min-height:70vh; }
.article-page .back-link{ display:inline-block; font-size:.8rem; letter-spacing:1px; text-transform:uppercase; color:var(--cream-dim); margin-bottom:1.5rem; }
.article-page .back-link:hover{ color:var(--accent-red); }
.article-page .article-meta{ font-size:.75rem; letter-spacing:1px; text-transform:uppercase; color:var(--accent-red); margin-bottom:.7rem; }
.article-page h1{ font-family:var(--font-display); font-size:clamp(2rem,5vw,3rem); color:var(--cream); letter-spacing:1px; margin-bottom:1.5rem; line-height:1.1; }
.article-hero-img{ width:100%; border-radius:12px; margin-bottom:2rem; max-height:380px; object-fit:cover; }
.article-page p{ font-size:.95rem; line-height:1.9; color:var(--cream-dim); margin-bottom:1.2rem; }
.article-page ul{ color:var(--cream-dim); font-size:.92rem; line-height:1.85; margin-bottom:1.2rem; }
.article-page ul li::marker{ color:var(--accent-red); }

.article-nav{ display:flex; justify-content:space-between; align-items:center; margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--border-soft); flex-wrap:wrap; gap:1rem; }
.article-nav-link{ font-size:.8rem; letter-spacing:1px; text-transform:uppercase; color:var(--cream); border:1px solid var(--border-soft); padding:.6rem 1.2rem; border-radius:4px; transition:all .25s ease; }
.article-nav-link:hover{ border-color:var(--accent-red); background:var(--accent-red); color:var(--cream); }