:root{--page:#f7f7f7;--surface:#ffffff;--ink:#000000;--muted:#000000;--quiet:#000000;--border:#eaeaea;--accent:#000000;--radius:22px;--shadow:0 5px 22px #00000007}
body{background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
button,input,select{font-family:inherit}
main{max-width:1440px}
header{max-width:1440px}
.brand{font-weight:600}
.site-nav{font-size:14px}
.country{font-size:13px;color:var(--muted)}
.air-layout>.tile,.history-panel,.tip-front,.tip-back,.faq-section{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}
.air-layout>.tile{background:radial-gradient(ellipse at 90% 8%,rgba(var(--aqi-rgb),.014),transparent 70%),#ffffff}
.history-panel{background:#ffffff;padding:24px}
.tile h2,.history-panel h2,.tips-heading h2,.faq-heading h2{font-weight:600;letter-spacing:-.65px;color:var(--ink)}
.tile h2{font-size:26px}
.history-panel h2{font-size:21px}
.air-layout .tile .period{font-size:12px;line-height:1.5;color:var(--muted)}
.air-layout .tile .note{font-size:11px;line-height:1.6;color:var(--muted)}
.air-layout .tile .status{font-size:14px}
.timestamp{font-size:11px;color:var(--muted)}
.chart-subtitle,.chart-inspector,.chart-heading>span{font-size:11px;color:var(--muted);line-height:1.6}
.location-status{font-size:11px;color:var(--muted)}
.practical-tips{margin-top:48px;padding:0;background:transparent;border-radius:0}
.tips-heading,.faq-heading{margin-bottom:22px}
.tips-heading h2,.faq-heading h2{font-size:28px}
.tips-heading>p:last-child,.faq-heading>p:last-child{font-size:13px;color:var(--muted);line-height:1.7}
.tip-eyebrow{font-size:10px;color:var(--muted);letter-spacing:1.1px}
.tip-open{padding:22px 22px 0}
.tip-copy{gap:7px}
.tip-copy .tip-eyebrow{display:none}
.tip-copy strong{font-size:22px;font-weight:600;letter-spacing:-.6px;line-height:1.2;color:var(--ink)}
.tip-copy>span:last-child{font-size:12px;line-height:1.5;color:var(--muted)}
.tip-back{padding:24px}
.tip-back h3{font-size:22px;letter-spacing:-.6px;font-weight:600;color:var(--ink)}
.tip-back li{font-size:12px;line-height:1.55;color:var(--muted)}
.tip-back ol{gap:13px}
.tip-guide-link{font-size:12px;padding:11px 12px;background:#f3f3f3;color:var(--accent)}
.tip-card[data-tip=purifier] .tip-front,.tip-card[data-tip=purifier] .tip-open,.tip-card[data-tip=purifier] .tip-back{background:#717171;border-color:#717171}
.tip-card[data-tip=exercise] .tip-front,.tip-card[data-tip=exercise] .tip-open,.tip-card[data-tip=exercise] .tip-back{background:#818181;border-color:#818181}
.tips-footnote{font-size:10px;color:var(--quiet);line-height:1.6}
.faq-section{background:#ffffff;padding:30px 32px;margin-top:48px}
.faq-list summary{font-size:16px;color:var(--ink);font-weight:500}
.faq-answer{font-size:14px;color:var(--muted)}
footer{font-size:11px;line-height:1.8;color:var(--quiet)}
.guide-content h2{color:var(--ink);font-weight:600}
.guide-content p{color:var(--muted)}
@media(min-width:951px){.tip-card{height:clamp(255px,calc((100dvh - 190px)/2),305px)}
.tip-open img{height:calc(100% - 84px);max-height:205px}
.tip-back li{font-size:12px}
}
@media(max-width:950px){.tip-card{height:320px}
.tip-back li{font-size:12px}
.tip-back{padding:24px 20px}
}
@media(max-width:650px){main{padding:0 18px}
header{padding:22px 20px}
.air-layout>.tile{padding:23px 19px}
.tile h2{font-size:24px}
.air-layout .tile .period{font-size:10px}
.air-layout .tile .note{font-size:10px}
.air-layout .tile .status{font-size:12px}
.practical-tips{margin-top:36px;margin-left:0;margin-right:0;padding:0}
.tips-heading h2,.faq-heading h2{font-size:25px}
.tip-grid{grid-template-columns:1fr 1fr;gap:12px}
.tip-card{height:340px}
.tip-open{padding:19px 15px 0}
.tip-copy strong{font-size:20px}
.tip-copy>span:last-child{font-size:12px}
.tip-open img{height:205px}
.tip-back{padding:23px 16px 16px}
.tip-back h3{font-size:20px;margin-bottom:14px}
.tip-back li{font-size:11px}
.tip-guide-link{font-size:11px;padding:10px}
.faq-section{padding:25px 21px;margin-top:36px}
.faq-list summary{font-size:14px}
.faq-answer{font-size:13px}
}
@media(max-width:430px){.tip-grid{grid-template-columns:1fr}
.tip-card{height:325px}
.tip-open img{height:220px}
.tip-back li{font-size:13px}
.tip-back ol{gap:17px}
.tip-copy strong{font-size:23px}
.tip-card:is([data-tip=purifier],[data-tip=exercise]) .tip-open img{max-height:200px;width:70%}
}
.tip-card:is([data-tip=purifier],[data-tip=exercise]) .tip-open img{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;mix-blend-mode:normal;width:82%;max-height:210px;object-fit:contain}
.tip-card[data-tip=home] .tip-open img{object-fit:contain}
.tip-card[data-tip=purifier] .tip-front,.tip-card[data-tip=purifier] .tip-open,.tip-card[data-tip=purifier] .tip-back{background:#ffffff;border-color:var(--border)}
.tip-card[data-tip=purifier] .tip-copy strong,.tip-card[data-tip=purifier] .tip-back h3{color:var(--ink)}
.tip-card[data-tip=purifier] .tip-copy>span:last-child,.tip-card[data-tip=purifier] .tip-back li,.tip-card[data-tip=purifier] .tip-eyebrow{color:var(--muted)}
.tip-card[data-tip=purifier] .tip-plus,.tip-card[data-tip=purifier] .tip-close{background:#f2f2f2;color:#000000}
.tip-card[data-tip=purifier] .tip-back li:before{background:#f2f2f2;color:var(--accent)}
.tip-card[data-tip=purifier] .tip-guide-link{background:#f3f3f3;color:var(--accent)}
.tip-card[data-tip=home] .tip-front,.tip-card[data-tip=home] .tip-open,.tip-card[data-tip=home] .tip-back{background:#717171;border-color:#717171}
.tip-card[data-tip=home] .tip-copy strong,.tip-card[data-tip=home] .tip-copy>span:last-child,.tip-card[data-tip=home] .tip-back h3,.tip-card[data-tip=home] .tip-back li,.tip-card[data-tip=home] .tip-eyebrow{color:#ffffff}
.tip-card[data-tip=home] .tip-plus,.tip-card[data-tip=home] .tip-close{background:#ffffff25;color:#ffffff}
.tip-card[data-tip=home] .tip-back li:before{background:#ffffff2b;color:#ffffff}
.tip-card[data-tip=home] .tip-guide-link{background:#ffffffed;color:#000000}
.tip-card[data-tip=home] .tip-open img{mix-blend-mode:multiply;background:transparent;border:0;border-radius:0}
.app-header{display:flex;align-items:center;gap:26px;padding:22px 32px;max-width:1440px;margin:auto}
.app-header .brand{color:var(--ink);text-decoration:none;font-size:27px;white-space:nowrap}
.app-header .site-nav{display:flex;gap:24px;margin:0 auto 0 16px;font-size:13px}
.app-header .site-nav a{padding:10px 0;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}
.app-header .site-nav a:first-child{border-bottom:2px solid transparent}
.app-header .site-nav a:hover,.app-header .site-nav a.active{color:var(--accent);border-bottom-color:#b6b6b6}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.language-control select{appearance:auto;border:1px solid var(--border);border-radius:10px;font-size:12px;padding:9px 7px;background:#ffffff;color:var(--muted);cursor:pointer}
#install-app{display:flex;gap:10px;align-items:center;justify-content:center;width:auto;height:auto;border-radius:11px;padding:11px 15px;background:var(--accent);color:#ffffff;font-size:12px;white-space:nowrap}
.language-control select:focus-visible,#install-app:focus-visible{outline:3px solid #bbbbbb;outline-offset:3px}
#install-dialog{border:1px solid var(--border);border-radius:24px;background:#ffffff;padding:32px;max-width:440px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 25px 100px #00000022}
#install-dialog::backdrop{background:#00000055;backdrop-filter:blur(4px)}
#install-dialog h2{font-size:25px;letter-spacing:-.7px;margin:8px 0 12px}
#install-dialog p,#install-dialog li{font-size:14px;line-height:1.7;color:var(--muted)}
#install-dialog h3{font-size:16px;margin-top:24px}
.dialog-close{position:absolute;right:13px;top:13px;font-size:22px;color:var(--muted);background:#f5f5f5}
.install-done{display:block;width:100%;height:auto;background:var(--accent);color:#ffffff;border-radius:11px;padding:11px;margin-top:22px;font-size:13px}
#tile-title,#routine-title,#practical-tips,#faq{scroll-margin-top:24px}
@media(max-width:1000px){.app-header{gap:16px;flex-wrap:wrap}
.app-header .site-nav{order:3;flex-basis:100%;justify-content:center;margin:0;gap:26px}
.header-actions{margin-left:auto}
.app-header{padding:20px 24px 14px}
}
@media(max-width:520px){.app-header{padding:19px 18px 12px;gap:12px}
.app-header .brand{font-size:24px}
.header-actions{gap:7px}
#install-app{font-size:11px;padding:10px 11px}
.language-control select{font-size:11px;padding:8px 5px}
.app-header .site-nav{font-size:12px;gap:20px;justify-content:space-between}
.app-header .site-nav a{padding:8px 0}
}
.app-header .brand{display:inline-flex;align-items:center;gap:10px;line-height:1}
.brand-logo{display:block;width:38px;height:38px;flex:none}
.app-header .brand>span{white-space:nowrap}
@media(max-width:520px){.brand-logo{width:32px;height:32px}
.app-header .brand{gap:8px;font-size:22px}
}
.tip-card[data-tip=home] .tip-open img{mix-blend-mode:normal!important;background:transparent!important}
:root{--site-font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
html,body,body *,body *::before,body *::after{font-family:var(--site-font)!important}
.air-layout .reading .value{font-size:clamp(42px,5vw,80px);line-height:1.1;letter-spacing:-3px}
.air-layout .reading>.unit{font-size:12px;line-height:1.5;white-space:normal}
@media(max-width:750px){.air-layout .reading .value{font-size:52px;letter-spacing:-2px}
}
@media(max-width:520px){.air-layout .reading .value{font-size:42px}
}
.page-location{margin:0 0 24px;padding:0 4px}
.page-location .location-status{margin:10px 0 0}
.air-layout>.tile{background:#ffffff!important}
.air-layout .tile .status{display:inline-flex;align-items:center;gap:7px;border-radius:12px;padding:7px 11px;background:rgba(var(--aqi-rgb),.13);color:#000000;font-size:12px;font-weight:600;line-height:1.4;margin:8px 0}
.air-layout .outdoor-metrics{width:100%}
.air-layout .reading{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:5px 20px;width:100%;max-width:600px;margin:0}
.air-layout .reading>#value{grid-column:1;grid-row:1}
.air-layout .reading>.unit{grid-column:1;grid-row:2}
.air-layout .reading .aqi-pair{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0;padding-left:22px;border-left:1px solid var(--border)}
.air-layout .reading .aqi-pair .unit{font-size:12px}
.air-layout .tile .period{display:none}
.air-layout .tile .note{font-size:10px}
.air-layout .hero-chart-wrap{height:auto;min-height:188px;width:100%}
.air-layout .bottom{justify-content:flex-end;margin-top:10px;padding-top:0}
@media(max-width:600px){.air-layout .reading{gap:4px 12px}
.air-layout .reading .aqi-pair{padding-left:12px}
}
:root{--accent:#000000;--ink:#000000;--muted:#666666;--quiet:#888888;--border:#e5e5e5;--page:#f7f7f7}
.air-layout .aqi-pair .value{color:#888888}
.app-header .site-nav a.active{color:#000000;border-bottom-color:#000000}
.air-layout .hero-chart-wrap,.history-panel,#pm-chart,#psi-chart{position:relative;overflow:visible}
.air-layout .hero-chart-tooltip,.chart-tooltip{position:absolute;top:4px!important;z-index:20!important;box-sizing:border-box;max-width:100%;padding:10px 12px;border:1px solid #dddddd;border-radius:12px;background:#fffffff7;color:#111111;box-shadow:0 6px 22px #00000022;pointer-events:none;font-size:11px;line-height:1.5;white-space:normal}
.hero-chart-tooltip[hidden],.chart-tooltip[hidden]{display:none!important}
.hero-chart-tooltip:not([hidden]),.chart-tooltip:not([hidden]){display:block!important}
.chart-tooltip strong,.hero-chart-tooltip strong{display:block;font-size:18px;color:#000000}
.chart-tooltip small,.hero-chart-tooltip small{font-size:10px;font-weight:400}
.practical-tips .tip-card .tip-front,.practical-tips .tip-card .tip-open,.practical-tips .tip-card .tip-back{background:#ffffff!important;border-color:#e5e5e5!important;color:#000000}
.practical-tips .tip-card .tip-copy strong,.practical-tips .tip-card .tip-back h3{color:#000000!important}
.practical-tips .tip-card .tip-copy>span:last-child,.practical-tips .tip-card .tip-eyebrow,.practical-tips .tip-card .tip-back li{color:#666666!important}
.practical-tips .tip-card .tip-plus,.practical-tips .tip-card .tip-close,.practical-tips .tip-card .tip-guide-link,.practical-tips .tip-card .tip-back li:before{background:#f2f2f2!important;color:#000000!important}
.air-layout .reading #value,.air-layout .reading #aqi{font-size:clamp(72px,7.5vw,108px);line-height:1.05;letter-spacing:-4px}
.air-layout .outdoor-metrics>.status,.air-layout .outdoor-metrics>.note{display:none}
.air-layout .reading{margin-bottom:3px}
.outdoor-aqi-scale{width:50%;min-width:280px;max-width:420px;margin:42px 0 14px;padding:0 3px}
.outdoor-aqi-scale[hidden]{display:none}
.outdoor-scale-track{height:11px;position:relative;border-radius:12px;background:linear-gradient(90deg,#31C66B 0%,#E5DB42 16.67%,#F8B448 33.33%,#FF7655 50%,#E34B80 66.67%,#84234C 83.33%)}
.outdoor-scale-marker{position:absolute;left:var(--range-position);top:-4px;height:19px;width:4px;transform:translateX(-50%);border-radius:3px;background:#111;box-shadow:0 0 0 3px #fff}
.outdoor-scale-labels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:13px;gap:4px;text-align:center;font-size:10px;color:#777}
.outdoor-scale-labels>span:first-child{text-align:left}
.outdoor-scale-labels>span:last-child{text-align:right}
@media(max-width:750px){.air-layout .reading #value,.air-layout .reading #aqi{font-size:72px;letter-spacing:-3px}
.outdoor-aqi-scale{width:100%;max-width:420px;min-width:0;margin-top:42px}
}
@media(max-width:520px){.air-layout .reading #value,.air-layout .reading #aqi{font-size:64px;letter-spacing:-2.5px}
.outdoor-scale-labels{font-size:10px}
}
.air-layout .reading .aqi-pair .unit,.air-layout .reading>.unit{font-size:12px;line-height:1.5;white-space:normal}
@media(max-width:520px){.air-layout .reading .aqi-pair .unit,.air-layout .reading>.unit{font-size:10px}
}
.outdoor-aqi-scale{margin-top:22px;margin-bottom:0}
.outdoor-scale-quality-row{position:relative;height:48px;margin-top:10px}
.outdoor-scale-quality{position:absolute;left:var(--range-position);transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;max-width:100%;width:max-content;padding:7px 10px;border-radius:10px;background:rgba(var(--quality-rgb),.13);color:#222;font-size:11px;line-height:1.4;font-weight:500;text-align:center}
.outdoor-scale-quality i{width:7px;height:7px;border-radius:50%;background:var(--quality-color);flex:none}
.outdoor-scale-quality>span{max-width:210px}
@media(max-width:520px){.outdoor-aqi-scale{margin-top:22px}
.outdoor-scale-quality{font-size:10px;padding:7px 9px}
}
.outdoor-scale-quality-row{height:42px;margin:0 0 8px}
.outdoor-scale-quality{bottom:0}
.outdoor-aqi-scale{margin-bottom:14px}
.practical-tips .tip-card.is-flipped .tip-front{visibility:hidden;pointer-events:none}
.practical-tips .tip-card:not(.is-flipped) .tip-back{visibility:hidden;pointer-events:none}
.practical-tips .tip-card.is-flipped .tip-back{visibility:visible;pointer-events:auto}
.practical-tips .tip-front,.practical-tips .tip-back{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.air-layout>.tile>.top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.air-layout>.tile>.top>div{min-width:0}
.air-layout>.tile>.top>#refresh{flex:none;position:static;width:34px;height:34px;margin:0;display:grid;place-items:center;background:#f5f5f5;border:1px solid #eeeeee;border-radius:50%;color:#555555}
.air-layout>.tile>.top>#refresh:hover{background:#eaeaea;color:#000000}
.air-layout>.tile{padding-bottom:24px}
.practical-tips .tip-card .tip-plus,.practical-tips .tip-card .tip-close{display:block;width:26px;height:26px;box-sizing:border-box;padding:0;border:0;margin:0;line-height:1;flex:none}
.practical-tips .tip-card .tip-plus:before,.practical-tips .tip-card .tip-plus:after,.practical-tips .tip-card .tip-close:before,.practical-tips .tip-card .tip-close:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%);pointer-events:none}
.practical-tips .tip-card .tip-plus:after{transform:translate(-50%,-50%) rotate(90deg)}
.practical-tips .tip-card .tip-close:before{transform:translate(-50%,-50%) rotate(45deg)}
.practical-tips .tip-card .tip-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
.practical-tips .tips-heading{margin:0 0 30px;max-width:1060px;text-align:left}
.practical-tips .tips-heading h2{margin:0;font-size:34px;font-weight:600;line-height:1.22;letter-spacing:-.9px;text-align:left}
.practical-tips .tips-title-lead{color:#171717}
.practical-tips .tips-title-description{color:#777777}
@media(max-width:750px){.practical-tips .tips-heading{margin-bottom:25px}
.practical-tips .tips-heading h2{font-size:28px;line-height:1.22;letter-spacing:-.65px}
}
@media(max-width:380px){.practical-tips .tips-heading h2{font-size:26px}
}
:root{--site-header-height:86px}
.app-header{position:sticky;top:0;z-index:100;background:var(--page);border-bottom:1px solid #e9e9e9;box-shadow:0 3px 12px #00000004}
#tile-title,#routine-title,#practical-tips,#faq{scroll-margin-top:calc(var(--site-header-height) + 20px)}
@media(max-width:1000px){:root{--site-header-height:140px}
}
:root{--control-accent:#333;--control-wash:#f3f3f3;--control-border:#bbb}
.air-layout .reading .aqi-pair{border-left:0!important}
.air-layout .reading .aqi-pair:before{display:none!important}
.air-layout .reading{max-width:none;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px}
.air-layout .reading>#value{justify-self:center;text-align:center}
.air-layout .reading>.unit{justify-self:center;text-align:center}
.air-layout .reading .aqi-pair{width:100%;padding:0;margin:0;align-items:center;justify-content:flex-start;text-align:center}
.air-layout .reading .aqi-pair .value,.air-layout .reading .aqi-pair .unit{text-align:center}
.air-layout .reading{max-width:580px;margin-left:auto;margin-right:auto;column-gap:36px}
.air-layout .outdoor-aqi-scale{width:100%;max-width:none;min-width:0;margin-left:auto;margin-right:auto}
@media(min-width:951px){.air-layout{height:var(--air-dashboard-space,calc(100svh - var(--site-header-height) - 125px));grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;align-items:stretch}
.air-layout>.tile{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:18px 20px;min-height:0}
.air-layout>.tile>.top{padding-right:0}
.air-layout .tile h2{font-size:24px}
.air-layout .reading{max-width:520px;column-gap:28px;row-gap:3px}
.air-layout .reading #value,.air-layout .reading #aqi{font-size:clamp(64px,10svh,96px);line-height:1}
.air-layout .reading>.unit,.air-layout .reading .aqi-pair .unit{font-size:11px}
.air-layout .outdoor-aqi-scale{margin:2px 0 0;padding:0 3px}
.air-layout .outdoor-scale-quality-row{height:30px;margin:0 0 7px}
.air-layout .outdoor-scale-labels{margin-top:9px}
.air-layout .outdoor-scale-quality{padding:5px 9px;font-size:10px}
.air-layout .hero-chart-wrap{height:100%;min-height:0;margin:0}
.air-layout .history-panel{min-height:0;padding:18px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch}
.air-layout .history-panel h2{font-size:19px}
.air-layout .chart-subtitle{margin:5px 0 7px;font-size:10px}
.air-layout .chart-holder{height:100%;min-height:0}
.air-layout .chart-holder>svg{height:100%!important;width:100%}
.air-layout .chart-inspector{font-size:10px;margin:7px 0 0;line-height:1.4}
}
@media(min-width:951px) and (max-height:740px){.air-layout>.tile{padding:14px 17px}
.air-layout .tile h2{font-size:22px}
.air-layout .reading #value,.air-layout .reading #aqi{font-size:64px}
.air-layout .history-panel{padding:14px}
.air-layout .history-panel h2{font-size:17px}
}
@media(min-width:951px){.air-layout>.tile{grid-template-columns:minmax(0,1fr)}
.air-layout>.tile>.top{grid-column:1;grid-row:1}
}
.air-layout .history-panel{width:100%;min-width:0;box-sizing:border-box;grid-template-columns:minmax(0,1fr);align-items:stretch}
.air-layout .history-panel>.chart-heading,.air-layout .history-panel>.chart-subtitle,.air-layout .history-panel>.chart-holder,.air-layout .history-panel>.chart-inspector{width:100%;min-width:0;box-sizing:border-box}
.air-layout .history-panel>.chart-heading{display:flex;justify-content:space-between;align-items:baseline}
.air-layout .history-panel .history-chart{display:block;width:100%!important;max-width:none;min-width:0;margin:0}
@media(min-width:951px){main{max-width:1320px;padding-left:clamp(40px,4.5vw,68px);padding-right:clamp(40px,4.5vw,68px);box-sizing:border-box}
.app-header{max-width:1320px;padding-left:clamp(40px,4.5vw,68px);padding-right:clamp(40px,4.5vw,68px);box-sizing:border-box}
.air-layout{width:100%;max-width:none;margin-left:auto;margin-right:auto;box-sizing:border-box}
}
.outdoor-scale-labels{display:block;position:relative;height:16px;gap:0;text-align:left}
.outdoor-scale-labels>span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;text-align:center}
.outdoor-scale-labels>span:first-child{transform:none;text-align:left}
.outdoor-scale-labels>span:last-child{text-align:center}
.outdoor-scale-labels:after{content:'US AQI';position:absolute;right:0;top:0;color:#888;font-size:9px;white-space:nowrap}
.aqi-footnote-link{color:inherit;text-decoration:none;margin-left:3px;font-size:9px}
.aqi-footnote-link:hover{text-decoration:underline}
.air-layout .reading .aqi-pair .unit sup{line-height:0}
.app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:24px;row-gap:14px;padding-top:18px;padding-bottom:16px}
.app-header>.brand{grid-column:1;grid-row:1}
.app-header>.site-nav{grid-column:2;grid-row:1;justify-content:center;margin:0;gap:24px}
.app-header>.header-actions{grid-column:3;grid-row:1;justify-content:flex-end}
.app-header>.page-location{grid-column:1 / -1;grid-row:2;position:relative;width:100%;margin:0;padding:0;box-sizing:border-box}
.app-header #address{font-size:13px;min-width:0;padding:10px 12px;height:auto}
.app-header #use-location{width:auto;height:auto;white-space:nowrap;padding:9px 13px;border:1px solid #ddd;border-radius:11px;background:#fff;font-size:12px;color:#333;display:flex;align-items:center;justify-content:center;margin:0}
.app-header #region{appearance:auto;width:100%;height:100%;min-height:39px;padding:8px 10px;box-sizing:border-box;border:1px solid #ddd;border-radius:11px;background:#fff;color:#333;font:inherit;font-size:12px}
.app-header .location-status:empty{display:none}
.app-header .location-status:not(:empty){position:absolute;top:calc(100% + 6px);left:0;right:0;padding:12px 14px;border:1px solid #ddd;border-radius:11px;box-shadow:0 6px 20px #0000000a;background:#fff;color:#555;font-size:12px;z-index:102;margin:0}
.app-header .address-results:not(:empty){position:absolute;top:calc(100% + 55px);left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:11px;box-shadow:0 6px 20px #0000000a;z-index:103;padding:6px;margin:0}
@media(max-width:1000px){.app-header{column-gap:16px}
.app-header>.site-nav{gap:15px;font-size:12px}
}
@media(max-width:750px){.app-header{grid-template-columns:1fr auto;gap:12px}
.app-header>.brand{grid-column:1;grid-row:1}
.app-header>.header-actions{grid-column:2;grid-row:1}
.app-header>.site-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;gap:22px}
.app-header>.page-location{grid-row:3}
.app-header #use-location{grid-column:2;grid-row:2}
.app-header #region{min-height:36px}
.app-header #address{padding:8px 10px}
.app-header .location-status:not(:empty){font-size:11px}
.app-header .address-results:not(:empty){top:calc(100% + 72px)}
}
.practical-tips .tip-card[data-tip=exercise] .tip-open img{width:100%;height:220px;max-height:220px;object-fit:contain;object-position:center bottom;margin-top:0}
.quick-reference sup{font-size:9px;margin-left:3px;line-height:0}
.quick-reference sup a{color:inherit;text-decoration:none}
.faq-footnote>span:first-child{font-size:10px;vertical-align:super;margin-right:4px}
@media(min-width:951px){.air-layout>.tile{grid-template-rows:auto minmax(0,1fr)}
}
.install-share-icon{display:inline-block;width:19px;height:22px;vertical-align:-5px;margin:0 3px;color:#333}
.install-alert-note{font-size:12px;color:#777;line-height:1.5;margin-top:8px}
#install-instructions li{margin-bottom:12px;line-height:1.6}
.external-link-icon{display:inline-block;width:.85em;height:.85em;margin-left:.12em;vertical-align:-.1em;flex:none;overflow:visible;color:inherit;fill:none;stroke:currentColor;stroke-width:1.4}