/* Blog-specific styles, layered on top of style.css */

.reading-progress{ position:fixed; top:0; left:0; height:4px; background:var(--coral); width:0%; z-index:300; transition:width .1s linear; }

.blog-hero{ padding:44px 0 10px; }
.blog-hero .eyebrow{ color:var(--coral); }

.post-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
@media (max-width:900px){ .post-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px){ .post-grid{ grid-template-columns:1fr; } }
.post-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); display:flex; flex-direction:column; }
.post-card img{ height:180px; width:100%; object-fit:cover; }
.post-card .post-card-body{ padding:22px; display:flex; flex-direction:column; gap:10px; flex:1; }
.post-card .tag{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--coral); }
.post-card h3{ font-size:1.15rem; margin-bottom:4px; }
.post-card p{ font-size:16px; margin-bottom:0; flex:1; }
.post-card .read-link{ font-weight:700; color:var(--teal); margin-top:6px; }

.article-wrap{ display:grid; grid-template-columns:260px 1fr; gap:52px; align-items:start; }
@media (max-width:900px){ .article-wrap{ grid-template-columns:1fr; } }
.toc{ position:sticky; top:96px; background:var(--sand); border-radius:var(--radius); padding:24px; font-size:15px; }
.toc h4{ font-family:'Space Grotesk',sans-serif; font-size:15px; text-transform:uppercase; letter-spacing:.5px; margin-bottom:14px; }
.toc ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.toc a{ color:var(--teal); font-weight:600; }
.toc a:hover{ color:var(--coral); }

.article-body h2{ margin-top:1.6em; }
.article-body h3{ margin-top:1.3em; }
.article-body ul,.article-body ol{ padding-left:1.4em; margin-bottom:1.2em; }
.article-body li{ margin-bottom:.5em; }
.article-meta{ font-size:15px; opacity:.7; margin-bottom:8px; }
.article-featured-img{ border-radius:var(--radius-lg); margin:28px 0; width:100%; height:340px; object-fit:cover; }

.article-cta{ background:var(--teal); color:#fff; border-radius:var(--radius-lg); padding:40px; text-align:center; margin:48px 0; }
.article-cta *{ color:#fff; }
.article-cta img{ max-width:150px; margin:0 auto 18px; }

.prev-next{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:48px; border-top:1px solid var(--line); padding-top:32px; }
.prev-next a{ display:block; padding:18px; border:1px solid var(--line); border-radius:var(--radius); }
.prev-next a:hover{ border-color:var(--coral); }
.prev-next .dir{ font-size:13px; text-transform:uppercase; font-weight:700; color:var(--coral); }
@media (max-width:620px){ .prev-next{ grid-template-columns:1fr; } }

.related-posts{ margin-top:48px; }