.topbar{height:100px}
.brand-logo{display:block;width:118px;height:84px;object-fit:contain;filter:brightness(0) invert(1)}
.footer .brand-logo{width:132px;height:94px}
.coast{padding:46px 0;background:#e8eee5;border-bottom:1px solid #d5ded2}
.coast-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.coast-heading h2{font:400 clamp(2.25rem,3.5vw,3.1rem)/1.1 var(--serif);letter-spacing:-.04em;margin:7px 0 0}
.coast-date{font-size:.86rem;color:var(--sea);text-align:right}
.coast-date time{display:block;font-size:.95rem;font-weight:700;margin-bottom:4px}
.coast-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}
.coast-solar{background:var(--deep);color:var(--paper);border-radius:18px;padding:27px 23px;position:relative;overflow:hidden}
.coast-solar:after{content:"";position:absolute;width:190px;height:190px;right:-105px;bottom:-115px;border:1px solid #a9c8bd66;border-radius:50%;box-shadow:0 0 0 28px #a9c8bd0a,0 0 0 56px #a9c8bd06;pointer-events:none}
.coast-solar h3{font-size:.86rem;font-weight:400;color:#c5dcd2;margin:0 0 25px}
.solar-event{display:flex;gap:15px;align-items:center}
.solar-event+.solar-event{margin-top:24px;padding-top:24px;border-top:1px solid #ffffff25}
.solar-event svg{width:30px;height:30px;flex-shrink:0;color:#e1ba89}
.solar-event span{display:block;font-size:.83rem;color:#c5dcd2}
.solar-event time{display:block;font-size:1.65rem;line-height:1.2;font-weight:400;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}
.coast-solar small{display:block;font-size:.75rem;line-height:1.5;margin-top:27px;color:#c5dcd2}
.coast-guidance{font-size:.85rem;line-height:1.6;color:var(--muted);margin:20px 3px 0}
.coast-forecast{min-width:0;background:#fff;border:1px solid #d5ded2;border-radius:18px;overflow:hidden}
.coast-tabs{display:flex;gap:6px;padding:14px 17px 0;border-bottom:1px solid #e2e7df}
.coast-tab{border:0;background:none;padding:13px 11px 15px;color:var(--muted);font-size:.88rem;font-weight:700;cursor:pointer;border-bottom:3px solid transparent;display:flex;gap:9px;align-items:center;margin-bottom:-1px}
.coast-tab svg{width:21px;height:21px;flex-shrink:0}
.coast-tab[aria-selected="true"]{color:var(--deep);border-bottom-color:var(--coral)}
.coast-tab:hover{color:var(--deep)}
.coast-tab:focus-visible,.coast-source:focus-visible{outline:2px solid var(--sea);outline-offset:3px}
.coast-panel{padding:15px 17px 0}
.coast-panel[hidden]{display:none}
.coast-panel-copy{margin:0 0 12px;font-size:.84rem;color:var(--muted)}
.coast-frame-wrap{min-height:180px;position:relative;border-radius:8px;overflow:hidden}
.coast-frame-wrap iframe{display:block;width:100%;border:0;background:#fff;min-width:263px}
.coast-frame-wrap iframe:not([src]){display:none}
.coast-frame-wrap[data-state="loading"] iframe{opacity:0}
.coast-frame-wrap[data-state="ready"] iframe{opacity:1}
.coast-frame-status{padding:50px 20px;text-align:center;color:var(--muted);font-size:.9rem}
.coast-frame-status:before{content:"";display:block;width:27px;height:27px;margin:0 auto 15px;border:2px solid var(--mint);border-top-color:var(--sea);border-radius:50%;animation:coast-spin 1s linear infinite}
.coast-frame-wrap[data-state="ready"] .coast-frame-status{display:none}
.coast-frame-wrap[data-state="error"] iframe{display:none}
.coast-frame-wrap[data-state="error"] .coast-frame-status:before{display:none}
.coast-source-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 1px 17px;font-size:.78rem;color:var(--muted)}
.coast-source{color:var(--sea);text-decoration:none;border-bottom:1px solid #abc6b9}
.coast-surf-frame{max-width:753px;margin:0 auto}
.coast-surf-frame iframe{height:390px}
@keyframes coast-spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.topbar{height:82px}.brand-logo{width:98px;height:69px}.coast-grid{grid-template-columns:1fr}.coast-solar{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;padding:21px 24px}.coast-solar h3{grid-column:1/-1;margin:0 0 2px}.solar-event+.solar-event{margin:0;padding:0;border:0}.coast-solar small{grid-column:1/-1;margin:2px 0 0}.coast-guidance{display:none}.coast{padding:34px 0}}
@media(max-width:560px){.topbar{height:76px}.brand-logo{width:88px;height:62px}.coast-heading{align-items:start;gap:12px}.coast-heading h2{font-size:2.3rem}.coast-heading .eyebrow{font-size:.65rem}.coast-date{max-width:135px;font-size:.75rem}.coast-date time{font-size:.81rem;line-height:1.4}.coast-grid{gap:16px}.coast-tabs{padding:8px 8px 0;gap:0}.coast-tab{font-size:.8rem;padding:13px 8px;gap:6px}.coast-tab svg{width:18px;height:18px}.coast-panel{padding:13px 10px 0}.coast-source-row{font-size:.75rem}.coast-solar{padding:20px}.solar-event{gap:10px}.solar-event time{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.coast-frame-status:before{animation:none}}

/* Keep wheel and touch gestures on the page until the visitor opens the chart. */
.coast-frame-wrap[data-interactive="false"] iframe{pointer-events:none}
.coast-explore{display:block;margin:12px 0 0;padding:9px 14px;border:1px solid #abc6b9;border-radius:7px;background:#edf3ee;color:var(--deep);font:inherit;font-size:.875rem;cursor:pointer}
.coast-explore[aria-pressed="true"]{background:var(--deep);color:white}
.coast-explore:focus-visible{outline:2px solid var(--sea);outline-offset:3px}
.coast-panel:has(.coast-frame-wrap:not([data-state="ready"])) .coast-explore{display:none}