.blog-article .blog-article-lead{font-weight:500;color:var(--text)!important;font-size:var(--text-lg)!important;line-height:1.65!important}.blog-article-h2{margin:var(--space-6) 0 var(--space-3);color:var(--text);font-family:var(--font-d);font-size:var(--text-xl);font-weight:700;line-height:1.25}.blog-article-list{margin:0 0 var(--space-4);color:var(--text2);font-size:var(--text-md);padding-left:1.25rem;line-height:1.7}.blog-article-list li{margin-bottom:var(--space-2)}.blog-aqi-scale{gap:var(--space-3);margin:0 0 var(--space-5);flex-direction:column;display:flex}.blog-aqi-tier{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--r2);background:var(--bg3);display:flex}.blog-aqi-swatch{border-radius:999px;flex:none;width:6px}.blog-aqi-tier-body{min-width:0}.blog-aqi-tier-head{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-bottom:4px;display:flex}.blog-aqi-range{font-family:var(--font-m);font-size:var(--text-card-title);color:var(--text);font-weight:700}.blog-aqi-name{font-family:var(--font-d);font-size:var(--text-base);color:var(--text);font-weight:700}.blog-article .blog-aqi-tier p{color:var(--text2)!important;font-size:var(--text-base)!important;margin:0!important;line-height:1.6!important}.blog-article-cta{margin:var(--space-6) 0 var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--r2);background:var(--card2)}.blog-article .blog-article-cta p{margin:0 0 var(--space-4)!important;color:var(--text)!important}.blog-cta-button{background:var(--sidebar-active-text);color:var(--bg);font-family:var(--font-d);font-weight:700;font-size:var(--text-md);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;transition:opacity .18s,transform .18s;display:inline-flex}.blog-cta-button:hover{opacity:.9;transform:translateY(-1px)}.blog-page{--blog-max:1200px;--blog-aside:260px;min-height:100vh;padding:var(--space-6) var(--space-7) var(--space-7);background:var(--bg)}.blog-hero{align-items:center;gap:var(--space-6);width:min(100%, var(--blog-max));margin:0 auto var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);display:grid}.blog-hero-inner{margin:0}.blog-hero-title{margin:var(--space-2) 0 var(--space-4);color:var(--text);font-family:var(--font-d);font-size:var(--text-3xl);letter-spacing:-.01em;line-height:1.15}.blog-hero-meta{align-items:center;gap:var(--space-3);color:var(--text3);font-family:var(--font-m);font-size:var(--text-sm);letter-spacing:.5px;flex-wrap:wrap;display:flex}.blog-hero-tags{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.blog-hero-tag{border:1px solid var(--border);background:var(--bg3);color:var(--text2);letter-spacing:normal;border-radius:999px;padding:4px 12px}.blog-hero-img{border-radius:var(--r2);background:var(--bg2);object-fit:cover;width:100%;height:auto;display:block}.blog-layout{grid-template-columns:minmax(0, 1fr) var(--blog-aside);align-items:start;gap:var(--space-7);width:min(100%, var(--blog-max));margin:0 auto;display:grid}.blog-body{min-width:0;max-width:760px}.blog-body .blog-article-p{margin:0 0 var(--space-4);color:var(--text2);font-size:var(--text-md);line-height:1.7}.blog-aside{min-width:0}.blog-aside-sticky{top:var(--space-6);position:sticky}.blog-toc{padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--r2);background:var(--card)}.blog-toc-title{margin:0 0 var(--space-3);color:var(--text2);font-family:var(--font-m);font-size:var(--text-xs);letter-spacing:1.5px;text-transform:uppercase}.blog-toc ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-toc a{color:var(--text2);font-size:var(--text-sm);line-height:1.4;text-decoration:none;transition:color .15s}.blog-toc a:hover{color:var(--sidebar-active-text)}.blog-article-h2{scroll-margin-top:var(--space-6)}@media (max-width:1024px){.blog-layout{gap:var(--space-5);grid-template-columns:1fr}.blog-body{max-width:760px}.blog-aside{display:none}}@media (max-width:860px){.blog-hero{gap:var(--space-5);grid-template-columns:1fr}}@media (max-width:640px){.blog-page{padding:var(--space-5) var(--space-4) var(--space-6)}.blog-hero-img{aspect-ratio:16/10}}