/* Card-based local station. Scoped to this page and loaded after the site theme. */
body[data-site-theme][data-page=conditions] main{max-width:1440px;padding:0 28px}
body[data-site-theme][data-page=conditions] .weather-surface{background:#152e24;border:1px solid #284537;border-radius:16px;padding:0 24px 12px;overflow:visible;color:#edf3de}
body[data-page=conditions] .weather-utility{padding:19px 0 10px;grid-template-columns:minmax(240px,1fr) minmax(250px,340px) auto;gap:18px}
body[data-page=conditions] .weather-utility h1{font-size:24px;letter-spacing:-.04em}
.station-tabs{display:flex;gap:6px;border-bottom:1px solid #ffffff19;padding:8px 0 13px;overflow:auto;scrollbar-width:thin}
body[data-page=conditions] .station-tabs button{background:transparent;color:#bdcdbd;border:0;border-radius:8px;padding:10px 16px;min-height:40px;white-space:nowrap;font:550 12px var(--body);cursor:pointer}
body[data-page=conditions] .station-tabs button[aria-selected=true]{background:#e3f58b;color:#213925}
body[data-page=conditions] .station-tabs button:hover{background:#ffffff12;color:#f3f6e8}
body[data-page=conditions] .station-tabs button[aria-selected=true]:hover{background:#e3f58b;color:#213925}
body[data-page=conditions] [role=tabpanel][hidden]{display:none!important}
body[data-page=conditions] [role=tabpanel]{min-width:0;padding:20px 0 4px;animation:station-enter .18s ease-out}
@keyframes station-enter{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}
body[data-page=conditions] .alert-card{padding:10px 0 0;margin:0}
body[data-page=conditions] #alerts>p{display:inline;font-size:11px;margin-right:8px}
body[data-page=conditions] #alerts>p.small{display:none}
body[data-page=conditions] #alerts>.text-link{font-size:10px;margin-left:10px}
.station-overview{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:14px}
body[data-page=conditions] .station-overview .weather-layout,body[data-page=conditions] .station-preview{border:1px solid #ffffff14;border-radius:13px;background:#234334;margin:0;min-width:0}
body[data-page=conditions] .station-overview .weather-card{padding:22px 20px}
body[data-page=conditions] #weather{display:block;min-height:0}
body[data-page=conditions] .weather-detail-grid{display:none}
body[data-page=conditions] .weather-now{min-width:0;margin:0;gap:10px}
body[data-page=conditions] .weather-now .temperature{font-size:66px;font-weight:450}
body[data-page=conditions] .weather-sky{width:90px}
body[data-page=conditions] #weather-stamp{font-size:9px!important;max-width:360px;margin-top:16px!important;color:#b4c8b8!important}
body[data-page=conditions] .station-preview{display:flex;flex-direction:column;text-align:left;padding:16px 18px;color:#e6edc8;cursor:pointer;line-height:1.5;width:100%;font-family:var(--body);transition:background .15s,border-color .15s}
.station-preview .tile-label{width:100%}.station-preview>svg{width:100%;height:90px;color:#bbd99b;margin:6px 0}.station-preview>strong{font-size:21px;letter-spacing:-.03em;margin:0 0 8px}.station-preview>small{font-size:10px;color:#b8cbb5}.station-preview #sun-preview-content{display:block;width:100%}.station-preview .tile-visual{height:82px;margin:0;color:#f3cc83}.preview-times{display:flex;justify-content:space-between;gap:10px}.preview-times small{display:block;color:#c4d5b9;font-size:10px}.preview-times strong{font-size:22px;font-weight:500;letter-spacing:-.03em}.station-preview #sun-preview-content>small{display:block;font-size:10px;margin-top:9px;color:#bccfb5}
.station-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}.station-section-heading h2{font:550 18px var(--body);color:#f0f3e2;margin:0;letter-spacing:-.025em}.station-section-heading>span{font-size:11px;color:#b3c4b1}
.station-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body[data-page=conditions] .station-tile{display:flex;flex-direction:column;align-items:stretch;position:relative;width:100%;min-width:0;min-height:246px;padding:17px 19px 13px;border:1px solid #ffffff12;border-radius:13px;background:#213d30;color:#eef3df;font:400 13px/1.4 var(--body);text-align:left;cursor:pointer;transition:background .15s,transform .15s,border-color .15s}
body[data-page=conditions] .station-tile:hover,body[data-page=conditions] .station-preview:hover{background:#2a4b39;border-color:#a7c67a75;transform:translateY(-2px)}
.tile-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;color:#d1ddc7;gap:12px}.tile-label>span{color:#98b397;font-size:15px}.tile-visual{width:100%;height:94px;margin:5px 0;color:var(--tile-color);overflow:visible}.tile-reading{font-size:29px;line-height:1.15;letter-spacing:-.04em;color:#f1f5df;margin:3px 0 7px;font-weight:500;overflow-wrap:anywhere}.tile-reading>small{font-size:11px;letter-spacing:0;font-weight:400;color:#c4d3ba}.tile-note{font-size:10px;line-height:1.5;color:#b5c9b0;min-height:30px}.tile-action{display:flex;justify-content:space-between;margin-top:auto;padding-top:11px;color:#bdd399;font-size:10px;opacity:.8}.tile-moon{height:104px;display:flex;align-items:center;justify-content:center}.tile-moon .moon-disc{width:76px;height:76px}
body[data-page=conditions] .station-tile[data-detail=air] .tile-reading{font-size:23px;letter-spacing:-.025em}.station-tile[data-detail=air] .tile-reading small{display:block;margin-top:7px}
body[data-page=conditions] :is(.air-uv-panel,.sky-panel,.local-earthquakes,.forecast-lab){margin:0;padding:0;border:0}
body[data-page=conditions] .air-uv-panel{gap:16px}.environment-card{padding:22px;background:#213d30;border:1px solid #ffffff18;border-radius:12px}.environment-card+.environment-card{padding:22px;border:1px solid #ffffff18}.environment-heading{margin-bottom:24px}.environment-reading{min-height:70px}.environment-reading strong{font-size:32px}.environment-note{font-size:12px}.air-pollutants{display:grid;gap:16px;margin-top:20px}
body[data-page=conditions] .sky-cards{background:#213d30;border-radius:12px}.sky-card{padding:22px}.sky-more{margin-top:18px}body[data-page=conditions] .sky-more>summary{font-size:13px}.moon-week{padding:22px 0}.moon-week .moon-disc{height:64px;width:64px}.sky-times{padding:18px 0}.sky-times strong{font-size:23px}.local-section-title{margin-bottom:20px}
body[data-page=conditions] .forecast-heading{align-items:start;gap:14px;flex-wrap:wrap;padding:0 0 16px}.forecast-heading h2{flex:1}body[data-page=conditions] .forecast-toolbar{order:3;flex-basis:100%;flex-wrap:wrap;gap:14px}body[data-page=conditions] .forecast-tabs{flex-basis:100%;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}body[data-page=conditions] .forecast-tabs button{flex:0 0 auto;padding:9px 16px}body[data-page=conditions] .forecast-ranges{margin-left:auto}body[data-page=conditions] .forecast-days{gap:8px;background:transparent}body[data-page=conditions] .forecast-day{background:#234133;border:1px solid #ffffff13;border-radius:9px;min-height:128px}body[data-page=conditions] .forecast-day[aria-pressed=true]{background:#38583d;border-color:#d6ec8c}body[data-page=conditions] .forecast-chart{background:#1b372b;border-radius:10px;margin-top:10px}body[data-page=conditions] .forecast-chart>svg{max-height:280px;min-height:220px}body[data-page=conditions] .forecast-selected{background:#234133;border-radius:8px;padding:16px}.forecast-table{margin-top:16px}
body[data-page=conditions] .local-sources{margin:22px 0 0;border-top:1px solid #ffffff18}.station-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.station-map{display:block;background:#234133;border:1px solid #ffffff18;border-radius:12px;padding:20px;text-decoration:none;color:#e9efd9}.station-map:hover{background:#2d4b39}.station-map svg{width:100%;background:#1a3428;border-radius:8px}.station-map h3{font-size:18px;color:#e9efd9;margin:18px 0 8px}.station-map p{font-size:12px;color:#c6d5bd}.station-map small{font-size:11px;color:#dceca4}
body[data-page=conditions] #metric-dialog{width:min(600px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;background:#213e30;color:#edf3db;border:1px solid #78966b;border-radius:18px;padding:24px;box-shadow:0 30px 100px #0006;margin:auto;overscroll-behavior:contain}
#metric-dialog::backdrop{background:#08170fd9;backdrop-filter:blur(4px)}.metric-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-dialog-top .eyebrow{font-size:9px;color:#b4c6a5;letter-spacing:.12em}.metric-dialog-top button{border:1px solid #ffffff30;border-radius:50%;width:36px;height:36px;background:transparent;color:#e8eed7;font-size:23px;cursor:pointer}#metric-detail h2{font:550 27px var(--body);color:#f0f4df;margin:14px 0;letter-spacing:-.03em}#metric-detail p{color:#c8d7bf;font-size:13px;line-height:1.65}#metric-detail .detail-reading{font-size:45px;margin:10px 0;color:#f3f6e7;letter-spacing:-.04em}#metric-detail .detail-reading small{font-size:17px}.detail-chart .tile-visual{height:170px;color:inherit}.detail-extremes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;padding:18px;background:#173024;border-radius:10px}.detail-extremes span{font-size:11px;color:#c4d5b5}.detail-extremes b{display:block;font-size:22px;margin-top:6px;color:#edf4d8;font-weight:500}body[data-page=conditions] .detail-forecast{display:block;width:100%;text-align:center;background:#e1f28a;color:#213824;padding:13px;border:0;border-radius:8px;font:600 13px var(--body);cursor:pointer}#metric-detail .detail-caption{font-size:10px;color:#b2c5a9}.detail-moon{display:flex;align-items:center;gap:22px;margin:24px 0}.detail-moon .moon-disc{width:100px;height:100px}.detail-moon strong{font-size:24px}
body[data-page=conditions] :is(.station-tile,.station-preview,.station-tabs button,.detail-forecast):focus-visible{outline:3px solid #e8f4a7;outline-offset:3px}
@media(min-width:1600px){.station-tile .tile-visual{height:106px}.station-metrics{gap:16px}}
@media(max-width:1050px){.station-overview{grid-template-columns:1.4fr 1fr}.station-overview #quake-preview{display:none}.station-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page=conditions] .weather-utility{grid-template-columns:minmax(0,1fr) auto}body[data-page=conditions] .weather-utility .zip-lookup{grid-row:2;grid-column:1/-1;max-width:none}body[data-page=conditions] #refresh-weather{grid-row:1;grid-column:2}.station-map-grid{grid-template-columns:1fr}.station-map{display:grid;grid-template-columns:180px 1fr;gap:0 20px}.station-map svg{grid-row:1/4}}
@media(max-width:700px){body[data-site-theme][data-page=conditions] main{padding:0 10px}body[data-site-theme][data-page=conditions] .weather-surface{padding:0 12px 10px;border-radius:12px}body[data-page=conditions] .weather-utility{padding:14px 0 7px;gap:12px}body[data-page=conditions] .weather-utility h1{font-size:21px}.station-tabs{margin:0 -2px;padding:5px 0 10px;gap:2px}body[data-page=conditions] .station-tabs button{padding:9px 12px;font-size:11px}body[data-page=conditions] [role=tabpanel]{padding-top:14px}.station-overview{grid-template-columns:1fr;gap:10px}.station-overview #sun-preview{display:none}.station-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-page=conditions] .station-tile{padding:13px 12px 11px;min-height:223px}.tile-reading{font-size:27px}.tile-label{font-size:11px}.tile-visual{height:82px}.tile-action,.tile-note{font-size:9px}.station-section-heading{margin-top:21px;align-items:start}.station-section-heading h2{font-size:16px}.station-section-heading>span{font-size:9px;max-width:80px;text-align:right}body[data-page=conditions] .station-overview .weather-card{padding:17px}.station-tile[data-detail=air] .tile-reading{font-size:20px!important}.environment-card,.environment-card+.environment-card{padding:18px}.sky-card{padding:15px}.moon-week .moon-disc{width:45px;height:45px}.sky-times strong{font-size:19px}.station-map{display:block}.station-map svg{max-height:130px}body[data-page=conditions] #metric-dialog{padding:18px}.detail-extremes b{font-size:19px}.local-section-title{gap:10px}body[data-page=conditions] .forecast-tabs{gap:5px}body[data-page=conditions] .forecast-tabs button{padding:8px 13px}body[data-page=conditions] .forecast-chart>svg{min-height:190px}.tile-moon{height:92px}.tile-moon .moon-disc{width:65px;height:65px}}
@media(prefers-reduced-motion:reduce){body[data-page=conditions] [role=tabpanel]{animation:none}.station-tile,.station-preview{transition:none!important}}
@media print{body[data-page=conditions] [role=tabpanel][hidden]{display:block!important}.station-tabs,.tile-action{display:none}}

body[data-page=conditions] #alerts>p.small{display:block;font-size:9px;color:#afc4b1;margin:5px 0 0}body[data-page=conditions] .forecast-selected{grid-template-columns:1.2fr 1.3fr repeat(4,1fr)}body[data-page=conditions] .forecast-selected .selected-metric{border-right:1px solid #ffffff22;padding-right:10px}body[data-page=conditions] .forecast-selected .selected-metric strong{color:#e3f292;font-size:23px}@media(max-width:700px){body[data-page=conditions] .forecast-selected{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=conditions] .forecast-selected .selected-time{grid-column:auto;display:block}body[data-page=conditions] .forecast-selected .selected-time>span{display:block}}
.station-tabs{scrollbar-width:none}.station-tabs::-webkit-scrollbar{display:none}
body[data-page=conditions] .forecast-zone{flex:0 0 128px;min-width:0;width:128px;max-width:128px}body[data-page=conditions] .forecast-zone select{width:100%;min-width:0;max-width:128px}.forecast-tabs{scrollbar-width:none}.forecast-tabs::-webkit-scrollbar{display:none}