.surf-panel{color:#fff;background:linear-gradient(140deg,#092b45,#124b62);border-radius:20px;margin-top:42px;padding:30px;box-shadow:0 16px 40px #0b355d1c}.surf-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.surf-heading>svg{color:#7ce1e6;flex:none}.surf-eyebrow{color:#85e2e6;letter-spacing:.04em;font-size:.77rem;font-weight:800}.surf-heading h2{margin:8px 0;font-size:clamp(1.75rem,3.4vw,2.4rem);line-height:1.2}.surf-heading p{color:#c1dce4;margin:0}.surf-spot-row{overscroll-behavior-inline:contain;gap:8px;padding:22px 0 5px;display:flex;overflow-x:auto}.surf-spot-row button{font:inherit;color:#fff;text-align:right;cursor:pointer;background:#ffffff0e;border:1px solid #6da3b4;border-radius:11px;flex:none;min-width:126px;padding:11px 15px;font-weight:750}.surf-spot-row button small{color:#c6dfe6;margin-top:3px;font-size:.72rem;font-weight:400;display:block}.surf-spot-row button[aria-pressed=true]{color:#07374c;background:#fff;border-color:#fff}.surf-spot-row button[aria-pressed=true] small{color:#427080}.surf-context{color:#c6e1e7;margin:16px 0 21px;font-size:.84rem;line-height:1.65}.surf-context strong{color:#fff}.surf-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;display:flex}.surf-toolbar h3{margin:0 0 3px;font-size:1.12rem}.surf-toolbar span{color:#c2dce4;font-size:.75rem}.surf-unit{background:#ffffff16;border:1px solid #ffffff32;border-radius:9px;flex:none;padding:3px;display:flex}.surf-unit button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:.8rem}.surf-unit button[aria-pressed=true]{color:#103b50;background:#fff;font-weight:800}.surf-scroll{overscroll-behavior-inline:contain;padding-bottom:8px;overflow-x:auto}.surf-hours{gap:7px;min-width:max-content;display:flex}.surf-hour{color:#12394d;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:5px;width:90px;padding:12px 7px;display:flex}.surf-date{color:#526f7d;white-space:nowrap;font-size:.69rem}.surf-time{font-size:.92rem}.surf-bar{background:#e9f2f3;border-radius:8px;align-items:flex-end;width:16px;height:36px;display:flex;overflow:hidden}.surf-bar i{background:#1597a7;border-radius:8px;width:100%;display:block}.surf-speed{font-size:1.5rem;line-height:1.1}.surf-hour small{color:#526f7d;font-size:.7rem}.surf-direction{white-space:nowrap;font-size:.79rem;font-weight:700}.surf-gust{color:#526f7d;white-space:nowrap;font-size:.72rem}.surf-state{background:#ffffff12;border:1px solid #ffffff35;border-radius:10px;padding:22px}.surf-state button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.surf-updated{color:#c2dce4;margin:10px 0 0;font-size:.76rem;line-height:1.6}.surf-updated a,.surf-disclaimer a{color:inherit;text-decoration:underline}.surf-resources{background:#ffffff10;border:1px solid #ffffff25;border-radius:12px;margin-top:22px;padding:19px}.surf-resources>div:first-child{align-items:flex-start;gap:12px;display:flex}.surf-resources svg{color:#80dce2;flex:none}.surf-resources p{color:#c3dce3;margin:4px 0 0;font-size:.82rem;line-height:1.6}.surf-links{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.surf-links a{color:#10455a;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:9px 11px;font-size:.8rem;font-weight:700;display:inline-flex}.surf-links a svg{color:inherit}.surf-disclaimer{color:#c3dce3;margin:16px 0 0;font-size:.77rem;line-height:1.65}.surf-panel button:focus-visible{outline-offset:3px;outline:3px solid #ffc85b}.surf-panel a:focus-visible{outline-offset:3px;outline:3px solid #ffc85b}.surf-scroll:focus-visible{outline-offset:3px;outline:3px solid #ffc85b}.surf-spot-row:focus-visible{outline-offset:3px;outline:3px solid #ffc85b}@media (max-width:700px){.surf-panel{border-radius:15px;padding:22px 16px}.surf-heading p{font-size:.87rem}.surf-spot-row button{min-width:110px;padding:10px}.surf-spot-row{margin-inline:-1px}.surf-toolbar{align-items:flex-end}.surf-toolbar span{max-width:185px;line-height:1.45;display:block}.surf-hour{width:86px}.surf-resources{padding:15px}.surf-links a{text-align:center;flex:1;justify-content:center;min-width:135px}}.weather-teaser{color:#15233f;background:#eff5fa;border:1px solid #dde8f1;border-radius:12px;align-items:center;gap:22px;margin:24px 0;padding:15px 20px;display:flex}.weather-teaser-label{white-space:nowrap;align-items:center;gap:10px;display:flex}.weather-teaser-label span,.weather-eyebrow{color:#2164be;letter-spacing:.03em;font-size:.78rem;font-weight:800}.weather-teaser-now{flex:1;align-items:center;gap:10px;display:flex}.weather-teaser-now>strong{direction:ltr;font-size:1.4rem}.weather-teaser-now svg{color:#eaa323}.weather-credit{color:#65748a;font-size:.73rem}.weather-credit a{color:inherit;text-decoration:underline}.weather-teaser-now .weather-credit{margin-inline-start:8px}.weather-teaser-link{color:#1756ae;white-space:nowrap;align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.weather-teaser-pending{color:#65748a;flex:1;font-size:.88rem}.weather-page{color:#14223d;max-width:1040px;margin:38px auto 80px}.weather-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px;display:flex}.weather-heading h1{letter-spacing:-.04em;margin:10px 0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.16}.weather-heading p{color:#65748a;margin:0;font-size:1.08rem}.weather-city{gap:7px;min-width:205px;display:grid}.weather-city label{font-size:.9rem;font-weight:700}.weather-city select{-webkit-appearance:auto;appearance:auto;color:#14223d;font:inherit;background:#fff;border:1px solid #cbd8e5;border-radius:8px;padding:11px 12px}.weather-city small{color:#65748a;font-size:.75rem}.weather-now{color:#fff;background:#142e56;border-radius:18px;grid-template-columns:1.2fr 1fr;display:grid;overflow:hidden;box-shadow:0 15px 35px #1227471a}.weather-now-main{background:linear-gradient(130deg,#173761,#265c93);padding:28px 34px}.weather-now-top{color:#d2e5f7;justify-content:space-between;font-size:.95rem;font-weight:700;display:flex}.weather-now-number{align-items:center;gap:20px;margin:14px 0 2px;display:flex}.weather-now-number svg{color:#ffd071}.weather-now-number strong{letter-spacing:-.06em;direction:ltr;font-size:5rem;line-height:1}.weather-now-main h2{margin:8px 0;font-size:1.35rem}.weather-now-main p{color:#d6e5f4;margin:0;font-size:.85rem}.weather-now-details{background:#ffffff1e;grid-template-columns:repeat(2,1fr);gap:1px;padding:28px;display:grid}.weather-now-details div{background:#132b50;flex-direction:column;justify-content:center;gap:7px;padding:20px;display:flex}.weather-now-details span{color:#b8cce0;font-size:.86rem}.weather-now-details strong{font-size:1.35rem}.weather-section{margin-top:37px}.weather-section-title{border-bottom:1px solid #dde5ee;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px;padding-bottom:12px;display:flex}.weather-section-title h2{margin:0;font-size:1.4rem}.weather-section-title span{color:#738198;font-size:.8rem}.weather-hour-scroll{overscroll-behavior-inline:contain;overflow-x:auto}.weather-hours{gap:8px;min-width:max-content;display:flex}.weather-hour{background:#f5f8fb;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:78px;min-height:126px;padding:12px 7px;display:flex}.weather-hour span,.weather-hour small{color:#62738a;font-size:.78rem}.weather-hour svg{color:#4479af}.weather-hour small,.weather-rain{align-items:center;gap:3px;display:flex}.weather-days{border:1px solid #e2eaf1;border-radius:12px;overflow:hidden}.weather-day{border-bottom:1px solid #e8eef4;grid-template-columns:1fr 1.7fr .6fr .7fr;align-items:center;gap:12px;padding:14px 18px;display:grid}.weather-day:last-child{border:0}.weather-day div{align-items:center;gap:10px;display:flex}.weather-day div svg,.weather-rain{color:#417ab2}.weather-day b{text-align:left;white-space:nowrap;direction:ltr}.weather-day i{color:#8491a3;font-style:normal;font-weight:400}.weather-rain{font-size:.85rem}.weather-notes{color:#65748a;flex-wrap:wrap;gap:8px 20px;margin-top:24px;font-size:.8rem;display:flex}.weather-notes p{width:100%;margin:0;line-height:1.6}.weather-notes p a{color:#2164be;text-decoration:underline}.weather-message{color:#465873;background:#f3f7fb;border:1px solid #dce8f3;border-radius:12px;padding:30px}.weather-message h2{margin:0 0 8px;font-size:1.2rem}.weather-message p{margin:0}:is(.weather-page a:focus-visible,.weather-page select:focus-visible,.weather-teaser a:focus-visible){outline-offset:3px;outline:3px solid #5ca2ff}.weather-surf{color:#12354c;background:#eaf5f7;border:1px solid #d1e9ea;border-radius:18px;margin-top:42px;padding:28px}.weather-surf-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.weather-surf-heading>svg{color:#178ba2}.weather-surf-heading h2{margin:7px 0;font-size:clamp(1.6rem,3vw,2.15rem)}.weather-surf-heading p,.weather-surf-note{color:#547583;margin:0}.weather-surf-note{margin:15px 0;font-size:.82rem}.weather-wind-scroll{overscroll-behavior-inline:contain;overflow-x:auto}.weather-wind-grid{gap:8px;min-width:max-content;display:flex}.weather-wind-hour{background:#fff;border-radius:11px;flex-direction:column;align-items:center;gap:6px;width:91px;padding:12px 7px;display:flex}.weather-wind-hour>span:first-child{color:#65828d;font-size:.8rem}.weather-wind-hour svg{color:#138aa2}.weather-wind-hour strong{font-size:1.45rem;line-height:1}.weather-wind-hour small{color:#65828d;font-size:.72rem}.weather-wind-hour span:not(:first-child){font-size:.8rem;font-weight:700}.weather-sea-links{flex-wrap:wrap;align-items:center;gap:10px;margin-top:19px;display:flex}.weather-sea-links>div{flex:1;min-width:240px}.weather-sea-links p{color:#547583;margin:4px 0;font-size:.8rem}.weather-sea-links a{color:#17647b;background:#fff;border:1px solid #c8e4e7;border-radius:8px;padding:9px 12px;font-size:.8rem;font-weight:700}.weather-surf-foot{color:#547583;margin:17px 0 0;font-size:.77rem;line-height:1.55}.weather-surf-foot a{text-decoration:underline}.weather-surf a:focus-visible{outline-offset:3px;outline:3px solid #5ca2ff}@media (max-width:700px){.weather-teaser{flex-wrap:wrap;gap:8px 13px;padding:13px 15px}.weather-teaser-label{width:auto}.weather-teaser-now{flex-wrap:wrap;flex:1}.weather-teaser-now .weather-credit{width:100%;margin:0}.weather-teaser-link{width:100%;font-size:.82rem}.weather-page{margin:24px auto 65px}.weather-heading{display:block}.weather-heading p{font-size:.95rem}.weather-city{margin-top:20px}.weather-now{grid-template-columns:1fr}.weather-now-main{padding:23px}.weather-now-number strong{font-size:4.2rem}.weather-now-details{gap:1px;padding:1px}.weather-now-details div{padding:15px 21px}.weather-day{grid-template-columns:.9fr 1.3fr .6fr .8fr;gap:6px;padding:13px 10px;font-size:.88rem}.weather-day div{gap:5px}.weather-day div svg{width:19px}.weather-section-title h2{font-size:1.25rem}.weather-surf{padding:20px 15px}.weather-surf-heading p{font-size:.88rem}.weather-sea-links a{text-align:center;flex:1}}.weather-to-surf{color:#17647b;align-items:center;gap:6px;margin-top:13px;font-size:.9rem;font-weight:750;display:inline-flex}