:root{--primary:#0052cc;--primary-gradient:linear-gradient(135deg,#0052cc,#00a3ff);--on-surface:#1a1a1a;--on-surface-variant:#4a4a4a;--surface:#fff;--surface-container:#f8fafc;--outline-variant:#e2e8f0}*{box-sizing:border-box;padding:0;margin:0}body{color:var(--on-surface);background:var(--surface);line-height:1.6}.editorial-title,body{font-family:Inter,sans-serif}.editorial-title{font-weight:900;line-height:1.15;letter-spacing:-.04em}.editorial-body{font-family:Lora,serif;font-size:1.25rem;line-height:1.8;color:#2d3748}.editorial-body p{margin-bottom:1.5rem}.editorial-body p:first-of-type:first-letter{float:left;font-size:5.5rem;line-height:.7;padding-top:8px;padding-right:12px;padding-left:3px;font-family:Playfair Display,serif;font-weight:900;color:var(--primary)}.category-tag{text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--primary);display:inline-block;margin-bottom:.75rem}.nav-link{color:#4a5568;text-decoration:none;font-weight:600;font-size:.95rem;transition:color .2s}.nav-link:hover{color:var(--primary)}.btn-primary{background:var(--primary-gradient);color:#fff;padding:12px 24px;border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:transform .2s}.btn-primary:hover{transform:translateY(-2px)}.article-card{border-radius:12px;overflow:hidden;transition:transform .3s ease;border:1px solid var(--outline-variant)}.article-card:hover{transform:translateY(-8px)}.filter-tag{padding:8px 20px;border-radius:20px;background:#f1f5f9;color:#64748b;font-weight:600;font-size:.875rem;cursor:pointer;border:none;transition:all .2s}.filter-tag.active{background:var(--primary);color:#fff}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:48px;gap:48px;margin-bottom:72px;align-items:center}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:32px;gap:32px}.blog-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:80px;gap:80px}.category-scroll::-webkit-scrollbar{display:none}.category-scroll{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:32px;margin-bottom:48px}.hero-image-wrapper{height:280px!important}.blog-layout{gap:48px}.article-grid,.blog-layout{grid-template-columns:1fr}}@media (max-width:640px){.hero-image-wrapper{height:220px!important}.article-grid{grid-template-columns:1fr}}