#lhf-weather{--lhfw-sand:#efe9dc;--lhfw-ink:#19383a;--lhfw-sea:#3b716d;--lhfw-muted:#567070;--lhfw-rule:rgba(25,56,58,.18);font-family:inherit;color:var(--lhfw-ink);background:var(--lhfw-sand);width:100%;position:relative;isolation:isolate;overflow:hidden}
#lhf-weather *{box-sizing:border-box}#lhf-weather:before{content:"";position:absolute;inset:-25% -10% auto auto;width:55%;height:110%;pointer-events:none;background:radial-gradient(ellipse,rgba(100,169,163,.16),transparent 65%)}
.lhfw__inner{max-width:1320px;margin:auto;padding:clamp(48px,6vw,90px) clamp(20px,4vw,58px) 25px;position:relative}
.lhfw__header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:32px}.lhfw__eyebrow,.lhfw__metric-label,.lhfw__station,.lhfw__footer a,.lhfw__button,.lhfw__history summary{font-size:11px;letter-spacing:.17em;font-weight:700;text-transform:uppercase}
.lhfw__eyebrow{display:block;color:var(--lhfw-sea);margin-bottom:12px}.lhfw h2{font-family:inherit;font-size:clamp(28px,4vw,56px);line-height:1.04;font-weight:800;letter-spacing:-.035em;margin:0 0 15px;color:var(--lhfw-ink)}.lhfw__subtitle{max-width:570px;font-size:clamp(14px,1.4vw,17px);line-height:1.6;margin:0;color:var(--lhfw-muted)}
.lhfw__station{white-space:nowrap;display:flex;align-items:center;gap:10px;padding-bottom:7px}.lhfw__station-dot,.lhfw__pulse{background:#649488;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 5px rgba(100,148,136,.13)}.lhfw__station-number{color:var(--lhfw-muted)}
.lhfw__fallback{display:grid;grid-template-columns:85px 1fr auto;gap:28px;align-items:center;background:rgba(255,255,255,.5);border:1px solid var(--lhfw-rule);border-radius:3px;padding:clamp(24px,3vw,44px)}.lhfw__fallback-symbol{height:75px;display:grid;place-content:center;gap:8px}.lhfw__fallback-symbol span{display:block;height:2px;background:var(--lhfw-sea);width:62px;border-radius:50%;transform:skewX(-22deg)}.lhfw__fallback-symbol span:nth-child(2){width:42px;margin-left:12px;opacity:.65}.lhfw__fallback-symbol span:nth-child(3){width:54px;margin-left:5px;opacity:.4}.lhfw__fallback h3{font-size:clamp(21px,2.4vw,30px);letter-spacing:-.03em;margin:0 0 8px;color:var(--lhfw-ink)}.lhfw__fallback p{font-size:15px;line-height:1.6;color:var(--lhfw-muted);margin:0;max-width:535px}.lhfw__button{display:inline-flex;gap:18px;align-items:center;justify-content:space-between;background:var(--lhfw-ink);color:#fff!important;padding:18px 22px;text-decoration:none!important;line-height:1.4;transition:background .2s}.lhfw__button:hover,.lhfw__button:focus-visible{background:var(--lhfw-sea)}
.lhfw__status{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:13px;color:var(--lhfw-muted)}.lhfw__status time{font-weight:700;color:var(--lhfw-ink)}.lhfw__refresh{margin-left:auto;font-size:20px;display:inline-block}.lhfw__refresh.is-refreshing{animation:lhfw-spin 1s linear infinite}@keyframes lhfw-spin{to{transform:rotate(360deg)}}
.lhfw__dashboard{display:grid;grid-template-columns:minmax(190px,265px) 1fr;gap:12px}.lhfw__compass-card,.lhfw__metric{border:1px solid var(--lhfw-rule);background:rgba(255,255,255,.52);padding:22px}.lhfw__compass-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.lhfw__compass-card .lhfw__metric-label{align-self:flex-start}.lhfw__compass-card strong{font-size:16px}
.lhfw__compass{height:160px;width:160px;position:relative;border:1px solid rgba(25,56,58,.2);border-radius:50%;margin:20px auto}.lhfw__compass:before,.lhfw__compass:after{content:"";position:absolute;background:rgba(25,56,58,.13)}.lhfw__compass:before{height:1px;left:10px;right:10px;top:50%}.lhfw__compass:after{width:1px;top:10px;bottom:10px;left:50%}.lhfw__compass>span:not(.lhfw__needle):not(.lhfw__center){position:absolute;font-size:11px;font-weight:700}.lhfw__n{top:7px;left:50%;transform:translateX(-50%)}.lhfw__s{bottom:7px;left:50%;transform:translateX(-50%)}.lhfw__e{right:9px;top:50%;transform:translateY(-50%)}.lhfw__w{left:9px;top:50%;transform:translateY(-50%)}.lhfw__needle{position:absolute;width:3px;height:57px;left:calc(50% - 1.5px);top:calc(50% - 57px);background:var(--lhfw-sea);transform-origin:50% 100%;clip-path:polygon(50% 0,100% 100%,0 100%);transition:transform 1.1s ease}.lhfw__center{position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);width:10px;height:10px;background:var(--lhfw-ink);border-radius:50%}
.lhfw__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lhfw__metric{min-height:148px;display:flex;flex-direction:column;justify-content:space-between}.lhfw__metric-label{color:var(--lhfw-muted);line-height:1.4}.lhfw__metric div{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.lhfw__metric strong{font-size:clamp(32px,4.5vw,60px);line-height:1;font-weight:700;letter-spacing:-.05em}.lhfw__metric div span{font-size:13px;font-weight:600}
.lhfw__history{margin-top:13px;background:rgba(255,255,255,.5);border:1px solid var(--lhfw-rule);padding:18px 24px}.lhfw__history summary{cursor:pointer}.lhfw__history summary span{float:right;color:var(--lhfw-muted)}.lhfw__chart{margin-top:18px}.lhfw__chart svg{width:100%;height:190px;overflow:visible}.lhfw__legend{display:flex;gap:22px;font-size:12px;color:var(--lhfw-muted)}
.lhfw__footer{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--lhfw-rule);margin-top:28px;padding-top:20px}.lhfw__footer p{max-width:680px;font-size:12px;line-height:1.6;color:var(--lhfw-muted);margin:0}.lhfw__footer a{color:var(--lhfw-ink);white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.lhfw__footer a:hover{color:var(--lhfw-sea)}
@media(max-width:860px){.lhfw__header{display:block}.lhfw__station{margin-top:18px}.lhfw__fallback{grid-template-columns:60px 1fr}.lhfw__fallback .lhfw__button{grid-column:1/-1;justify-self:start}.lhfw__dashboard{grid-template-columns:1fr}.lhfw__compass-card{flex-direction:row;gap:15px;text-align:left}.lhfw__compass{margin:0;width:120px;height:120px;flex-shrink:0}.lhfw__compass-card .lhfw__metric-label{align-self:center}.lhfw__footer{align-items:start;flex-direction:column}}
@media(max-width:590px){.lhfw__inner{padding:45px 20px 24px}.lhfw__fallback{display:block;padding:24px}.lhfw__fallback-symbol{display:none}.lhfw__fallback .lhfw__button{margin-top:24px;width:100%;font-size:10px}.lhfw__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lhfw__metric{min-height:126px;padding:16px}.lhfw__metric strong{font-size:clamp(30px,10vw,48px)}.lhfw__compass-card{padding:15px}.lhfw__compass{height:105px;width:105px}.lhfw__status{flex-wrap:wrap}.lhfw__station-number{display:none}}
@media(prefers-reduced-motion:reduce){#lhf-weather *,#lhf-weather *:before,#lhf-weather *:after{transition:none!important;animation:none!important}}
