.blog-page{--blog-max:1240px;--blog-aside:320px;--blog-col:720px;--blog-sticky-top:88px;--font-read:"Source Serif 4", Georgia, "Times New Roman", serif;min-height:100vh;padding:var(--space-6) var(--space-7) var(--space-8);background:var(--bg)}.blog-hero{align-items:center;gap:var(--space-6);width:min(100%, var(--blog-max));margin:0 auto var(--space-7);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:-.015em;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:.4px;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:stretch;gap:var(--space-9);width:min(100%, var(--blog-max));margin:0 auto;display:grid}.blog-body{min-width:0;max-width:var(--blog-col);counter-reset:blog-section}.blog-aside{min-width:0}.blog-aside-sticky{top:var(--blog-sticky-top);gap:var(--space-4);flex-direction:column;display:flex;position:sticky}.blog-article-lead{margin:0 0 var(--space-7);padding-left:var(--space-5);border-left:3px solid var(--accent2);color:var(--text);font-family:var(--font-read);font-size:var(--text-xl);font-weight:400;line-height:1.6}.blog-body .blog-article-p{margin:0 0 var(--space-6);color:var(--text);font-family:var(--font-read);font-size:19px;line-height:1.75}.blog-body .blog-article-p strong{font-weight:600}.blog-inline-link{color:var(--sidebar-active-text);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--sidebar-active-text) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--sidebar-active-text) 40%, transparent);transition:text-decoration-color .15s,color .15s}.blog-inline-link:hover{-webkit-text-decoration-color:var(--sidebar-active-text);text-decoration-color:var(--sidebar-active-text)}.blog-article-p-first:first-letter{float:left;margin:6px var(--space-3) 0 0;color:var(--accent2);font-family:var(--font-d);font-size:58px;font-weight:700;line-height:.86}.blog-article-h2{margin:var(--space-9) 0 var(--space-5);padding-top:var(--space-6);border-top:1px solid var(--border);color:var(--text);font-family:var(--font-d);font-size:var(--text-2xl);letter-spacing:-.01em;scroll-margin-top:var(--blog-sticky-top);font-weight:700;line-height:1.25;position:relative}.blog-article-h2:before{counter-increment:blog-section;content:counter(blog-section, decimal-leading-zero);margin-bottom:var(--space-2);color:var(--accent2);font-family:var(--font-m);font-size:var(--text-sm);letter-spacing:2px;font-weight:600;display:block}.blog-body>.blog-article-h2:first-of-type,.blog-body>section:first-of-type .blog-article-h2{margin-top:var(--space-7)}.blog-article-h3{margin:var(--space-6) 0 var(--space-3);color:var(--text);font-family:var(--font-d);font-size:var(--text-md);font-weight:700;line-height:1.35}.blog-article-list{margin:0 0 var(--space-6);color:var(--text2);font-family:var(--font-read);font-size:var(--text-md);padding-left:1.25rem;line-height:1.7}.blog-article-list li{margin-bottom:var(--space-2)}.blog-article-list li::marker{color:var(--accent2)}.blog-stat-row{gap:var(--space-3);margin:0 0 var(--space-7);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.blog-stat{padding:var(--space-5) var(--space-4);border:1px solid var(--border);background:linear-gradient(180deg, var(--card2), color-mix(in srgb, var(--card2) 35%, transparent));border-radius:16px}.blog-stat-value{color:var(--accent-neutral);font-family:var(--font-d);font-size:var(--text-3xl);letter-spacing:-.02em;font-weight:700;line-height:1;display:block}.blog-stat[data-tone=good] .blog-stat-value{color:var(--accent2)}.blog-stat[data-tone=warn] .blog-stat-value{color:var(--accent-neutral)}.blog-stat[data-tone=bad] .blog-stat-value{color:var(--aqi-text-unhealthy)}.blog-stat[data-tone=neutral] .blog-stat-value{color:var(--accent)}.blog-stat-label{margin-top:var(--space-2);color:var(--text3);font-size:var(--text-sm);line-height:1.45;display:block}.blog-pullquote{margin:var(--space-8) 0;padding:var(--space-1) 0 var(--space-1) var(--space-6);border-left:3px solid var(--accent3);color:var(--text);font-family:var(--font-read);font-size:var(--text-2xl);letter-spacing:-.01em;font-weight:600;line-height:1.45}.blog-pullquote p{margin:0}.blog-pullquote cite{margin-top:var(--space-3);color:var(--text3);font-family:var(--font-m);font-size:var(--text-xs);letter-spacing:1.4px;text-transform:uppercase;font-style:normal;font-weight:600;display:block}.blog-callout{gap:var(--space-4);margin:0 0 var(--space-7);padding:var(--space-5);border:1px solid color-mix(in srgb, var(--accent-neutral) 28%, transparent);background:color-mix(in srgb, var(--accent-neutral) 9%, transparent);border-radius:16px;display:flex}.blog-callout[data-tone=info]{border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--accent) 9%, transparent)}.blog-callout[data-tone=good]{border-color:color-mix(in srgb, var(--accent2) 30%, transparent);background:color-mix(in srgb, var(--accent2) 9%, transparent)}.blog-callout-icon{background:color-mix(in srgb, var(--accent-neutral) 22%, transparent);width:26px;height:26px;color:var(--accent-neutral);font-family:var(--font-d);font-size:var(--text-base);border-radius:8px;flex:none;place-items:center;font-weight:700;display:grid}.blog-callout[data-tone=info] .blog-callout-icon{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent)}.blog-callout[data-tone=good] .blog-callout-icon{background:color-mix(in srgb, var(--accent2) 22%, transparent);color:var(--accent2)}.blog-callout-title{margin:0 0 var(--space-1);color:var(--accent-neutral);font-family:var(--font-m);font-size:var(--text-card-title);letter-spacing:.6px;text-transform:uppercase;font-weight:700}.blog-callout[data-tone=info] .blog-callout-title{color:var(--accent)}.blog-callout[data-tone=good] .blog-callout-title{color:var(--accent2)}.blog-body .blog-callout .blog-article-p{color:var(--text2);font-size:var(--text-md);margin:0;line-height:1.6}.blog-table-wrap{margin:0 0 var(--space-4);border:1px solid var(--border);background:var(--card);border-radius:16px;overflow:hidden}.blog-table{border-collapse:collapse;width:100%;font-family:var(--font-d);font-size:var(--text-base)}.blog-table th{padding:var(--space-3) var(--space-4);background:var(--bg3);color:var(--text2);font-size:var(--text-xs);letter-spacing:1.2px;text-align:left;text-transform:uppercase;font-weight:600}.blog-table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);color:var(--text2);line-height:1.5}.blog-table td:first-child{color:var(--text);font-weight:600}.blog-figure-caption,.blog-table-caption{margin:0 0 var(--space-7);color:var(--text3);font-size:var(--text-sm);line-height:1.55}.blog-figure{margin:0 0 var(--space-7)}.blog-figure img{border:1px solid var(--border);background:var(--bg2);border-radius:16px;width:100%;height:auto;display:block}.blog-figure figcaption{margin-top:var(--space-3);color:var(--text3);font-size:var(--text-sm);line-height:1.55}.blog-keyfacts{margin:0 0 var(--space-7);padding:var(--space-6);border:1px solid var(--border2);background:linear-gradient(180deg, color-mix(in srgb, var(--accent2) 8%, transparent), color-mix(in srgb, var(--card) 40%, transparent));border-radius:18px}.blog-keyfacts-title{margin:0 0 var(--space-4);color:var(--accent2);font-family:var(--font-m);font-size:var(--text-xs);letter-spacing:1.6px;text-transform:uppercase;font-weight:700}.blog-keyfacts ul{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-keyfacts li{gap:var(--space-3);color:var(--text2);font-family:var(--font-read);font-size:var(--text-md);line-height:1.55;display:flex}.blog-keyfacts li:before{content:"✓";color:var(--accent2);font-family:var(--font-d);flex:none;font-weight:700}.blog-timeline{margin:0 0 var(--space-7);padding-left:var(--space-5);border-left:1px solid var(--border2);gap:var(--space-4);flex-direction:column;display:flex}.blog-timeline-item{position:relative}.blog-timeline-item:before{content:"";left:calc(-1 * var(--space-5) - 4px);background:var(--accent2);border-radius:999px;width:7px;height:7px;position:absolute;top:8px}.blog-timeline-label{color:var(--text);font-family:var(--font-d);font-size:var(--text-md);font-weight:700}.blog-timeline-date{margin-left:var(--space-2);color:var(--text3);font-family:var(--font-m);font-size:var(--text-sm)}.blog-body .blog-timeline-item .blog-article-p{margin:var(--space-1) 0 0;font-size:var(--text-md);color:var(--text2)}.blog-faq{margin:0 0 var(--space-6)}.blog-faq-item{margin-bottom:var(--space-3);border:1px solid var(--border);background:var(--card);border-radius:14px;transition:border-color .18s,background .18s;overflow:hidden}.blog-faq-item[open]{border-color:var(--border2);background:var(--card2)}.blog-faq-question{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:var(--text);font-family:var(--font-d);font-size:var(--text-md);cursor:pointer;font-weight:600;list-style:none;display:flex}.blog-faq-question::-webkit-details-marker{display:none}.blog-faq-question:after{content:"+";color:var(--accent2);font-size:var(--text-lg);flex:none;font-weight:600;line-height:1}.blog-faq-item[open] .blog-faq-question:after{content:"–"}.blog-faq-question:focus-visible{outline:2px solid var(--accent2);outline-offset:-2px}.blog-body .blog-faq-answer{padding:0 var(--space-5) var(--space-5);color:var(--text2);font-size:var(--text-md);margin:0;line-height:1.7}.blog-sources{gap:var(--space-3);margin:0 0 var(--space-7);flex-direction:column;display:flex}.blog-source{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);background:var(--card);border-radius:14px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.blog-source:hover{border-color:var(--border2);box-shadow:var(--shadow);transform:translateY(-1px)}.blog-source-index{background:var(--bg3);width:22px;height:22px;color:var(--text3);font-family:var(--font-m);font-size:var(--text-xs);border-radius:7px;flex:none;place-items:center;font-weight:700;display:grid}.blog-source-name{color:var(--text);font-family:var(--font-d);font-size:var(--text-base);font-weight:600;line-height:1.4;display:block}.blog-source-publisher{color:var(--text3);font-size:var(--text-sm);margin-top:3px;display:block}.blog-article-cta{margin:var(--space-8) 0 var(--space-7);padding:var(--space-6);border:1px solid var(--cta-border);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, transparent), color-mix(in srgb, var(--card) 45%, transparent));box-shadow:var(--shadow);border-radius:18px}.blog-body .blog-article-cta .blog-article-p{margin:0 0 var(--space-4);color:var(--text);font-family:var(--font-d);font-size:var(--text-md)}.blog-cta-button{border:1px solid var(--cta-border);background:var(--cta-bg);color:var(--cta-text);font-family:var(--font-d);font-size:var(--text-base);box-shadow:var(--cta-shadow);border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-weight:700;text-decoration:none;transition:transform .18s,opacity .18s;display:inline-flex}.blog-cta-button:hover{opacity:.95;transform:translateY(-1px)}.blog-aqi-scale{gap:var(--space-3);margin:0 0 var(--space-7);flex-direction:column;display:flex}.blog-aqi-tier{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);background:var(--card);border-radius:14px;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{color:var(--text);font-family:var(--font-m);font-size:var(--text-card-title);font-weight:700}.blog-aqi-name{color:var(--text);font-family:var(--font-d);font-size:var(--text-base);font-weight:700}.blog-body .blog-aqi-tier .blog-article-p{color:var(--text2);font-family:var(--font-d);font-size:var(--text-base);margin:0;line-height:1.6}.blog-byline{align-items:center;gap:var(--space-4);margin:0 0 var(--space-6);padding:var(--space-5);border:1px solid var(--border);background:var(--card2);border-radius:18px;display:flex}.blog-byline-avatar{background:linear-gradient(140deg, var(--accent2), var(--accent));width:44px;height:44px;color:var(--bg);font-family:var(--font-d);font-size:var(--text-md);border-radius:14px;flex:none;place-items:center;font-weight:700;display:grid}.blog-byline-name{color:var(--text);font-family:var(--font-d);font-size:var(--text-base);font-weight:700;display:block}.blog-byline-meta{color:var(--text3);font-size:var(--text-sm);margin-top:2px;display:block}.blog-related-section{display:none}.blog-related{gap:var(--space-4);margin:0 0 var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:none}.blog-related-card{padding:var(--space-3);border:1px solid var(--border);background:var(--card);border-radius:16px;text-decoration:none;transition:border-color .18s,transform .18s}.blog-related-card:hover{border-color:var(--border2);transform:translateY(-2px)}.blog-related-thumb{width:100%;height:96px;margin-bottom:var(--space-3);background:var(--bg3);object-fit:cover;border-radius:10px;display:block}.blog-related-title{color:var(--text);font-family:var(--font-d);font-size:var(--text-base);font-weight:600;line-height:1.35;display:block}.blog-related-meta{margin-top:var(--space-2);color:var(--text3);font-family:var(--font-m);font-size:var(--text-xs);letter-spacing:.4px;text-transform:uppercase;display:block}.blog-rail-card{padding:var(--space-4) var(--space-5);border:1px solid var(--border);background:var(--card);border-radius:18px}.blog-rail-title{margin:0 0 var(--space-3);color:var(--text3);font-family:var(--font-m);font-size:var(--text-xs);letter-spacing:1.7px;text-transform:uppercase;font-weight:600}.blog-progress{height:3px;margin-bottom:var(--space-3);background:color-mix(in srgb, var(--text) 13%, transparent);border-radius:999px;overflow:hidden}.blog-progress-bar{transform-origin:0;background:linear-gradient(90deg, var(--accent2), var(--accent));border-radius:999px;width:100%;height:100%;display:block;transform:scaleX(0)}.blog-reading-progress{z-index:2100;background:color-mix(in srgb, var(--text) 8%, transparent);opacity:0;pointer-events:none;height:3px;transition:opacity .25s;display:none;position:fixed;inset:0 0 auto}@media (max-width:1180px){.blog-reading-progress{display:block}}.blog-reading-progress[data-active=true]{opacity:1}.blog-reading-progress-bar{transform-origin:0;background:linear-gradient(90deg, var(--accent2), var(--accent));width:100%;height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--accent2) 55%, transparent);display:block;transform:scaleX(0)}.blog-toc ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.blog-toc a{-webkit-line-clamp:2;line-clamp:2;padding:6px var(--space-3);color:var(--text2);font-size:var(--text-base);border-left:2px solid #0000;-webkit-box-orient:vertical;line-height:1.4;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:-webkit-box;overflow:hidden}.blog-toc a:hover{color:var(--text)}.blog-toc a[aria-current=true]{border-left-color:var(--accent2);background:color-mix(in srgb, var(--accent2) 9%, transparent);color:var(--text);border-radius:0 8px 8px 0;font-weight:600}.blog-readnext-item{gap:var(--space-3);margin:0 calc(-1 * var(--space-2));padding:var(--space-2);border-radius:12px;text-decoration:none;transition:background .15s;display:flex}.blog-readnext-item:hover{background:var(--bg3)}.blog-readnext-thumb{background:var(--bg3);object-fit:cover;border-radius:9px;flex:none;width:64px;height:48px}.blog-readnext-title{-webkit-line-clamp:2;line-clamp:2;color:var(--text);font-family:var(--font-d);font-size:var(--text-card-title);-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-readnext-meta{color:var(--text3);font-family:var(--font-m);font-size:var(--text-xs);letter-spacing:.3px;text-transform:uppercase;margin-top:4px;display:block}.blog-readnext-sep{height:1px;margin:var(--space-2) 0;background:var(--border)}@media (max-width:1180px){.blog-layout{gap:var(--space-6);grid-template-columns:1fr}.blog-aside{display:none}.blog-body{max-width:var(--blog-col)}.blog-related-section{display:block}.blog-related{display:grid}}@media (max-width:860px){.blog-hero{gap:var(--space-5);grid-template-columns:1fr}.blog-related{grid-template-columns:1fr}.blog-related-card{gap:var(--space-3);align-items:center;display:flex}.blog-related-thumb{width:96px;height:66px;margin-bottom:0}}@media (max-width:640px){.blog-page{padding:var(--space-5) var(--space-4) var(--space-6)}.blog-hero-img{aspect-ratio:16/10}.blog-body .blog-article-p{font-size:var(--text-md);line-height:1.72}.blog-article-lead{font-size:var(--text-lg)}.blog-article-p-first:first-letter{font-size:46px}.blog-pullquote{font-size:var(--text-xl)}.blog-table-wrap{overflow-x:auto}.blog-table{min-width:460px}}@media (prefers-reduced-motion:reduce){.blog-reading-progress,.blog-progress-bar{transition:none}.blog-source:hover,.blog-related-card:hover,.blog-cta-button:hover{transform:none}}
