.uv-detail,.uv-summary{--uv-severity:var(--bn-muted);color:var(--bn-conditions-ink,var(--bn-ink));font-size:1rem}[data-uv=low]{--uv-severity:var(--bn-uv-low)}[data-uv=moderate]{--uv-severity:var(--bn-uv-moderate)}[data-uv=high]{--uv-severity:var(--bn-uv-high)}[data-uv=very-high]{--uv-severity:var(--bn-uv-very-high)}[data-uv=extreme]{--uv-severity:var(--bn-uv-extreme)}.uv-summary{text-align:left;border:1px solid var(--bn-border);border-radius:var(--bn-radius-card);background:var(--bn-conditions-glass,var(--bn-surface));cursor:pointer;align-items:center;gap:.75rem;width:100%;min-height:5rem;padding:1rem;display:flex}.uv-summary:hover{background:var(--bn-surface-soft)}.uv-summary__copy{flex:1;gap:.125rem;display:grid}.uv-summary__title{font-weight:650}.uv-summary__icon{border-radius:var(--bn-radius-pill);background:color-mix(in srgb, var(--uv-severity) 18%, var(--bn-surface));flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid}.uv-detail{gap:1.25rem;min-width:0;display:grid}.uv-detail__muted{color:var(--bn-conditions-muted,var(--bn-muted))}.uv-detail__reading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.uv-detail__number{align-items:center;gap:.75rem;display:flex}.uv-detail__sun{border-radius:var(--bn-radius-pill);background:color-mix(in srgb, var(--uv-severity) 18%, var(--bn-surface));place-items:center;width:3.5rem;height:3.5rem;display:grid}.uv-detail__value{letter-spacing:-.05em;font-size:clamp(3.5rem,16vw,5rem);font-weight:750;line-height:1.05}.uv-detail__category{border:1px solid var(--bn-border);border-radius:var(--bn-radius-pill);align-items:center;gap:.5rem;padding:.5rem .875rem;font-weight:650;display:inline-flex}.uv-detail__severity-dot{border-radius:var(--bn-radius-pill);background:var(--uv-severity);width:.75rem;height:.75rem}.uv-detail__outlook{border:1px solid var(--bn-border);border-radius:var(--bn-radius-card);background:var(--bn-conditions-glass,var(--bn-surface));gap:.5rem;padding:1rem;display:grid}.uv-detail__chart-wrap{align-items:stretch;gap:.5rem;display:flex}.uv-detail__y-labels{color:var(--bn-conditions-muted,var(--bn-muted));flex-direction:column;justify-content:space-between;padding-block:.75rem;font-size:.875rem;display:flex}.uv-detail__chart{cursor:crosshair;touch-action:pan-y;width:100%;min-width:0;height:auto;display:block}.uv-detail__grid{stroke:var(--bn-border);stroke-width:1px;vector-effect:non-scaling-stroke}.uv-detail__line{stroke:var(--bn-data);stroke-width:2.5px;fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.uv-detail__area{fill:var(--bn-data);opacity:.12}.uv-detail__point{fill:var(--uv-severity);stroke:var(--bn-conditions-ink,var(--bn-ink));stroke-width:1.5px;vector-effect:non-scaling-stroke}.uv-detail__axis{color:var(--bn-conditions-muted,var(--bn-muted));justify-content:space-between;padding-left:1.75rem;font-size:.875rem;display:flex}.uv-detail__peak{border-radius:var(--bn-radius-card);background:var(--bn-conditions-glass,var(--bn-surface));border:1px solid var(--bn-border);align-items:center;gap:.75rem;padding:1rem;display:flex}.uv-detail__data summary{cursor:pointer;min-height:2.75rem;padding-block:.75rem;font-weight:600}.uv-detail__data table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.875rem}.uv-detail__data th,.uv-detail__data td{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid var(--bn-border);padding:.5rem .25rem}.uv-detail__index{font-variant-numeric:tabular-nums;font-weight:650}.uv-detail__time{overflow-wrap:anywhere;border-radius:var(--bn-radius-pill);cursor:pointer;min-width:44px;max-width:100%;min-height:2.75rem;padding:.5rem}.uv-detail__time[aria-pressed=true]{background:var(--bn-brand-soft);color:var(--bn-ink)}.uv-detail__empty{gap:.75rem;padding-block:1rem;display:grid}
.wind-detail{min-width:0;color:var(--bn-conditions-ink,var(--bn-ink));gap:1.25rem;font-size:1rem;display:grid}.wind-detail__muted{color:var(--bn-conditions-muted,var(--bn-muted))}.wind-detail__reading{flex-wrap:wrap;align-items:center;gap:1rem;padding-block:.5rem;display:flex}.wind-detail__icon{width:3.5rem;height:3.5rem;color:var(--bn-data);background:color-mix(in srgb, var(--bn-data) 12%, transparent);border-radius:var(--bn-radius-pill);flex-shrink:0;place-items:center;display:grid}.wind-detail__main{flex:9rem;min-width:0;max-width:100%}.wind-detail__value{letter-spacing:-.04em;font-size:clamp(3rem,12vw,4.5rem);font-weight:750;line-height:1.05}.wind-detail__unit{letter-spacing:normal;font-size:1.5rem;font-weight:650}.wind-detail__gust{border-left:1px solid var(--bn-border);padding-left:1rem}.wind-detail__outlook{border-block:1px solid var(--bn-border);gap:.625rem;padding-block:1rem;display:grid}.wind-detail__legend{flex-wrap:wrap;gap:1rem;font-size:.875rem;display:flex}.wind-detail__legend span{align-items:center;gap:.5rem;display:flex}.wind-detail__legend i{border-top:3px solid var(--bn-data);width:1.5rem}.wind-detail__legend .wind-detail__dash{border-top-style:dashed}.wind-detail__chart-wrap{gap:.5rem;display:flex}.wind-detail__y-labels{flex-direction:column;justify-content:space-between;padding-block:.75rem;font-size:.875rem;display:flex}.wind-detail__chart{cursor:crosshair;touch-action:pan-y;width:100%;min-width:0;height:auto;display:block}.wind-detail__grid{stroke:var(--bn-border);vector-effect:non-scaling-stroke}.wind-detail__line{stroke:var(--bn-data);stroke-width:2.5px;fill:none;vector-effect:non-scaling-stroke}.wind-detail__line--gust{stroke-dasharray:6 6}.wind-detail__point{fill:var(--bn-data);stroke:var(--bn-conditions-glass,var(--bn-surface));stroke-width:1.5px;vector-effect:non-scaling-stroke}.wind-detail__point--gust{fill:var(--bn-conditions-glass,var(--bn-surface));stroke:var(--bn-data)}.wind-detail__axis{justify-content:space-between;padding-left:1.75rem;font-size:.875rem;display:flex}.wind-detail__row{border-bottom:1px solid var(--bn-border);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.5rem;padding-block:.5rem;display:grid}.wind-detail__row>*{overflow-wrap:anywhere;min-width:0}.wind-detail__time,.wind-detail__reset{text-align:left;border-radius:var(--bn-radius-pill);cursor:pointer;overflow-wrap:anywhere;min-width:2.75rem;min-height:2.75rem;padding:.5rem;font-size:.875rem}.wind-detail__time[aria-pressed=true]{background:var(--bn-brand-soft);color:var(--bn-ink)}.wind-detail__time{min-width:44px;max-width:100%}.wind-detail__data summary{cursor:pointer;min-height:2.75rem;padding-block:.75rem}.wind-detail__data table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.875rem}.wind-detail__data td,.wind-detail__data th{text-align:left;border-bottom:1px solid var(--bn-border);overflow-wrap:anywhere;padding:.5rem .25rem}.wind-detail__data th:first-child{width:34%}
.tide-detail{min-width:0;color:var(--bn-conditions-ink,var(--bn-ink));gap:1rem;font-size:1rem;display:grid}.tide-detail__muted,.tide-detail__source{color:var(--bn-conditions-muted,var(--bn-muted))}.tide-detail__hero{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.tide-detail__hero>div{flex:12rem;min-width:0;max-width:100%}.tide-detail__icon{border-radius:var(--bn-radius-pill);width:3.5rem;height:3.5rem;color:var(--bn-data);background:var(--bn-brand-soft);flex-shrink:0;place-items:center;display:grid}.tide-detail__value{letter-spacing:-.04em;font-size:clamp(2.75rem,12vw,4rem);font-weight:750;line-height:1.1}.tide-detail__value span{font-size:.65em}.tide-detail__state{font-weight:650}.tide-detail__chart-card,.tide-detail__swell{border:1px solid var(--bn-border);border-radius:var(--bn-radius-card);background:var(--bn-conditions-glass,var(--bn-surface));gap:.5rem;min-width:0;padding:1rem;display:grid}.tide-detail__plot{gap:.375rem;display:flex}.tide-detail__scale{color:var(--bn-conditions-muted,var(--bn-muted));white-space:nowrap;flex-direction:column;justify-content:space-between;padding-block:.5rem;font-size:.875rem;display:flex}.tide-detail__chart{cursor:crosshair;touch-action:pan-y;width:100%;min-width:0;height:auto;display:block}.tide-detail__grid{stroke:var(--bn-border);stroke-width:1px;vector-effect:non-scaling-stroke}.tide-detail__line{fill:none;stroke:var(--bn-data);stroke-width:2.5px;vector-effect:non-scaling-stroke}.tide-detail__now{stroke:var(--bn-data);stroke-width:1.5px;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.tide-detail__point{fill:var(--bn-data);stroke:var(--bn-surface);stroke-width:2px;vector-effect:non-scaling-stroke}.tide-detail__now-point{fill:var(--bn-now);stroke:var(--bn-surface);stroke-width:2px;vector-effect:non-scaling-stroke}.tide-detail__axis{color:var(--bn-conditions-muted,var(--bn-muted));justify-content:space-between;gap:1rem;font-size:.875rem;display:flex}.tide-detail__axis span{max-width:48%}.tide-detail__axis span:last-child{text-align:right}.tide-detail__slider{width:100%;min-height:2.75rem;accent-color:var(--bn-data)}.tide-detail__chart-card label{font-size:.875rem}.tide-detail__next{border:1px solid var(--bn-border);border-radius:var(--bn-radius-card);background:var(--bn-conditions-glass,var(--bn-surface));grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.tide-detail__next>div{align-content:start;gap:.25rem;padding:.875rem;display:grid}.tide-detail__details summary{cursor:pointer;min-height:2.75rem;padding-block:.75rem;font-size:.875rem;font-weight:650}.tide-detail__details table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.875rem}.tide-detail__details th:first-child{width:50%}.tide-detail__details caption{text-align:left;padding-block:.5rem}.tide-detail__details th,.tide-detail__details td{text-align:left;border-bottom:1px solid var(--bn-border);overflow-wrap:anywhere;padding:.5rem .25rem}.tide-detail__select{text-align:left;cursor:pointer;border-radius:var(--bn-radius-pill);min-width:2.75rem;min-height:2.75rem;padding:.5rem}.tide-detail__select[aria-pressed=true]{background:var(--bn-brand-soft);color:var(--bn-ink)}.tide-detail__select{overflow-wrap:anywhere;min-width:44px;max-width:100%}.tide-detail__source{gap:.375rem;display:grid}