:root {
  --blog-bg:#08090b;
  --blog-card:#101114;
  --blog-text:#f4f4f2;
  --blog-muted:#a3a5ad;
  --blog-line:#24262c;
  --blog-accent:#756cff;
}
body.blog-page, body.article-page { background:var(--blog-bg)!important; color:var(--blog-text)!important; }
.blog-shell { max-width:1280px; margin:0 auto; padding:72px 28px 110px; }
.blog-kicker { display:inline-flex; padding:7px 11px; border:1px solid var(--blog-line); border-radius:999px; font:600 12px/1 Lexend,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.blog-title { max-width:860px; margin:22px 0 18px; font:700 clamp(48px,7vw,88px)/.98 Sen,sans-serif; letter-spacing:-.045em; color:var(--blog-text)!important; }
.blog-intro { max-width:720px; margin:0; font:400 20px/1.6 Lexend,sans-serif; color:var(--blog-muted)!important; }
.blog-filter-bar2 { display:flex; gap:10px; flex-wrap:wrap; margin:42px 0 32px; }
.blog-filter-btn2 { border:1px solid var(--blog-line); background:var(--blog-card); color:var(--blog-text); padding:10px 16px; border-radius:999px; font:500 14px Lexend,sans-serif; }
.blog-filter-btn2.active { background:var(--blog-text); color:var(--blog-bg); }
.blog-grid2 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.blog-card2 { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--blog-line); border-radius:18px; background:var(--blog-card); color:inherit!important; text-decoration:none!important; transition:transform .2s ease, box-shadow .2s ease; }
.blog-card2:hover { transform:translateY(-3px); box-shadow:0 18px 45px rgba(0,0,0,.08); }
.blog-card2__imagewrap {
  width:100%;
  aspect-ratio:1200/630;
  overflow:hidden;
  background:#0b0c0f;
  flex:0 0 auto;
}
.blog-card2__imagewrap img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
}
.blog-card2__body { padding:22px 22px 24px; display:flex; flex-direction:column; flex:1; }
.blog-card2__meta { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; font:500 12px Lexend,sans-serif; color:var(--blog-muted); }
.blog-card2__tag { color:var(--blog-accent); text-transform:uppercase; letter-spacing:.05em; font-weight:700; }
.blog-card2 h2 { margin:0 0 12px; font:700 27px/1.12 Sen,sans-serif; letter-spacing:-.025em; color:var(--blog-text)!important; }
.blog-card2 p { margin:0 0 24px; font:400 15px/1.65 Lexend,sans-serif; color:var(--blog-muted)!important; }
.blog-card2__foot { margin-top:auto; display:flex; justify-content:space-between; font:600 13px Lexend,sans-serif; color:var(--blog-text); }
.blog-cta2 { margin-top:52px; padding:36px; display:flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid var(--blog-line); border-radius:18px; background:var(--blog-card); }
.blog-cta2 h2 { margin:0 0 8px; font:700 31px/1.1 Sen,sans-serif; color:var(--blog-text)!important; }
.blog-cta2 p { margin:0; color:var(--blog-muted)!important; }
.article-shell { max-width:980px; margin:0 auto; padding:52px 28px 110px; }
.article-breadcrumb2 { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:32px; color:var(--blog-muted); font:500 13px Lexend,sans-serif; }
.article-breadcrumb2 a { color:inherit!important; }
.article-meta2 { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:18px; color:var(--blog-muted); font:500 13px Lexend,sans-serif; }
.article-tag2 { color:var(--blog-accent); font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.article-title2 { margin:0 0 20px; max-width:900px; font:700 clamp(42px,6vw,72px)/1.02 Sen,sans-serif; letter-spacing:-.045em; color:var(--blog-text)!important; }
.article-lead2 { max-width:820px; margin:0 0 30px; font:400 21px/1.65 Lexend,sans-serif; color:var(--blog-muted)!important; }
.article-author2 { display:flex; align-items:center; gap:12px; margin-bottom:32px; font:500 14px Lexend,sans-serif; color:var(--blog-muted); }
.article-author2 strong { color:var(--blog-text); }
.article-hero2 { width:100%; border-radius:18px; border:1px solid var(--blog-line); display:block; margin:0 0 34px; }
.article-toc2 { background:var(--blog-card); border:1px solid var(--blog-line); border-radius:16px; padding:24px 26px; margin:0 0 42px; }
.article-toc2 strong { display:block; margin-bottom:12px; }
.article-toc2 ol { margin:0; padding-left:20px; }
.article-toc2 li { margin:8px 0; color:var(--blog-muted); }
.article-toc2 a { color:inherit!important; text-decoration:none; }
.article-content2 { max-width:780px; margin:0 auto; }
.article-content2 h2 { scroll-margin-top:100px; margin:56px 0 18px; font:700 38px/1.12 Sen,sans-serif; letter-spacing:-.025em; color:var(--blog-text)!important; }
.article-content2 p, .article-content2 li { font:400 18px/1.78 Lexend,sans-serif; color:var(--blog-muted)!important; }
.article-content2 p { margin:0 0 22px; }
.article-content2 ul { margin:0 0 26px; padding-left:24px; }
.article-note2 { margin:32px 0; padding:22px 24px; border-left:4px solid var(--blog-accent); background:var(--blog-card); border-radius:0 12px 12px 0; color:var(--blog-muted); }
.article-sources2 { margin-top:54px; padding-top:28px; border-top:1px solid var(--blog-line); }
.article-sources2 h2 { font-size:25px; margin-top:0; }
.article-related2 { max-width:980px; margin:0 auto; padding:0 28px 100px; }
.article-related2 h2 { font:700 34px/1.1 Sen,sans-serif; color:var(--blog-text)!important; margin-bottom:20px; }
.article-related-grid2 { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.article-related-card2 { border:1px solid var(--blog-line); background:var(--blog-card); border-radius:14px; padding:20px; text-decoration:none!important; color:var(--blog-text)!important; }
.article-related-card2 span { color:var(--blog-accent); font:700 11px Lexend,sans-serif; text-transform:uppercase; }
.article-related-card2 h3 { margin:10px 0 0; font:700 21px/1.2 Sen,sans-serif; color:var(--blog-text)!important; }
@media(max-width:900px){.blog-grid2{grid-template-columns:repeat(2,1fr)}.article-related-grid2{grid-template-columns:1fr}.blog-cta2{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.blog-shell,.article-shell{padding-left:18px;padding-right:18px}.blog-grid2{grid-template-columns:1fr}.blog-title{font-size:50px}.article-title2{font-size:42px}.article-content2 h2{font-size:31px}.article-content2 p,.article-content2 li{font-size:17px}}

.article-hero2 {
  aspect-ratio:1200/630;
  object-fit:cover !important;
  object-position:center !important;
  height:auto !important;
}