.feature-photo{position:relative;min-height:19rem}.feature-photo .feature-card-link{display:block;color:inherit;text-decoration:none;min-height:14rem}.feature-photo .metric{font-size:2.3rem}.feature-photo .outlook-headline{font-size:1.3rem;line-height:1.3}.feature-photo .feature-attribution{font-size:.8rem}.feature-photo .feature-attribution a{color:white;text-decoration:underline}.feature-photo picture{position:absolute;inset:0}.feature-photo .card-photo{width:100%;height:100%;object-fit:cover}.outlook-summary,.outlook-guide,.outlook-timeline,[data-uv-comparison]{margin:1rem 0;padding:1rem;background:var(--surface);border:1px solid var(--border,#d5e0e9);border-radius:1rem}.outlook-summary>strong{display:block;font-size:1.5rem}.outlook-guide dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.outlook-guide dl div{padding:.65rem;background:#edf4f8;border-radius:.5rem}.outlook-guide dd{margin:0}.outlook-hour{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.4rem;padding:.8rem 0;border-bottom:1px solid #d5e0e9}.outlook-hour time{font-weight:600}.outlook-hour>*{overflow-wrap:anywhere}.heat-hour>span{font-size:.9rem}.outlook-probability{grid-column:1/-1;height:.35rem;background:#e2e8f0;border-radius:.5rem}.outlook-probability i{display:block;height:100%;background:#5265a4}.outlook-source-toggles{display:flex;flex-wrap:wrap;gap:1rem}.outlook-source-toggles label{border-bottom:3px solid var(--source-color);padding:.4rem}.outlook-uv-chart{width:100%;height:auto;display:block}.outlook-uv-chart text{font-size:12px;fill:currentColor}.outlook-uv-table{overflow:auto;max-height:26rem}.outlook-uv-table table{width:100%;border-collapse:collapse}.outlook-uv-table th,.outlook-uv-table td{padding:.6rem;text-align:start;border-bottom:1px solid #d5e0e9}.outlook-lightning-link{display:block;padding:1rem;border:1px solid #ccd8e3;border-radius:.6rem;margin:1rem 0}.outlook-timeline select{padding:.5rem;max-width:100%}.outlook-status{min-height:8rem;padding:1rem}.outlook-guide a,.outlook-lightning-link,.source-note a{color:#145c8e} [data-info-detail] p,[data-uv-comparison] p{overflow-wrap:anywhere}
.feature-photo picture{z-index:0}.feature-photo .feature-card-link,.feature-photo .feature-attribution{position:relative;z-index:2}

/* Homepage summaries share the comfort card's centred hierarchy. */
.home-decision-grid>.card:not(.earthquake-card){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:19rem;padding:1.5rem;text-align:center}
.home-decision-grid>.card h2{font-size:clamp(1.375rem,2vw,1.5rem);font-weight:750;line-height:1.3;margin:0 0 .25rem;max-width:100%}
.home-decision-grid>.card strong.metric,.home-decision-grid>.comfort-card>strong{display:block;font-size:clamp(2.625rem,5vw,3.25rem);line-height:1.1;letter-spacing:-.025em;margin:0}
.home-decision-grid>.rain-plan>strong,.home-decision-grid>.storm-alert-card>strong,.home-decision-grid .outlook-headline{display:block;font-size:clamp(1.75rem,3vw,2rem);line-height:1.25;letter-spacing:normal;margin:0;max-width:100%;overflow-wrap:break-word}
.home-decision-grid .metric small{font-size:1.125rem;font-weight:600;letter-spacing:normal}
.home-decision-grid>.card .meta,.home-decision-grid>.card .sun-uv-label,.home-decision-grid .card-category{font-size:.9375rem;line-height:1.5;margin:.25rem 0;max-width:100%}
.home-decision-grid .card-category,.home-decision-grid .air-pill{font-size:1rem;font-weight:650}
.home-decision-grid>.card .text-link{display:flex;align-items:center;justify-content:center;min-height:2.75rem;font-size:1rem;font-weight:750;line-height:1.4;margin:.5rem 0 0;color:inherit}
.home-decision-grid .feature-card-link{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;width:100%;gap:.5rem}
.home-decision-grid [data-info-card]{width:100%}
.home-decision-grid .feature-attribution,.home-decision-grid .card-receipt{display:block;font-size:.8125rem;line-height:1.5;margin:0}
.home-decision-grid .feature-photo{gap:0}
.home-decision-grid>.card .text-link{white-space:normal;max-width:100%;overflow-wrap:anywhere;text-align:center}
.home-decision-grid>.card .metric{max-width:100%;overflow-wrap:normal}
.home-decision-grid>.card:not(.earthquake-card){justify-content:flex-start;min-height:21rem;padding-bottom:4.5rem;position:relative}
.home-decision-grid>.card h2{min-height:var(--row-title,0px);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%}
.home-decision-grid>.card>strong,.home-decision-grid [data-info-card]>strong{min-height:var(--row-reading,0px);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%}
.home-decision-grid>.card .text-link{margin-top:auto;padding-top:1rem}
.home-decision-grid>.feature-photo .feature-card-link{position:static;flex:1;justify-content:flex-start}
.home-decision-grid [data-info-card]{display:flex;flex-direction:column;align-items:center;flex:1}
.home-decision-grid>.feature-photo .feature-attribution{position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem}
.home-decision-grid>.feature-photo .card-receipt{position:absolute;bottom:2.6rem;left:1.25rem;right:1.25rem}
.apparent-hour{grid-template-columns:4rem minmax(0,1fr) 3.5rem 3.5rem}
.comfort-legend{flex-wrap:wrap}
@media(max-width:599px){.apparent-hour{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.apparent-hour .comfort-track{grid-row:2;grid-column:1/-1}.apparent-hour>span,.apparent-hour>b{overflow-wrap:anywhere}}
.hero-copy>.meta,.hero-reading-label{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.home-decision-grid>.card:not(.earthquake-card){border:0}
.home-decision-grid>.card h2{align-items:flex-start}
.home-decision-grid>.card .text-link{min-height:var(--row-action,2.75rem);align-items:flex-start}
@media(max-width:46rem){.home-decision-grid>.card:not(.earthquake-card){padding-bottom:4.5rem}}
.home-decision-grid>.card:not(.earthquake-card){padding-bottom:1.5rem;gap:.5rem}
.home-decision-grid [data-info-card]{gap:.5rem}
.home-decision-grid>.feature-photo .card-receipt{position:static;min-height:var(--row-receipt,0px);width:100%}
.home-decision-grid>.feature-photo .feature-attribution{position:static;min-height:var(--row-attribution,0px);width:100%}
.home-decision-grid>.card:not(.feature-photo)::after{content:'';display:block;flex-shrink:0;height:calc(var(--row-receipt,0px) + var(--row-attribution,0px) + .5rem)}
.home-decision-grid .visual-card::before{background:linear-gradient(90deg,rgba(2,23,38,.8),rgba(2,23,38,.62))}
.home-decision-grid>.card:focus-visible,.home-decision-grid .feature-card-link:focus-visible{outline:3px solid #ffe48a;outline-offset:3px}
html[lang=bn] .home-decision-grid>.card h2,html[lang=bn] .home-decision-grid>.card strong,html[lang=bn] .home-decision-grid .outlook-headline{line-height:1.45;letter-spacing:normal}
@media(max-width:46rem){.home-decision-grid>.card:not(.earthquake-card){padding:1.25rem;min-height:18rem}}

.feature-photo.visual-card>picture{position:absolute;inset:0;z-index:0;pointer-events:none}

@media(max-width:599px){.outlook-uv-chart text{font-size:28px}.outlook-uv-chart{margin:.6rem 0}}
[data-info-detail] h1,[data-info-detail] h2,[data-uv-comparison] h2,.feature-photo h2,.feature-photo .outlook-headline,.feature-photo .metric{overflow-wrap:anywhere}

.storm-probability{display:block}.storm-probability-number{font-size:clamp(2.625rem,5vw,3.25rem)}.storm-probability-label{display:block;font-size:1rem;line-height:1.5;font-weight:650}.storm-band{border-left:4px solid var(--storm-band);padding-left:.6rem}.storm-band-veryLow{--storm-band:#6998b0}.storm-band-low{--storm-band:#4b81b5}.storm-band-moderate{--storm-band:#665cc2}.storm-band-high{--storm-band:#943ba5}.storm-band .outlook-probability i{background:var(--storm-band)}.storm-bands{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.6rem}.storm-bands>div{padding:.6rem;background:#f2f5fa}.storm-bands dd{margin:.3rem 0}.outlook-guide a{display:inline-block;white-space:normal;overflow-wrap:anywhere}
.home-decision-grid [data-info-card]>strong.storm-probability{flex-direction:column;gap:.25rem}
.home-decision-grid>.storm-alert-card>:not(.storm-alert-photo){position:relative;z-index:2}.home-decision-grid>.storm-alert-card{color:#fff;text-decoration:none}