.metric-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.chem-link{font:600 11px Manrope,Arial,sans-serif;color:#75d8f0;white-space:nowrap;line-height:1.6;text-underline-offset:4px}.chem-link:hover{color:#e7c16a}.metric-heading h3{margin:0}.aqi-chem{display:inline-block;margin-top:15px}.chart-controls{flex-wrap:wrap}.chem-directory{border:1px solid var(--line);border-radius:12px;padding:10px 20px;margin-bottom:24px;background:#10271b}.chem-directory summary{font-weight:600}.chem-directory ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.chem-directory li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.chem-directory p{color:var(--muted)}.chemical-profile{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;background:radial-gradient(circle at 98% 0,#43523a50,transparent 50%),#0f2419;border:1px solid #e7c16a66;border-radius:18px;padding:30px;margin-bottom:24px}.chemical-profile h2,.chem-detail-panel h2{font:500 38px 'Cormorant Garamond',Georgia,serif;margin:0 0 14px}.chemical-profile p{font-size:13px;line-height:1.8}.chem-formula{font:500 42px 'Cormorant Garamond',Georgia,serif;color:#e7c16a}.chem-basis{color:#e7c16a}.atom-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.atom-row strong{color:#75d8f0}.chem-detail-panel{border:1px solid var(--line);border-radius:16px;padding:28px;margin:26px 0}.chem-detail-panel p{font-size:13px;color:var(--muted);line-height:1.8}.chem-detail-panel li{padding:8px;line-height:1.7}.chem-detail-panel table{min-width:580px}.chem-detail-panel .chem-table{overflow:auto}.explorer-views{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px}.explorer-views button[aria-pressed=true]{background:#e7c16a;color:#091b13;border-color:#e7c16a}.explorer-views button{font-size:12px;min-height:44px}#view-note{font-size:12px;color:#cdd8c3}#composition-visual{padding:20px 0}.composition-layout{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:36px;align-items:center}.composition-ring{width:100%;max-width:300px;aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;margin:auto}.composition-ring:after{content:'';position:absolute;inset:25%;border-radius:50%;background:#0f2419}.composition-ring>span{position:relative;z-index:1;font-size:13px;text-align:center;max-width:130px;color:#e7c16a}.composition-key{list-style:none;padding:0}.composition-key li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.composition-key i{width:12px;height:12px;border-radius:3px;flex-shrink:0}.composition-key strong{margin-left:auto;white-space:nowrap;color:#f0d991}.composition-empty{padding:25px;background:#142d21;border:1px solid var(--line);border-radius:12px}.composition-empty p{line-height:1.8;color:var(--muted)}#chemical-profile,#chart-panel{scroll-margin-top:30px}#back-weather{display:inline-block;margin-left:8px;font-size:12px;color:#75d8f0}body[data-explorer=true] .ii-group-entry{display:none}body[data-explorer=true] .overview{display:none}body[data-explorer=true] #metrics{display:none}body[data-explorer=true] [aria-labelledby=pollutants-title]{display:none}body[data-explorer=true] .chem-directory{margin-top:24px}body[data-explorer=true] .intro h1{font-size:62px}body[data-explorer=true] .station-panel{display:none}.chem-data-tag{font-size:11px;color:#e7c16a;border:1px solid #e7c16a66;display:inline-block;padding:5px 10px;border-radius:20px}.bar-value{cursor:crosshair}.bar-value:focus{outline:none;stroke:#fff;stroke-width:2} [hidden]{display:none!important}@media(max-width:1000px){.metric-heading{flex-direction:column}.chem-link{white-space:normal}}@media(max-width:700px){.chemical-profile{grid-template-columns:1fr;gap:20px;padding:22px}.composition-layout{grid-template-columns:1fr;gap:20px}.chem-directory ul{grid-template-columns:1fr}.chem-detail-panel{padding:20px}.chemical-profile h2{font-size:32px}body[data-explorer=true] .intro h1{font-size:46px}.explorer-views button{flex:1 1 40%}}


/* Quiet solar accents, one chart and one composition disclosure. */
.composition-disclosure{margin:24px 0 34px;border:1px solid #b6974b80;border-radius:20px;background:radial-gradient(ellipse at 95% 0,#526c4b22,transparent 48%),#0d2318;overflow:hidden;box-shadow:0 18px 54px #0002;position:relative}.composition-disclosure:before{content:'';display:block;height:3px;background:linear-gradient(90deg,#278447,#e7c16a 55%,#75d8f0)}.composition-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;list-style:none;cursor:pointer;background:linear-gradient(100deg,#e7c16a0c,transparent);min-height:100px}.composition-disclosure>summary::-webkit-details-marker{display:none}.composition-disclosure>summary>span:first-child{display:flex;flex-direction:column;gap:5px}.composition-disclosure>summary .eyebrow{margin:0;font-size:9px;letter-spacing:2px}.composition-disclosure>summary strong{font:500 31px 'Cormorant Garamond',Georgia,serif;color:#f1e8c9}.composition-toggle-hint{font-size:10px;color:#aabbab}.composition-chevron{width:46px;height:46px;border-radius:50%;border:1px solid #d5b46480;display:grid;place-items:center;background:#e7c16a0b;flex-shrink:0;transition:background .2s}.composition-chevron svg{width:24px;height:24px;transition:transform .2s;transform:rotate(-90deg);color:#e7c16a}.composition-disclosure[open] .composition-chevron svg{transform:none}.composition-disclosure>summary:hover .composition-chevron{background:#e7c16a20}.composition-body{border-top:1px solid #e7c16a25;padding:26px}.composition-body .chemical-profile{margin:0 0 24px;border:0;border-radius:0;background:none;padding:0 0 24px;border-bottom:1px solid #e7c16a30}.composition-body .chemical-profile h2{font-size:34px}.composition-body .chem-formula{font-size:48px}.composition-card{padding:24px;border:1px solid #86bda938;border-radius:15px;background:linear-gradient(140deg,#112f22,#0b2118);position:relative;overflow:hidden}.composition-card:after{content:'✦';position:absolute;right:20px;top:15px;color:#75d8f070;font-size:24px;pointer-events:none}.composition-section-heading .eyebrow{font-size:9px;margin-bottom:6px}.composition-section-heading h3{font:500 30px 'Cormorant Garamond',Georgia,serif;margin:0;color:#f3e6bc}.composition-card .composition-ring{box-shadow:0 0 0 1px #fff1,0 0 0 12px #e7c16a05,0 0 50px #75d8f009}.composition-card .composition-ring:after{background:#10291e;box-shadow:inset 0 0 0 1px #e7c16a30}.composition-card .composition-key li{padding:13px 0}.composition-body .chem-detail-panel{margin:24px 0 0;background:#071a1040;border-color:#e7c16a20}.composition-body .chem-detail-panel h2{font-size:29px}.explorer-views{display:inline-flex;gap:4px;padding:5px;border:1px solid #a78b4c55;background:#07190f;border-radius:13px;margin-top:18px}.explorer-views button{display:flex;align-items:center;gap:8px;border:0;border-radius:9px;background:transparent;color:#b8cdbb;padding:10px 18px;font-size:12px;transition:background .2s,color .2s;min-height:44px}.explorer-views button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.explorer-views button[aria-pressed=true]{background:linear-gradient(110deg,#ebcf85,#c9a34c);color:#102017;box-shadow:0 2px 10px #0003}.chart-panel{background:radial-gradient(ellipse at 100% 0,#193d292e,transparent 50%),#0f2419;border-radius:18px;border-color:#c3a45a55;box-shadow:0 10px 35px #0001}.chart-panel .chart-heading{padding-bottom:16px;border-bottom:1px solid #e7c16a20}.chart-panel .chart-share{border-top:1px solid #e7c16a15;padding-top:16px}.chart-panel #view-note{margin:6px 0 18px;font-size:11px;color:#b4c8b7}.chart-panel #hourly-details{margin-top:18px;border-top:1px solid #e7c16a20;padding-top:6px}.chart-panel #hourly-details summary{font-size:11px;letter-spacing:.3px}.chart-panel #chart-wrap{border-radius:12px}html[data-air-view=bar] #chart-wrap{max-height:560px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ae955e #0b2015;padding:12px}html[data-air-view=bar] #chart{min-height:180px}.chart-controls select{border-color:#9e915b60}.bar-value{transition:opacity .15s}.bar-value:hover,.bar-value:focus{opacity:.75}.chemical-profile a{color:#a0dce9}.metric-heading .chem-link{padding-left:8px}.chem-detail-panel th{font-size:10px;letter-spacing:.4px;color:#e7c16a}.chem-detail-panel td{font-variant-numeric:tabular-nums}.chem-detail-panel tbody tr:hover{background:#e7c16a06}@media(prefers-reduced-motion:reduce){.composition-chevron svg,.explorer-views button,.bar-value{transition:none}}@media(max-width:700px){.composition-disclosure>summary{padding:20px;gap:14px}.composition-disclosure>summary strong{font-size:27px}.composition-body{padding:18px}.composition-card{padding:20px 16px}.composition-body .chemical-profile{gap:16px}.composition-body .chem-formula{font-size:40px}.composition-disclosure>summary .eyebrow{font-size:8px}.composition-chevron{width:40px;height:40px}.explorer-views{display:flex;width:100%}.explorer-views button{flex:1 1 0;justify-content:center;padding:10px 8px;white-space:nowrap}html[data-air-view=bar] #chart-wrap{max-height:440px;padding:8px 0}.composition-card .composition-key li{font-size:12px}.composition-body .chem-detail-panel{padding:18px}.composition-body .chemical-profile h2{font-size:30px}.composition-section-heading h3{font-size:27px}}
.molecular-database{padding-top:28px;margin-top:28px;border-top:1px solid #e7c16a30}.database-intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.database-intro h3{font:500 30px 'Cormorant Garamond',Georgia,serif;margin:5px 0 8px}.database-intro .eyebrow{font-size:9px;margin:0}.database-intro>a,.database-card a{font-size:11px;color:#9ad9e7;text-underline-offset:4px}.database-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.database-grid.single-record{grid-template-columns:1fr}.database-card{padding:22px;border:1px solid #709b8638;border-radius:14px;background:radial-gradient(ellipse at 0 0,#264f3922,transparent 60%),#0b2016;min-width:0}.database-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.database-label{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#ddc789}.database-card h4{font:500 27px 'Cormorant Garamond',Georgia,serif;margin:14px 0;color:#f0e4bf}.database-card dl{margin:0}.database-card dl>div{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1fr);gap:16px;border-bottom:1px solid #e7c16a17;padding:10px 0;font-size:11px}.database-card dt{color:#9eb7a5}.database-card dd{margin:0;overflow-wrap:anywhere;color:#d8e5d4;font-variant-numeric:tabular-nums}.database-numbers{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.database-identifiers{margin-top:10px}.database-identifiers>summary{font-size:11px;line-height:1.8}.database-card .fine{font-size:10px;line-height:1.8}.molecular-database>.fine{line-height:1.8;color:#9eb7a5}@media(max-width:700px){.database-grid{grid-template-columns:1fr}.database-intro{align-items:flex-start;flex-direction:column;gap:4px}.database-numbers{grid-template-columns:1fr}.database-card{padding:18px}.database-card-heading{align-items:flex-start;flex-wrap:wrap}.database-intro h3{font-size:27px}}


.metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.metrics .metric{padding:11px 12px;border-radius:11px;min-width:0}.metrics .metric-heading{flex-direction:row;align-items:center;gap:6px}.metrics .metric h3{font-size:12px}.metrics .metric .value{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:7px 0 2px}.metrics .metric small{font-size:8px;line-height:1.6}.metrics .chem-link{font-size:9px;padding-left:0;white-space:nowrap}.metrics .metric-overall{background:#c3aa69;border-color:#e8d28e;box-shadow:inset 0 0 0 1px #fff2,0 5px 18px #0002;color:#102318}.metrics .metric-overall h3,.metrics .metric-overall .value,.metrics .metric-overall small{color:#102318}.metrics .metric-overall .chem-link{color:#173d32;font-weight:800}.resolution-control{display:flex;align-items:center;gap:9px}.resolution-control>span{font-size:10px;color:#a9c0ae}.resolution-control select{min-width:170px}.sample-kind{display:block;font-size:9px;white-space:nowrap;margin-top:3px;color:#a6bdad}.table-scroll table td:first-child{min-width:175px}.embedded .metrics{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1000px) and (min-width:741px){.metrics .metric-heading{flex-direction:column;align-items:flex-start;gap:4px}.metrics .metric{padding:11px 10px}.metrics .metric .value{font-size:23px}}@media(max-width:740px){.metrics,.embedded .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics .metric-heading{flex-direction:row}.metrics .metric .value{font-size:24px}.resolution-control{width:100%;justify-content:space-between}.resolution-control select{flex:1;max-width:250px}.chart-controls{gap:10px}}
