.pw-badge{color:#245b54;overflow-wrap:anywhere;font-size:.75rem;line-height:1.5;display:block}.pw-badge.pw-badge-ready{align-items:center;gap:.3rem;display:inline-flex}.pw-badge.pw-compact{white-space:nowrap;justify-content:flex-end;align-items:center;gap:.15rem;font-size:.65rem;display:flex}.pw-badge-icon{object-fit:contain;flex:none;width:1.3rem;height:1.3rem}.pw-compact .pw-badge-icon{width:1.05rem;height:1.05rem}.pw-temperature{white-space:nowrap}.pw-details{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#fff 0%,#fbf8f2 100%);margin-block:1rem;padding:clamp(.9rem,2vw,1.4rem);overflow:hidden}.pw-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.pw-heading-copy{overscroll-behavior-inline:contain;scrollbar-width:none;white-space:nowrap;align-items:baseline;gap:.35rem;min-width:0;display:flex;overflow-x:auto}.pw-heading-copy::-webkit-scrollbar{display:none}.pw-heading-copy>strong{letter-spacing:-.02em;flex:none;min-width:0;font-size:1.25rem;line-height:1.3}.pw-heading-copy>span{color:var(--color-text-muted);flex:none;font-size:.75rem}.pw-heading-actions{align-items:center;gap:.5rem;display:flex}.pw-scroll-controls{gap:.25rem;display:flex}.pw-scroll-controls button{border:1px solid var(--color-border);width:2.75rem;height:2.75rem;color:var(--color-text);font:inherit;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);background:#fff;border-radius:50%;place-items:center;padding:0;font-size:1rem;display:grid}.pw-scroll-controls button:hover:not(:disabled){border-color:var(--color-action-primary);background:var(--color-accent-orange-soft);color:var(--color-action-primary)}.pw-scroll-controls button:disabled{opacity:.35;cursor:default}.pw-heading input[type=date]{border-color:var(--color-border);background:#fff;border-radius:.75rem;flex:0 0 8.75rem;width:8.75rem;min-width:0;min-height:2.75rem;padding:.4rem .55rem;font-size:.8rem}.pw-location{line-height:1.45}.pw-periods{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin;scrollbar-color:#c8bda9 transparent;gap:.85rem;max-width:100%;margin-top:.8rem;padding:.2rem .1rem .9rem;scroll-padding-inline:.1rem;font-size:.85rem;display:flex;overflow-x:auto}.pw-periods:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.pw-date-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;gap:.55rem;min-width:0;display:grid}.pw-date-heading{justify-content:space-between;align-items:baseline;gap:.75rem;padding-inline:.15rem;display:flex}.pw-date-heading>strong{letter-spacing:-.02em;font-size:1rem}.pw-date-heading>span{color:var(--color-text-muted);font-size:.68rem}.pw-date-slide[data-active=true] .pw-date-heading>strong{color:var(--color-action-primary)}.pw-date-pair{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.pw-period{--pw-card-from:#fff7e8;--pw-card-to:#ffedcf;--pw-card-line:#ebc991;--pw-card-glow:#ffffffb3;border:1px solid var(--pw-card-line);background:linear-gradient(145deg, var(--pw-card-from) 0%, var(--pw-card-to) 100%);min-width:0;min-height:15rem;color:var(--color-text);border-radius:1.2rem;grid-template-columns:minmax(0,1fr) clamp(4.75rem,25%,6.6rem);align-items:center;gap:.55rem;padding:1rem;display:grid;position:relative;overflow:hidden}.pw-period:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--pw-card-glow) 0 45%, transparent 72%);pointer-events:none;border-radius:50%;width:11rem;position:absolute;inset:8% -2.6rem auto auto}.pw-period:after{content:"";aspect-ratio:1;pointer-events:none;border:1.35rem solid #ffffff4d;border-radius:50%;width:10rem;position:absolute;inset:auto -2.75rem -4.5rem auto}.pw-tone-day{--pw-card-from:#fff8df;--pw-card-to:#ffe5aa;--pw-card-line:#e6bd67;--pw-card-glow:#fffaddf2}.pw-tone-night{--pw-card-from:#f4f0fc;--pw-card-to:#ddd5f2;--pw-card-line:#b8a8dd;--pw-card-glow:#ffffffb8}.pw-tone-hot{--pw-card-from:#fff0dc;--pw-card-to:#ffc6a3;--pw-card-line:#e8915d;--pw-card-glow:#fff5d5d9}.pw-tone-cold{--pw-card-from:#edf9fc;--pw-card-to:#ccecf4;--pw-card-line:#8fcbdc;--pw-card-glow:#ffffffe0}.pw-tone-wind{--pw-card-from:#effaf8;--pw-card-to:#ccebe7;--pw-card-line:#82c3bb;--pw-card-glow:#ffffffd1}.pw-tone-overcast{--pw-card-from:#f4f6f8;--pw-card-to:#dce2e9;--pw-card-line:#b6c0cc;--pw-card-glow:#ffffffc2}.pw-tone-rain{--pw-card-from:#edf9fb;--pw-card-to:#c4e9ef;--pw-card-line:#84c4d0;--pw-card-glow:#ffffffd1}.pw-tone-storm{--pw-card-from:#efecf8;--pw-card-to:#cbc3e2;--pw-card-line:#9d90c3;--pw-card-glow:#fff4bf8c}.pw-tone-fog{--pw-card-from:#f7f8f9;--pw-card-to:#dfe4e8;--pw-card-line:#b8c0c6;--pw-card-glow:#ffffffe6}.pw-tone-snow{--pw-card-from:#f2fbff;--pw-card-to:#d5eefa;--pw-card-line:#9fcfe4;--pw-card-glow:#fffffff2}.pw-tone-missing{--pw-card-from:#f7f3ec;--pw-card-to:#eee8de;--pw-card-line:var(--color-border)}.pw-period.pw-time-morning{--pw-card-from:#fffbe9;--pw-card-to:#ffe8ad;--pw-card-glow:#fffff5f5}.pw-period.pw-time-afternoon{--pw-card-from:#fff4e5;--pw-card-to:#ffd0a8;--pw-card-glow:#fff8e4e6}.pw-period.pw-time-night{--pw-card-from:#f4f0fc;--pw-card-to:#d8d1ee;--pw-card-glow:#ffffffbd}.pw-period-content{z-index:1;flex-direction:column;justify-content:center;gap:.55rem;min-width:0;min-height:100%;display:flex;position:relative}.pw-period-heading{white-space:nowrap;align-items:center;gap:.45rem;display:flex}.pw-period-title{letter-spacing:-.02em;font-size:1.08rem}.pw-period-time{border-radius:var(--radius-pill);color:var(--color-text-muted);background:#ffffff8a;border:1px solid #403b4a1f;padding:.2rem .45rem;font-size:.67rem;line-height:1.3}.pw-period-condition{gap:.12rem;display:grid}.pw-period-temperature{letter-spacing:-.045em;font-size:clamp(2rem,4vw,2.65rem);line-height:1.05}.pw-period-description{font-size:.84rem;line-height:1.45}.pw-period-icon{z-index:1;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 .35rem .55rem #403b4a1a);justify-self:end;width:100%;max-width:9rem;height:auto;position:relative}.pw-weather-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.pw-weather-stats>p:only-child{grid-column:1/-1}.pw-rain,.pw-wind{background:#ffffff80;border:1px solid #403b4a1a;border-radius:.7rem;gap:.05rem;min-width:0;margin:0;padding:.45rem .55rem;font-size:.68rem;line-height:1.35;display:grid}.pw-rain-value{font-size:1.25rem;line-height:1.15}.pw-rain-high{color:#b42318;font-weight:800}.pw-rain-high .pw-rain-value{font-weight:800}.pw-wind-value{font-size:1rem;line-height:1.25}.pw-wind-high{color:#176b67;font-weight:800}.pw-card-updated{color:var(--color-text-muted);margin-top:auto;padding-top:.15rem;font-size:.68rem;line-height:1.4}.pw-attribution,.pc-weather-note{color:var(--color-text-muted);font-size:.73rem;line-height:1.6}.pw-attribution{text-align:center;margin:.15rem 0 0}.pw-attribution a,.pc-weather-note a{text-underline-offset:.15em}.pc-typhoon-alert[hidden]{display:none}.pc-typhoon-alert{color:var(--color-text);background:#fff2df;border:1px solid #dda35d;border-radius:.8rem;grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:.8rem 1rem;margin-top:.8rem;padding:.75rem 1rem;display:grid}.pc-typhoon-alert[data-level=warning]{background:#fff0ed;border-color:#c75b4f}.pc-typhoon-alert>img{object-fit:contain;width:5rem;height:5rem}.pc-typhoon-copy{gap:.15rem;min-width:0;display:grid}.pc-typhoon-copy :is(p,strong,time){margin:0}.pc-typhoon-eyebrow{color:#9c5000;letter-spacing:.04em;font-size:.72rem;font-weight:800}.pc-typhoon-alert[data-level=warning] .pc-typhoon-eyebrow{color:#a12e25}.pc-typhoon-copy>strong{font-size:1rem;line-height:1.45}.pc-typhoon-copy>p:not(.pc-typhoon-eyebrow){color:var(--color-text-muted);font-size:.8rem;line-height:1.55}.pc-typhoon-copy>time{color:var(--color-text-muted);font-size:.7rem}.pc-typhoon-alert>a{color:#8c4900;white-space:nowrap;border:1px solid;border-radius:.45rem;justify-content:center;align-items:center;min-height:44px;padding:.45rem .7rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.pc-typhoon-alert[data-level=warning]>a{color:#942b24}@media (width<=68rem) and (width>=42.01rem){.pw-period{grid-template-columns:minmax(0,1fr) 4.75rem;padding:.85rem}.pw-period-icon{width:4.75rem;height:4.75rem}.pw-weather-stats{grid-template-columns:1fr}.pw-weather-stats>p:only-child{grid-column:auto}}@media (width<=42rem){.pw-details{border-radius:.9rem;padding:.85rem}.pw-heading{grid-template-columns:minmax(0,1fr);align-items:end;gap:.5rem}.pw-heading-copy>strong{font-size:1.05rem}.pw-heading-actions{justify-self:end;gap:.35rem}.pw-scroll-controls{display:none}.pw-heading input[type=date]{flex-basis:7.65rem;width:7.65rem;font-size:.75rem}.pw-periods{margin-inline:-.15rem;padding-inline:.15rem}.pw-date-slide{flex-basis:min(88vw,22rem)}.pw-date-pair{grid-template-columns:1fr;gap:.65rem}.pw-period{grid-template-columns:minmax(0,1fr) 6.2rem;gap:.45rem;min-height:12.75rem;padding:.9rem}.pw-period:before{width:9rem;inset:15% -3.2rem auto auto}.pw-period-icon{width:6.2rem;height:6.2rem}.pw-period-temperature{font-size:1.9rem}.pw-period-time{padding-inline:.35rem;font-size:.61rem}.pw-weather-stats{grid-template-columns:1fr}.pw-weather-stats>p:only-child{grid-column:auto}.pw-rain,.pw-wind{padding:.35rem .45rem}.pc-typhoon-alert{grid-template-columns:3.5rem minmax(0,1fr);gap:.5rem .7rem;margin-top:.55rem;padding:.55rem .65rem}.pc-typhoon-alert>img{width:3.5rem;height:3.5rem}.pc-typhoon-copy>p:not(.pc-typhoon-eyebrow){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pc-typhoon-alert>a{border:0;grid-column:2;justify-self:start;min-height:36px;padding-inline:0}}@media (prefers-reduced-motion:reduce){.pw-periods{scroll-behavior:auto}}@media (forced-colors:active){.pw-details,.pw-period,.pw-scroll-controls button{border-color:canvastext}.pw-badge,.pw-location,.pw-date-heading>strong{color:canvastext}}
