.blog-hero{background:radial-gradient(circle at 20% 20%,rgba(236,72,153,.14),transparent 35%),radial-gradient(circle at 82% 10%,rgba(7,87,217,.16),transparent 30%)}
.featured-post-grid{display:grid;gap:24px}.featured-post{display:grid;grid-template-columns:.75fr 1.25fr;border-radius:32px;overflow:hidden;color:#fff;min-height:380px;box-shadow:var(--shadow)}.post-visual{display:grid;place-items:center;background:rgba(255,255,255,.09)}.post-visual span{font-size:7rem;font-weight:900;opacity:.7}.featured-post-copy{padding:40px}.featured-post-copy>span,.blog-category{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;opacity:.8}.featured-post-copy h2{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.05em;margin:10px 0}.featured-post-copy p{color:rgba(255,255,255,.8)}.post-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin:16px 0}.featured-post .post-meta{color:rgba(255,255,255,.72)}
.blog-toolbar{position:sticky;top:92px;z-index:15;background:var(--header);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:0 18px 50px rgba(15,35,68,.08)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:27px;display:flex;flex-direction:column}.blog-card[hidden]{display:none}.blog-card-visual{height:190px;display:grid;place-items:center;color:#fff}.blog-card-visual span{font-size:4rem;font-weight:900;opacity:.8}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-body h2{font-size:1.35rem;line-height:1.15}.blog-card-body p{color:var(--muted)}.blog-card-body>a{margin-top:auto;color:var(--primary);font-weight:760}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.tag-row span,.article-tags span{font-size:.7rem;padding:6px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.newsletter-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:linear-gradient(120deg,#0757d9,#7c3aed);color:#fff;padding:50px;border-radius:34px}.newsletter-card h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.05;margin:0}.newsletter-card p{color:rgba(255,255,255,.8)}.newsletter-card form{display:grid;grid-template-columns:1fr auto;gap:10px}.newsletter-card input{height:52px;border:0;border-radius:16px;padding:0 16px;font:inherit}.newsletter-card form div{grid-column:1/-1}
.article-hero{padding:100px 0 80px;color:#fff}.article-header{max-width:980px}.article-header h1{font-size:clamp(3rem,6vw,6rem);line-height:.95;letter-spacing:-.06em;margin:18px 0}.article-header>p{font-size:1.2rem;color:rgba(255,255,255,.82);max-width:800px}.article-meta{display:flex;gap:18px;flex-wrap:wrap;color:rgba(255,255,255,.72)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px;align-items:start}.article-content{font-family:Georgia,serif;font-size:1.15rem;line-height:1.9}.article-content h2{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;font-size:2.1rem;line-height:1.1;margin-top:48px}.article-content blockquote{margin:40px 0;padding:28px;border-left:5px solid var(--primary);background:var(--surface-2);border-radius:0 20px 20px 0;font-size:1.3rem}.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.share-row{display:flex;align-items:center;gap:10px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif}.share-row button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:9px 12px;border-radius:11px;cursor:pointer}
.author-card{position:sticky;top:100px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px}.author-avatar{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:1.6rem;font-weight:900}.author-card>span{display:block;color:var(--muted);font-size:.74rem;margin-top:18px}.author-card p{color:var(--muted)}.author-card a{color:var(--primary);font-weight:760}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{background:var(--surface);border:1px solid var(--line);border-radius:23px;padding:24px}.related-card>span{font-size:.7rem;color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.related-card p{color:var(--muted)}.related-card a{color:var(--primary);font-weight:760}
.post-tone-blue{background:linear-gradient(135deg,#0f172a,#2563eb)}.post-tone-purple{background:linear-gradient(135deg,#4c1d95,#ec4899)}.post-tone-green{background:linear-gradient(135deg,#064e3b,#10b981)}.post-tone-slate{background:linear-gradient(135deg,#0f172a,#475569)}.post-tone-cyan{background:linear-gradient(135deg,#164e63,#06b6d4)}.post-tone-orange{background:linear-gradient(135deg,#7c2d12,#f97316)}.post-tone-indigo{background:linear-gradient(135deg,#312e81,#6366f1)}.post-tone-teal{background:linear-gradient(135deg,#134e4a,#14b8a6)}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.author-card{position:relative;top:auto}.newsletter-card{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}
@media(max-width:700px){.featured-post{grid-template-columns:1fr}.post-visual{min-height:180px}.featured-post-copy{padding:28px 24px}.blog-toolbar{position:relative;top:auto}.blog-grid{grid-template-columns:1fr}.newsletter-card{padding:34px 24px}.newsletter-card form{grid-template-columns:1fr}.article-hero{padding-top:70px}.article-content{font-size:1.05rem}}