/* Rebuilt blog index styles (minimal fresh reset) */
body[data-page='blog'] { --accent:#7040d6; --accent-hover:#5426b3; }

.blog-hero { padding:var(--space-20) 0 var(--space-12); position:relative; background:linear-gradient(135deg, rgba(112 64 214 / .18), rgba(112 64 214 / 0)); overflow:hidden; }
[data-theme='dark'] .blog-hero { background:linear-gradient(135deg, rgba(112 64 214 / .30), rgba(112 64 214 / 0)); }
.blog-hero h1 { margin:0 0 var(--space-6); font-size:clamp(2.3rem,5.2vw,3.15rem); letter-spacing:-2px; }
.blog-hero .lead { font-size:.95rem; color:var(--text-light); margin:0 0 var(--space-8); }
.inline-search { display:flex; gap:8px; flex-wrap:wrap; }
.inline-search input { flex:1 1 220px; padding:12px 14px; font:inherit; border:1px solid var(--border); border-radius:8px; background:var(--surface); }
.inline-search button { flex:0 0 auto; }

.blog-filters { position:sticky; top:72px; z-index:30; background:rgba(255 255 255 / .85); backdrop-filter:blur(10px); border-bottom:1px solid var(--border); }
[data-theme='dark'] .blog-filters { background:rgba(15 13 23 / .85); }
.blog-filters .container { padding-top:0; padding-bottom:0; }
.blog-filters ul { list-style:none; margin:0; padding:0; display:flex; gap:var(--space-4); overflow:auto; }
.blog-filters ul::-webkit-scrollbar { display:none; }
.blog-filters button { border:none; background:transparent; font-size:.65rem; font-weight:600; letter-spacing:.5px; padding:10px 16px; border-radius:30px; color:var(--text-light); cursor:not-allowed; }
.blog-filters button.is-active { background:var(--accent); color:#fff; }
.blog-filters button:not(.is-active):hover { background:var(--accent-soft); color:var(--accent); }

.featured { padding-top:var(--space-16); }
.featured-card { padding:var(--space-10); display:flex; flex-direction:column; gap:var(--space-4); }
.featured-card h2 { margin:0; font-size:1.5rem; letter-spacing:-1px; }
.featured-card p { margin:0; font-size:.9rem; line-height:1.5; color:var(--text-light); }
.featured-card .feat-meta { font-size:.55rem; text-transform:uppercase; letter-spacing:.5px; font-weight:700; color:var(--accent); }
.featured-card .read-more { font-size:.7rem; text-decoration:none; font-weight:600; color:var(--accent); }

.posts-grid { display:grid; gap:var(--space-8); margin-top:var(--space-10); grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.post-card h3 { margin:0 0 6px; font-size:1.05rem; letter-spacing:-.5px; }
.post-card p { margin:0 0 var(--space-4); font-size:.75rem; color:var(--text-light); }
.post-card .meta { display:flex; justify-content:space-between; font-size:.55rem; text-transform:uppercase; letter-spacing:.5px; color:var(--text-light); }
.post-card .meta span { color:var(--accent); font-weight:600; }
.post-card.placeholder a { pointer-events:none; color:inherit; text-decoration:none; }
.post-card a { text-decoration:none; color:inherit; }
.post-card a:hover h3 { text-decoration:underline; }

/* Thumbnails */
.thumb { width:100%; aspect-ratio:16/9; border-radius:10px; background:repeating-linear-gradient(45deg, var(--accent-soft), var(--accent-soft) 10px, transparent 10px, transparent 20px); margin:0 0 var(--space-4); position:relative; overflow:hidden; }
.thumb:after { content:""; position:absolute; inset:0; background:linear-gradient(140deg, rgba(255 255 255 / .4), rgba(255 255 255 / 0)); mix-blend-mode:overlay; opacity:.55; }
[data-theme='dark'] .thumb:after { background:linear-gradient(140deg, rgba(0 0 0 / .35), rgba(0 0 0 / 0)); }

/* Category color hints (placeholder themes) */
.ph-eng { background:linear-gradient(125deg, rgba(99 102 241 / .25), rgba(99 102 241 / 0)); }
.ph-prod { background:linear-gradient(125deg, rgba(16 185 129 / .25), rgba(16 185 129 / 0)); }
.ph-design { background:linear-gradient(125deg, rgba(244 114 182 / .25), rgba(244 114 182 / 0)); }
.ph-growth { background:linear-gradient(125deg, rgba(59 130 246 / .25), rgba(59 130 246 / 0)); }
.ph-auto { background:linear-gradient(125deg, rgba(234 179 8 / .35), rgba(234 179 8 / 0)); }
.ph-culture { background:linear-gradient(125deg, rgba(168 85 247 / .3), rgba(168 85 247 / 0)); }

/* Hidden posts (filtered out) */
.hidden { display:none !important; }

/* Load more */
.load-more-wrap { margin-top:var(--space-12); text-align:center; }
.load-more-wrap .button { font-size:.7rem; }

/* Scrollspy active filter (JS will toggle) */
.blog-filters button.js-active:not(.is-active) { outline:2px solid var(--accent); outline-offset:2px; }

.newsletter { background:linear-gradient(120deg, rgba(112 64 214 / .08), transparent); }
.newsletter-card { padding:var(--space-12); display:grid; gap:var(--space-6); max-width:760px; }
.subscribe-form { display:flex; flex-wrap:wrap; gap:12px; }
.subscribe-form input { flex:1 1 260px; padding:14px 16px; border:1px solid var(--border); border-radius:10px; font:inherit; background:var(--surface); }
.subscribe-form button { flex:0 0 auto; }

@media (max-width:800px){
	.blog-hero { padding:var(--space-16) 0 var(--space-12); }
	.featured-card { padding:var(--space-8); }
	.posts-grid { grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
	.blog-filters { top:66px; }
}
@media (max-width:600px){
	.blog-filters { top:60px; }
	.featured-card h2 { font-size:1.3rem; }
	.inline-search input { flex:1 1 100%; }
}