.snow-city{max-width:1310px;margin:auto;padding:26px 0 48px;color:#224557}.city-breadcrumb{display:flex;gap:14px;font-size:12px;color:#698796;align-items:center;margin-bottom:32px}.city-breadcrumb a{color:inherit;text-decoration:none}.city-header{display:flex;justify-content:space-between;gap:24px;align-items:center}.city-header h1{font-size:clamp(36px,4.5vw,65px);line-height:1.1;letter-spacing:-2.8px;margin:12px 0 16px;color:#143a4c;font-weight:650}.city-header h1>span{color:#8ac9dc}.city-header>div>p:last-child{color:#718b9a;font-size:15px}.city-current{display:grid;grid-template-columns:64px 1fr;gap:10px 17px;align-items:center;min-width:210px}.city-current .wx-symbol{width:64px;height:64px}.city-current strong{display:block;font-size:44px;letter-spacing:-2px;line-height:1}.city-current div>span{display:block;font-size:12px;color:#6f8a98;margin-top:7px}.city-current>small{grid-column:1/-1;letter-spacing:1.6px;font-size:8px;color:#718e9e}.city-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin:30px 0 32px;padding:18px 0;border-top:1px solid #d6e4eb;border-bottom:1px solid #d6e4eb}.city-links a{text-decoration:none;color:#35647b;font-size:13px;font-weight:600}.city-links a:last-child{margin-left:auto}.city-section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.city-section-head h2,.city-other h2{font-size:26px;letter-spacing:-.8px;margin:8px 0;color:#21495d}.city-section-head>.eyebrow,.snow-city .eyebrow{font-size:8px;letter-spacing:2.2px;color:#6e92a4}.city-section-head>span{font-size:11px;color:#718b9a}.city-modes{display:flex;padding:4px;border:1px solid #dce8ef;background:#eaf2f6;border-radius:8px}.city-modes button{border:0;background:transparent;color:#638496;padding:11px 14px;cursor:pointer;font:inherit;font-size:12px;border-radius:5px}.city-modes button[aria-pressed=true]{background:#173d51;color:white}.city-days{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.city-days button{border:1px solid #d9e6ed;border-radius:10px;background:#fff;padding:13px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#426779;cursor:pointer;font:inherit}.city-days button[aria-pressed=true]{background:#193f53;color:#fff;border-color:#193f53;box-shadow:0 5px 12px #1e425418}.city-days span{font-size:11px}.city-days strong{font-size:25px;letter-spacing:-1px}.city-days small{font-size:9px;opacity:.7}.city-days button:disabled{opacity:.4;cursor:default}.city-period{font-size:12px;color:#678898;margin:19px 0 25px}.city-observation-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.9fr);gap:28px}.city-webcam-column{min-width:0;background:white;border:1px solid #dce7ed;border-radius:13px;overflow:hidden}.city-webcam-column .local-webcam{margin:0;padding:20px;border:0}.city-webcam-column .webcam-layout{display:block}.city-webcam-column .webcam-heading h2{font-size:21px}.city-webcam-column .webcam-heading .eyebrow{display:none}.city-webcam-column .webcam-heading{gap:10px;flex-wrap:wrap}.city-webcam-column .webcam-cadence{font-size:9px}.city-webcam-column .webcam-visual{border-radius:7px;aspect-ratio:16/9;background:#0c293a}.city-webcam-column .webcam-info{max-width:none;display:grid;grid-template-columns:1fr auto;gap:0 15px;align-items:center;margin-top:17px}.city-webcam-column .webcam-location{display:none}.city-webcam-column .webcam-info h3{font-size:19px;margin:0 0 6px}.city-webcam-column .webcam-info>p{margin:4px 0;font-size:11px;grid-column:1/-1}.city-webcam-column .webcam-actions{grid-column:2;grid-row:1}.city-webcam-column .webcam-actions button{font-size:10px;padding:9px}.city-webcam-column .webcam-info .webcam-timing{font-size:9px;color:#839aa5}.city-webcam-column .webcam-credit{font-size:9px}.city-stats{border-radius:13px;padding:27px;background:linear-gradient(135deg,#153b4f,#214f64);color:white;min-width:0}.city-probability{position:relative;padding-bottom:22px;border-bottom:1px solid #ffffff20}.city-probability div{position:relative;z-index:1}.city-probability span{font-size:9px;letter-spacing:1.9px;color:#a8d1df}.city-probability strong{font-size:76px;letter-spacing:-4px;display:block;margin:5px 0;line-height:1.1}.city-probability strong small{font-size:28px;letter-spacing:-1px;color:#95d0e2;margin-left:5px}.city-probability p{font-size:10px;color:#b9d3df;margin:8px 0 0}.city-probability svg{position:absolute;right:-4px;top:14px;width:112px;height:112px;transform:rotate(-90deg);opacity:.8}.city-probability circle{fill:none;stroke:#ffffff14;stroke-width:6}.city-probability circle+circle{stroke:#99d5e8;stroke-linecap:round}.city-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 12px;margin-top:24px}.city-metric-grid span{font-size:11px;color:#b7d2dd;display:block}.city-metric-grid strong{font-size:30px;letter-spacing:-1px;display:block;margin-top:8px}.city-metric-grid strong small{font-size:15px;font-weight:400;color:#b5d3df}.city-metric-grid p{font-size:9px;color:#a9c6d4;margin:6px 0 0;line-height:1.5}.city-temperature-range{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:18px}.city-thresholds{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;border-top:1px solid #ffffff20;margin-top:22px;padding-top:18px}.city-thresholds span{font-size:9px;color:#a8c7d5;display:block}.city-thresholds b{font-size:17px;display:block;margin:7px 0}.city-thresholds i{display:block;height:3px;background:#ffffff18;border-radius:3px}.city-thresholds em{display:block;height:100%;background:#8dcadd}.city-footnote{font-size:11px;line-height:1.7;color:#78909d}.city-temperature{margin:44px 0 25px;padding:28px;background:#fff;border:1px solid #dce7ed;border-radius:13px}.city-temp-chart{min-height:150px;overflow:auto}.city-temp-chart svg{width:100%;min-width:560px;display:block}.city-temp-chart text{font:11px Arial,sans-serif;fill:#77909e}.city-hourly{display:flex;gap:10px;overflow:auto;padding:14px 0}.city-hourly>div{flex:0 0 108px;background:#f4f7f9;border-radius:8px;padding:12px 10px}.city-hourly span{font-size:10px;color:#7a94a2;display:block}.city-hourly strong{display:block;font-size:23px;color:#385f74;margin:8px 0}.city-hourly small{font-size:9px;color:#869aa5}.city-reading{border-top:1px solid #d8e4eb;border-bottom:1px solid #d8e4eb;padding:18px 0;color:#718a98;font-size:12px;line-height:1.8}.city-reading summary{cursor:pointer;color:#365f74;font-size:13px;font-weight:600}.city-reading summary>span{float:right}.city-reading a{color:#356d86}.city-refresh{font-size:10px;color:#708c9c;margin:16px 0 36px;line-height:1.8}.city-other nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.city-other a{font-size:12px;color:#37697f;background:#fff;border:1px solid #d7e5ed;border-radius:6px;padding:12px 16px;text-decoration:none}.city-other a[aria-current]{color:white;background:#224a60;border-color:#224a60}.snow-city button:focus-visible,.snow-city a:focus-visible{outline:3px solid #c6955d;outline-offset:4px}.snow-city section{scroll-margin-top:20px}
@media(max-width:1000px){.city-observation-grid{gap:18px;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr)}.city-webcam-column .webcam-info{display:block}.city-webcam-column .webcam-actions{margin-top:10px}.city-stats{padding:22px}.city-probability svg{width:85px;height:85px}.city-probability strong{font-size:66px}.city-header h1{font-size:48px}.city-webcam-column .local-webcam{padding:17px}}
@media(max-width:760px){.city-header{align-items:flex-start}.city-header h1{font-size:41px;letter-spacing:-1.8px}.city-current{min-width:110px;grid-template-columns:36px 1fr;gap:6px}.city-current .wx-symbol{width:36px;height:36px}.city-current strong{font-size:31px}.city-current div>span{font-size:9px;max-width:90px}.city-current>small{font-size:6px;letter-spacing:.7px}.city-header>div>p:last-child{font-size:12px;line-height:1.6;max-width:240px}.city-links{gap:15px;font-size:11px}.city-links a{font-size:11px}.city-links a:last-child{margin-left:0}.city-section-head{align-items:flex-start;flex-direction:column;gap:8px}.city-section-head h2,.city-other h2{font-size:24px}.city-days{gap:6px;grid-template-columns:repeat(3,1fr)}.city-days button{padding:10px;gap:5px}.city-days strong{font-size:23px}.city-observation-grid{grid-template-columns:1fr}.city-webcam-column .webcam-heading{flex-direction:row;align-items:center}.city-webcam-column .webcam-heading h2{font-size:19px}.city-webcam-column .webcam-info{display:grid}.city-probability svg{width:110px;height:110px}.city-probability strong{font-size:74px}.city-stats{padding:24px}.city-temperature{padding:18px;margin-top:30px}.city-temp-chart{min-height:125px}.city-breadcrumb{font-size:10px;gap:10px;margin-bottom:24px}.snow-city{padding-top:19px}.city-other a{padding:11px 14px}}
@media(max-width:420px){.city-header{gap:12px}.city-header h1{font-size:35px}.city-current{min-width:100px}.city-webcam-column .webcam-info{display:block}.city-modes button{padding:10px 12px}.city-days span{font-size:10px}}

.city-current .wx-symbol>svg{width:100%;height:100%}