.article-hero{background:linear-gradient(135deg,#0d1b2a,#1c3a5e);padding:7rem 0 4rem;text-align:center;color:#fff;position:relative;overflow:hidden}.article-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 60% 40%,rgba(28,110,190,.35),transparent)}.article-hero .container{position:relative;z-index:1;max-width:860px}.article-meta{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.article-cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#1c6ebe66;border:1px solid rgba(28,110,190,.6);color:#93c5fd;padding:.3rem .8rem;border-radius:999px}.article-date,.article-read-time{font-size:.82rem;color:#fff9}.article-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.2;margin-bottom:1.25rem}.article-hero .lead{font-size:1.1rem;color:#fffc;line-height:1.7;max-width:720px;margin:0 auto 2rem}.author-chip{display:inline-flex;align-items:center;gap:.6rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.4rem 1rem;font-size:.82rem;color:#ffffffd9}.author-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.article-body{max-width:760px;margin:0 auto;padding:3.5rem 1.5rem}.article-body h2{font-size:1.5rem;font-weight:700;margin:2.5rem 0 1rem;color:#0d1b2a}.article-body h3{font-size:1.15rem;font-weight:700;margin:2rem 0 .75rem;color:#0d1b2a}.article-body p{margin-bottom:1.25rem;color:#374151;line-height:1.8;font-size:1.02rem}.article-body ul,.article-body ol{margin:1rem 0 1.5rem 1.5rem;color:#374151;line-height:1.8;display:flex;flex-direction:column;gap:.5rem}.article-body li{font-size:1.02rem}.article-body blockquote{border-left:4px solid var(--primary);padding:1rem 1.5rem;background:#eef4fc;border-radius:0 .75rem .75rem 0;margin:2rem 0;font-style:italic;color:#1c3a5e;font-size:1.05rem}.article-body .callout{background:#fff7ed;border:1px solid #FED7AA;border-radius:1rem;padding:1.25rem 1.5rem;margin:2rem 0}.article-body .callout strong{color:#c2410c;display:block;margin-bottom:.4rem}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.stat-box{background:#eef4fc;border-radius:1rem;padding:1.25rem;text-align:center}.stat-box .num{font-size:1.8rem;font-weight:800;color:var(--primary);display:block}.stat-box .lbl{font-size:.8rem;color:#6b7280;margin-top:.25rem}.share-bar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.share-bar span{font-size:.85rem;font-weight:600;color:#374151}.share-btn{padding:.45rem 1rem;border-radius:999px;border:1.5px solid var(--border);background:#fff;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--text);text-decoration:none;transition:all .2s}.share-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.related-posts{background:var(--bg);padding:4rem 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.related-card{background:#fff;border-radius:1rem;border:1px solid var(--border);padding:1.5rem;transition:transform .2s,box-shadow .2s}.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.related-card .rc-cat{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--primary);margin-bottom:.5rem}.related-card h4{font-size:.95rem;margin-bottom:.6rem;line-height:1.4}.related-card a{font-size:.82rem;font-weight:700;color:var(--primary);text-decoration:none}.related-card a:hover{text-decoration:underline}@media(max-width:768px){.stat-row{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr}}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-card{background:#fff;border-radius:1.25rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.blog-thumb{width:100%;height:200px;object-fit:cover;display:block}.blog-thumb-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;flex-shrink:0}.blog-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.blog-meta{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.blog-cat{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;background:var(--primary-light);color:var(--primary);padding:.25rem .7rem;border-radius:999px}.blog-cat.red{background:var(--accent-light);color:var(--accent)}.blog-cat.green{background:#d1fae5;color:#059669}.blog-cat.purple{background:#ede9fe;color:#7c3aed}.blog-cat.orange{background:#fef3c7;color:#d97706}.blog-date{font-size:.78rem;color:var(--muted)}.blog-card h3{font-size:1.05rem;margin-bottom:.5rem;line-height:1.4;color:var(--dark)}.blog-card p{font-size:.875rem;color:var(--muted);line-height:1.65;margin-bottom:1rem;flex:1}.blog-read{font-size:.85rem;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;transition:gap .2s;margin-top:auto;padding:.5rem 1.1rem;background:var(--primary-light);border-radius:.5rem;align-self:flex-start}.blog-read:hover{gap:.6rem;background:var(--primary);color:#fff}.blog-featured{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:0;border-radius:1.25rem}.blog-featured .blog-thumb{height:100%;min-height:300px;border-radius:1.25rem 0 0 1.25rem;object-fit:cover}.blog-featured .blog-thumb-placeholder{height:100%;min-height:300px;border-radius:1.25rem 0 0 1.25rem;font-size:5rem}.blog-featured .blog-body{padding:2.5rem;justify-content:center;gap:.75rem}.blog-featured h3{font-size:1.4rem;line-height:1.3}.filter-bar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2.5rem}.filter-btn{padding:.45rem 1.1rem;border-radius:999px;border:1.5px solid var(--border);background:#fff;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--text);transition:all .2s;font-family:var(--font-display)}.filter-btn.active,.filter-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media(max-width:1024px){.blog-grid{grid-template-columns:1fr 1fr}.blog-featured{grid-template-columns:1fr}.blog-featured .blog-thumb,.blog-featured .blog-thumb-placeholder{min-height:220px;border-radius:1.25rem 1.25rem 0 0}}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}