/* Forecast UX responsive variant v0.0.16.9.406
   Scoped to .sccwp-forecast-uxr-root so [scc_forecast_ux] stays untouched. */

.sccwp-forecast-uxr-root,
.elementor-shortcode > .sccwp-forecast-uxr-root{
  --uxr-gap: 18px;
  --uxr-gap-mobile: 14px;
  width: min(1500px, calc(100vw - 40px));
  max-width: 1500px;
  margin: 0 auto 28px;
  background: transparent;
  display:block;
  box-sizing:border-box;
}
.sccwp-forecast-uxr-root *,
.sccwp-forecast-uxr-root *::before,
.sccwp-forecast-uxr-root *::after{ box-sizing:border-box; }

.sccwp-forecast-uxr-root .app{
  width:100%;
  max-width:none;
  padding:0;
  display:grid;
  gap:var(--uxr-gap-mobile);
  align-items:start;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:
    "top"
    "sticky"
    "map"
    "readout"
    "score"
    "toggle"
    "webcam"
    "details";
}

.sccwp-forecast-uxr-root .app > *,
.sccwp-forecast-uxr-root .sccwp-uxr-details > *{ min-width:0; }

.sccwp-forecast-uxr-root .topbar{ grid-area:top; padding:0 2px 2px; }
.sccwp-forecast-uxr-root .mapcard{ grid-area:map; }
.sccwp-forecast-uxr-root .readoutcard{ grid-area:readout; }
.sccwp-forecast-uxr-root .stickybar{ grid-area:sticky; }
.sccwp-forecast-uxr-root .scorecard{ grid-area:score; }
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{ grid-area:webcam; }
.sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{ grid-area:toggle; }
.sccwp-forecast-uxr-root .sccwp-uxr-details{ grid-area:details; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-live{ grid-area:live; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{ grid-area:rws; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{ grid-area:swell; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ grid-area:wind; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ grid-area:tide; }

.sccwp-forecast-uxr-root .topbar__spot{
  font-size:clamp(28px, 4vw, 64px);
  line-height:1;
  letter-spacing:-.02em;
  color:#5f5f64;
}

.sccwp-forecast-uxr-root .card,
.sccwp-forecast-uxr-root .stickybar,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{
  margin:0;
  width:100%;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  overflow:hidden;
}
.sccwp-forecast-uxr-root .stickybar{ background:var(--card); }
.sccwp-forecast-uxr-root .map{ height:250px; }
.sccwp-forecast-uxr-root .readout{ min-height:100%; }
.sccwp-forecast-uxr-root .livecard .livewebcam{ display:none !important; }
.sccwp-forecast-uxr-root .toggle{ width:46px; height:28px; min-width:46px; border-radius:999px; }
.sccwp-forecast-uxr-root .toggle__dot{ width:18px; height:18px; }
.sccwp-forecast-uxr-root .scorecard .scorebody{ gap:12px; }
.sccwp-forecast-uxr-root .livegrid{ gap:10px; }
.sccwp-forecast-uxr-root .livegrid .mini{ min-height:74px; }
.sccwp-forecast-uxr-root .chartcard__head{ min-height:48px; }
.sccwp-forecast-uxr-root .chart,
.sccwp-forecast-uxr-root .rwschartcard .chart,
.sccwp-forecast-uxr-root .swellchartcard .chart,
.sccwp-forecast-uxr-root .windchartcard .chart,
.sccwp-forecast-uxr-root .tidechartcard .chart{
  width:100%;
  min-height:220px;
}
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard img,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard video{
  width:100%;
  min-height:240px;
  aspect-ratio:16/9;
  display:block;
  border:0;
  border-radius:20px;
}
.sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{ display:block; }
.sccwp-forecast-uxr-root .sccwp-uxr-details-toggle{
  width:100%; border:0; border-radius:999px; background:#155ca8; color:#fff;
  padding:11px 16px; font-size:15px; line-height:1.2; font-weight:700;
  display:inline-flex; align-items:center; justify-content:center; gap:10px; cursor:pointer;
  box-shadow:0 4px 12px rgba(8,66,126,.14);
}
.sccwp-forecast-uxr-root .sccwp-uxr-details-toggle::after{
  content:''; width:0;height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid currentColor; transition:transform .2s ease;
}
.sccwp-forecast-uxr-root.is-details-open .sccwp-uxr-details-toggle::after{ transform:rotate(180deg); }
.sccwp-forecast-uxr-root .sccwp-uxr-details{
  display:grid; gap:var(--uxr-gap-mobile); margin-top:0;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:
    "live"
    "rws"
    "swell"
    "wind"
    "tide";
}
.sccwp-forecast-uxr-root [hidden]{ display:none !important; }
.sccwp-forecast-uxr-root .scorehead{ margin-bottom:18px; }
.sccwp-forecast-uxr-root .rating{ transform:none; left:0; bottom:-8px; }
.sccwp-forecast-uxr-root .scorebar{ margin-top:4px; }

@media (max-width: 759px){
  .sccwp-forecast-uxr-root{ width:calc(100vw - 20px); max-width:none; margin:0 auto 24px; }
  .sccwp-forecast-uxr-root .app{ gap:var(--uxr-gap-mobile); }
  .sccwp-forecast-uxr-root .topbar{ padding-inline:2px; }
  .sccwp-forecast-uxr-root .stickybar,
  .sccwp-forecast-uxr-root .card,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{ border-radius:18px; }
  .sccwp-forecast-uxr-root .map{ height:232px; }
  .sccwp-forecast-uxr-root .chart,
  .sccwp-forecast-uxr-root .rwschartcard .chart{ min-height:220px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle{ padding:10px 15px; font-size:15px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe{ min-height:220px; }
}

@media (min-width:760px) and (max-width:1023px){
  .sccwp-forecast-uxr-root{ width:min(100%, calc(100vw - 36px)); max-width:none; margin:0 auto 28px; }
  .sccwp-forecast-uxr-root .app{
    gap:18px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "top top"
      "map sticky"
      "readout score"
      "swell wind"
      "rws live"
      "tide webcam";
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{ display:none !important; }
  .sccwp-forecast-uxr-root .scorecard .toggle,
  .sccwp-forecast-uxr-root .livecard .toggle,
  .sccwp-forecast-uxr-root .scorecard .sccwp-tog,
  .sccwp-forecast-uxr-root .livecard .sccwp-tog{ display:none !important; }
  .sccwp-forecast-uxr-root .scorecard .factors,
  .sccwp-forecast-uxr-root .livecard .livegrid,
  .sccwp-forecast-uxr-root .livecard .livebody{ display:grid !important; }
  .sccwp-forecast-uxr-root .scorecard .factors{ margin-top:14px; }
  .sccwp-forecast-uxr-root .stickybar{ min-height:108px; }
  .sccwp-forecast-uxr-root .scorecard{ min-height:254px; }
  .sccwp-forecast-uxr-root .livecard{ min-height:290px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe{ min-height:290px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{ min-height:322px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ min-height:368px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ min-height:368px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws .chart,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell .chart{ min-height:246px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind .chart{ min-height:236px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart{ min-height:282px; }
}

@media (min-width:1024px){
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{ width:min(1500px, calc(100vw - 52px)); max-width:1500px; margin:0 auto 30px; }
  .sccwp-forecast-uxr-root .app{
    gap:18px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "top top top"
      "map sticky live"
      "readout score live"
      "swell rws webcam"
      "tide wind webcam";
  }
  .sccwp-forecast-uxr-root .topbar{ padding:0 6px 4px; }
  .sccwp-forecast-uxr-root .stickybar{ min-height:108px; position:sticky; top:calc(var(--sccwp-sticky-offset, 96px) - 8px); z-index:6; }
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{ display:none !important; }
  .sccwp-forecast-uxr-root .scorecard .toggle,
  .sccwp-forecast-uxr-root .livecard .toggle,
  .sccwp-forecast-uxr-root .scorecard .sccwp-tog,
  .sccwp-forecast-uxr-root .livecard .sccwp-tog{ display:none !important; }
  .sccwp-forecast-uxr-root .scorecard .factors,
  .sccwp-forecast-uxr-root .livecard .livegrid,
  .sccwp-forecast-uxr-root .livecard .livebody{ display:grid !important; }
  .sccwp-forecast-uxr-root .map{ height:252px; }
  .sccwp-forecast-uxr-root .scorecard{ min-height:268px; }
  .sccwp-forecast-uxr-root .livecard{ min-height:350px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe{ min-height:350px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{ min-height:338px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ min-height:390px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ min-height:390px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws .chart,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell .chart{ min-height:248px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind .chart{ min-height:236px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart{ min-height:286px; }
}

@media (min-width:760px){
  .sccwp-forecast-uxr-root .livecard .livebody{ display:grid !important; }
  .sccwp-forecast-uxr-root .livecard .livegrid{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .sccwp-forecast-uxr-root .rwschartcard .chart svg,
  .sccwp-forecast-uxr-root .swellchartcard .chart svg,
  .sccwp-forecast-uxr-root .windchartcard .chart svg,
  .sccwp-forecast-uxr-root .tidechartcard .chart svg,
  .sccwp-forecast-uxr-root .rwschartcard .chart canvas,
  .sccwp-forecast-uxr-root .swellchartcard .chart canvas,
  .sccwp-forecast-uxr-root .windchartcard .chart canvas,
  .sccwp-forecast-uxr-root .tidechartcard .chart canvas{
    width:100% !important;
    max-width:none !important;
    display:block;
  }
  .sccwp-forecast-uxr-root .charthead{ padding-bottom:6px; }
}


/* Build 406 desktop/tablet chart fill + stable wide layout */
.sccwp-forecast-uxr-root .livecard .livebody{display:grid;}
.sccwp-forecast-uxr-root .rwschartcard,
.sccwp-forecast-uxr-root .swellchartcard,
.sccwp-forecast-uxr-root .windchartcard,
.sccwp-forecast-uxr-root .tidechartcard,
.sccwp-forecast-uxr-root .livecard,
.sccwp-forecast-uxr-root .scorecard,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{
  align-self:start;
}
.sccwp-forecast-uxr-root .rwschartcard,
.sccwp-forecast-uxr-root .swellchartcard,
.sccwp-forecast-uxr-root .windchartcard,
.sccwp-forecast-uxr-root .tidechartcard{
  display:grid;
  grid-template-rows:auto 1fr auto;
}
.sccwp-forecast-uxr-root .rwschartcard .chart,
.sccwp-forecast-uxr-root .swellchartcard .chart,
.sccwp-forecast-uxr-root .windchartcard .chart,
.sccwp-forecast-uxr-root .tidechartcard .chart{
  padding:0 6px 4px !important;
}
.sccwp-forecast-uxr-root .rwschartcard .chart svg,
.sccwp-forecast-uxr-root .swellchartcard .chart svg,
.sccwp-forecast-uxr-root .windchartcard .chart svg,
.sccwp-forecast-uxr-root .tidechartcard .chart svg,
.sccwp-forecast-uxr-root .rwschartcard .chart canvas,
.sccwp-forecast-uxr-root .swellchartcard .chart canvas,
.sccwp-forecast-uxr-root .windchartcard .chart canvas,
.sccwp-forecast-uxr-root .tidechartcard .chart canvas{
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  display:block;
}


/* Build 402 desktop/tablet CSS-first layout reset */
@media (min-width:760px){
  .sccwp-forecast-uxr-root{ width:min(1320px, calc(100vw - 36px)); max-width:1320px; }
  .sccwp-forecast-uxr-root .app{ align-items:start; }
  .sccwp-forecast-uxr-root .sccwp-uxr-details{ display:none !important; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-live,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{ width:100%; margin:0; }
  .sccwp-forecast-uxr-root .chart,
  .sccwp-forecast-uxr-root .rwschartcard .chart,
  .sccwp-forecast-uxr-root .swellchartcard .chart,
  .sccwp-forecast-uxr-root .windchartcard .chart,
  .sccwp-forecast-uxr-root .tidechartcard .chart{ padding:0 8px 4px !important; min-height:unset; }
  .sccwp-forecast-uxr-root .charthead{ padding:10px 12px 0 !important; }
  .sccwp-forecast-uxr-root .svgwrap{ height:auto !important; min-height:210px; margin-bottom:0; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell .svgwrap,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws .svgwrap{ min-height:220px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind .svgwrap{ min-height:205px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .svgwrap{ min-height:275px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws .card,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell .card,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind .card,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .card{}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ display:flex; flex-direction:column; min-height:0 !important; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{ grid-area:rws; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{ grid-area:swell; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ grid-area:wind; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ grid-area:tide; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-live{ grid-area:live; }
}

@media (min-width:760px) and (max-width:1023px){
  .sccwp-forecast-uxr-root{ width:min(100%, calc(100vw - 36px)); max-width:none; margin:0 auto 28px; }
  .sccwp-forecast-uxr-root .app{
    gap:18px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "top top"
      "map sticky"
      "readout score"
      "swell wind"
      "rws live"
      "tide webcam";
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{ display:none !important; }
  .sccwp-forecast-uxr-root .scorecard .toggle,
  .sccwp-forecast-uxr-root .livecard .toggle,
  .sccwp-forecast-uxr-root .scorecard .sccwp-tog,
  .sccwp-forecast-uxr-root .livecard .sccwp-tog{ display:none !important; }
  .sccwp-forecast-uxr-root .scorecard .factors,
  .sccwp-forecast-uxr-root .livecard .livegrid,
  .sccwp-forecast-uxr-root .livecard .livebody{ display:grid !important; }
  .sccwp-forecast-uxr-root .scorecard .factors{ margin-top:14px; }
  .sccwp-forecast-uxr-root .stickybar{ min-height:108px; }
  .sccwp-forecast-uxr-root .scorecard{ min-height:254px; }
  .sccwp-forecast-uxr-root .livecard{ min-height:290px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe{ min-height:290px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{ min-height:322px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ min-height:368px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ min-height:368px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws .chart,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell .chart{ min-height:246px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind .chart{ min-height:236px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart{ min-height:282px; }
}

@media (min-width:1024px){
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{ width:min(1500px, calc(100vw - 52px)); max-width:1500px; margin:0 auto 30px; }
  .sccwp-forecast-uxr-root .app{
    gap:18px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "top top top"
      "map sticky live"
      "readout score live"
      "swell rws webcam"
      "tide wind webcam";
  }
  .sccwp-forecast-uxr-root .topbar{ padding:0 6px 4px; }
  .sccwp-forecast-uxr-root .stickybar{ min-height:108px; position:sticky; top:calc(var(--sccwp-sticky-offset, 96px) - 8px); z-index:6; }
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{ display:none !important; }
  .sccwp-forecast-uxr-root .scorecard .toggle,
  .sccwp-forecast-uxr-root .livecard .toggle,
  .sccwp-forecast-uxr-root .scorecard .sccwp-tog,
  .sccwp-forecast-uxr-root .livecard .sccwp-tog{ display:none !important; }
  .sccwp-forecast-uxr-root .scorecard .factors,
  .sccwp-forecast-uxr-root .livecard .livegrid,
  .sccwp-forecast-uxr-root .livecard .livebody{ display:grid !important; }
  .sccwp-forecast-uxr-root .map{ height:252px; }
  .sccwp-forecast-uxr-root .scorecard{ min-height:268px; }
  .sccwp-forecast-uxr-root .livecard{ min-height:350px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe{ min-height:350px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{ min-height:338px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ min-height:390px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ min-height:390px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws .chart,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell .chart{ min-height:248px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind .chart{ min-height:236px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart{ min-height:286px; }
}


/* Build 403 targeted layout reset */
.sccwp-forecast-uxr-root{width:min(1380px,calc(100vw - 48px));max-width:1380px;padding-inline:0;overflow:visible;}
.sccwp-forecast-uxr-root .app,.sccwp-forecast-uxr-root .sccwp-uxr-details{overflow:visible;}
.sccwp-forecast-uxr-root .card,.sccwp-forecast-uxr-root .stickybar,.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{overflow:hidden;}
.sccwp-forecast-uxr-root .scorecard .scorebody{display:grid;gap:10px;align-content:start;}
.sccwp-forecast-uxr-root .scorecard{padding-bottom:14px;}
.sccwp-forecast-uxr-root .scorecard .rating{bottom:-4px;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-rws .chart,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-swell .chart,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-wind .chart,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart{display:flex;align-items:stretch;justify-content:stretch;padding:0 2px 0 0;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-rws .chart > *,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-swell .chart > *,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-wind .chart > *,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart > *{flex:1 1 auto;width:100% !important;max-width:none !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart{min-height:340px;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart svg,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart canvas{height:300px !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-wind .chart svg,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-wind .chart canvas{height:220px !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-rws .chart svg,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-rws .chart canvas,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-swell .chart svg,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-swell .chart canvas{height:230px !important;}
@media (max-width: 759px){
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{display:block !important;}
}
@media (min-width:760px) and (max-width:1199px){
  .sccwp-forecast-uxr-root{width:min(100%,calc(100vw - 32px));max-width:none;}
  .sccwp-forecast-uxr-root .app{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:
    "top top"
    "map sticky"
    "readout score"
    "details details";}
  .sccwp-forecast-uxr-root .sccwp-uxr-details{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row dense;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{order:1;min-height:300px;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{order:2;min-height:360px;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{order:3;min-height:300px;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-live{order:4;min-height:290px;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{order:5;min-height:360px;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{order:6;min-height:290px;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{grid-column:1;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{grid-column:2;}
}
@media (min-width:1200px){
  .sccwp-forecast-uxr-root{width:min(1380px,calc(100vw - 64px));max-width:1380px;}
  .sccwp-forecast-uxr-root .app{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(320px,.92fr);grid-template-areas:
    "top top top"
    "map sticky live"
    "readout score live"
    "details details webcam";align-items:start;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{align-self:start;min-height:300px;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe,.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard img,.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard video{min-height:250px;}
  .sccwp-forecast-uxr-root .sccwp-uxr-details{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row dense;align-items:start;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{order:1;min-height:300px;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{order:2;min-height:300px;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{order:3;min-height:390px;grid-column:1;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{order:4;min-height:390px;grid-column:2;}
}


/* Build 404 block-based grid reset.
   Mobile cards remain the visual source of truth.
   Tablet/desktop only change card placement. */
.sccwp-forecast-uxr-root,
.elementor-shortcode > .sccwp-forecast-uxr-root{
  width:min(1320px, calc(100vw - 36px));
  max-width:1320px;
  margin:0 auto 28px;
}
.sccwp-forecast-uxr-root .app{
  width:100%;
  max-width:none;
  display:grid;
  align-items:start;
  gap:16px;
}
.sccwp-forecast-uxr-root .app > *,
.sccwp-forecast-uxr-root .sccwp-uxr-details > *{ min-width:0; }
.sccwp-forecast-uxr-root .topbar{ grid-area:top; }
.sccwp-forecast-uxr-root .stickybar{ grid-area:sticky; }
.sccwp-forecast-uxr-root .mapcard{ grid-area:map; }
.sccwp-forecast-uxr-root .readoutcard{ grid-area:readout; }
.sccwp-forecast-uxr-root .scorecard{ grid-area:score; }
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{ grid-area:webcam; }
.sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{ grid-area:toggle; }
.sccwp-forecast-uxr-root .sccwp-uxr-details{ grid-area:details; display:grid; gap:16px; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-live{ grid-area:live; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{ grid-area:rws; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{ grid-area:swell; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ grid-area:wind; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ grid-area:tide; }
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard img,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard video{ width:100%; display:block; border-radius:20px; border:0; aspect-ratio:16/9; }
.sccwp-forecast-uxr-root .chart,
.sccwp-forecast-uxr-root .rwschartcard .chart,
.sccwp-forecast-uxr-root .swellchartcard .chart,
.sccwp-forecast-uxr-root .windchartcard .chart,
.sccwp-forecast-uxr-root .tidechartcard .chart{ min-height:220px; padding:0 8px 0 !important; }
.sccwp-forecast-uxr-root .rwschartcard .chart svg,
.sccwp-forecast-uxr-root .swellchartcard .chart svg,
.sccwp-forecast-uxr-root .windchartcard .chart svg,
.sccwp-forecast-uxr-root .tidechartcard .chart svg,
.sccwp-forecast-uxr-root .rwschartcard .chart canvas,
.sccwp-forecast-uxr-root .swellchartcard .chart canvas,
.sccwp-forecast-uxr-root .windchartcard .chart canvas,
.sccwp-forecast-uxr-root .tidechartcard .chart canvas{ width:100% !important; max-width:none !important; display:block; }
.sccwp-forecast-uxr-root .scorecard .toggle,
.sccwp-forecast-uxr-root .livecard .toggle,
.sccwp-forecast-uxr-root .scorecard .sccwp-tog,
.sccwp-forecast-uxr-root .livecard .sccwp-tog{ display:none !important; }
@media (max-width:759px){
  .sccwp-forecast-uxr-root{ width:calc(100vw - 18px); max-width:none; }
  .sccwp-forecast-uxr-root .app{
    grid-template-columns:minmax(0,1fr);
    gap:14px;
    grid-template-areas:
      "top"
      "sticky"
      "map"
      "readout"
      "score"
      "toggle"
      "webcam"
      "details";
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-details{ grid-template-columns:minmax(0,1fr); grid-template-areas:"live" "rws" "swell" "wind" "tide"; gap:14px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{ display:block !important; }
  .sccwp-forecast-uxr-root .scorecard .toggle,
  .sccwp-forecast-uxr-root .livecard .toggle,
  .sccwp-forecast-uxr-root .scorecard .sccwp-tog,
  .sccwp-forecast-uxr-root .livecard .sccwp-tog{ display:flex !important; }
}
@media (min-width:760px) and (max-width:1180px){
  .sccwp-forecast-uxr-root{ width:min(100%, calc(100vw - 28px)); max-width:none; }
  .sccwp-forecast-uxr-root .app{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:16px;
    grid-template-areas:
      "top top"
      "map sticky"
      "readout score"
      "swell wind"
      "rws live"
      "tide webcam";
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-details,
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{ display:none !important; }
  .sccwp-forecast-uxr-root .stickybar{ min-height:102px; }
  .sccwp-forecast-uxr-root .scorecard{ min-height:220px; }
  .sccwp-forecast-uxr-root .livecard{ min-height:290px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe{ min-height:290px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell,.sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{ min-height:320px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind,.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ min-height:360px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart{ min-height:280px; }
}
@media (min-width:1181px){
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{ width:min(1320px, calc(100vw - 40px)); max-width:1320px; }
  .sccwp-forecast-uxr-root .app{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    gap:16px;
    grid-template-areas:
      "top top top"
      "map sticky live"
      "readout score live"
      "swell rws webcam"
      "tide wind webcam";
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-details,
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{ display:none !important; }
  .sccwp-forecast-uxr-root .stickybar{ min-height:102px; }
  .sccwp-forecast-uxr-root .scorecard{ min-height:250px; }
  .sccwp-forecast-uxr-root .livecard{ min-height:350px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe{ min-height:250px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell,.sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{ min-height:300px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind,.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ min-height:360px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart{ min-height:280px; }
}


/* Build 406: polish only wide layouts; mobile visual system stays leading */
.sccwp-forecast-uxr-root .card > .label,
.sccwp-forecast-uxr-root .charthead .label,
.sccwp-forecast-uxr-root .livehead .label,
.sccwp-forecast-uxr-root .scorehead .label{ margin-bottom:0; }
@media (min-width:760px){
  .sccwp-forecast-uxr-root .card,
  .sccwp-forecast-uxr-root .stickybar,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{ overflow:visible; }
  .sccwp-forecast-uxr-root .charthead{ padding:8px 14px 2px; }
  .sccwp-forecast-uxr-root .livehead,
  .sccwp-forecast-uxr-root .scorehead{ padding:2px 2px 0; }
  .sccwp-forecast-uxr-root .scorecard .factors{ display:grid !important; visibility:visible !important; opacity:1 !important; }
  .sccwp-forecast-uxr-root .scorecard .sccwp-tog,
  .sccwp-forecast-uxr-root .livecard .sccwp-tog{ display:none !important; }
}


/* Build 407: wide-layout polish around proven block grid.
   Mobile stays unchanged. Tablet/desktop only refine placement and spacing. */
.sccwp-forecast-uxr-root .mapcard,
.sccwp-forecast-uxr-root .mapcard .card,
.sccwp-forecast-uxr-root .mapcard .map{
  border-radius:20px !important;
  overflow:hidden;
}
@media (min-width:760px) and (max-width:1180px){
  .sccwp-forecast-uxr-root{ width:min(100%, calc(100vw - 42px)); max-width:none; margin:0 auto 30px; }
  .sccwp-forecast-uxr-root .app{ gap:18px; grid-template-areas:
    "top top"
    "map sticky"
    "readout score"
    "swell wind"
    "rws live"
    "tide webcam"; }
  .sccwp-forecast-uxr-root .scorecard{ margin-top:-167px; min-height:254px; }
  .sccwp-forecast-uxr-root .scorehead{ padding:4px 4px 0; }
  .sccwp-forecast-uxr-root .livehead{ padding:4px 4px 0; }
  .sccwp-forecast-uxr-root .charthead{ padding:12px 14px 4px !important; }
  .sccwp-forecast-uxr-root .rwschartcard{ grid-area:rws; }
  .sccwp-forecast-uxr-root .windchartcard{ grid-area:wind; }
}
@media (min-width:1181px){
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{ width:min(1320px, calc(100vw - 56px)); max-width:1320px; margin:0 auto 34px; }
  .sccwp-forecast-uxr-root .app{ gap:18px; grid-template-areas:
    "top top top"
    "map sticky live"
    "readout score live"
    "swell wind webcam"
    "rws tide webcam"; }
  .sccwp-forecast-uxr-root .scorecard{ margin-top:-168px; min-height:258px; }
  .sccwp-forecast-uxr-root .scorehead{ padding:4px 6px 0; }
  .sccwp-forecast-uxr-root .livehead{ padding:4px 6px 0; }
  .sccwp-forecast-uxr-root .charthead{ padding:12px 16px 4px !important; }
  .sccwp-forecast-uxr-root .rwschartcard{ grid-area:rws; }
  .sccwp-forecast-uxr-root .windchartcard{ grid-area:wind; }
}


/* Build 0.0.16.9.409: tighten wide layout with safer spacing and chart fill.
   Mobile compact stays leading; tablet/desktop only rebalance panel order and spacing. */
.sccwp-forecast-uxr-root .modebar{ padding:0 6px 2px !important; }
.sccwp-forecast-uxr-root .scorecard .toggle,
.sccwp-forecast-uxr-root .livecard .toggle,
.sccwp-forecast-uxr-root .scorecard .sccwp-tog,
.sccwp-forecast-uxr-root .livecard .sccwp-tog,
.sccwp-forecast-uxr-root .sccwp-tog--sm{
  width:40px !important;
  height:22px !important;
  min-width:40px !important;
  border-width:2px !important;
}
.sccwp-forecast-uxr-root .scorecard .toggle .sccwp-tog__knob,
.sccwp-forecast-uxr-root .livecard .toggle .sccwp-tog__knob,
.sccwp-forecast-uxr-root .scorecard .sccwp-tog__knob,
.sccwp-forecast-uxr-root .livecard .sccwp-tog__knob,
.sccwp-forecast-uxr-root .sccwp-tog--sm .sccwp-tog__knob{
  width:12px !important;
  height:12px !important;
}
.sccwp-forecast-uxr-root .scorecard .toggle.is-on .sccwp-tog__knob,
.sccwp-forecast-uxr-root .livecard .toggle.is-on .sccwp-tog__knob,
.sccwp-forecast-uxr-root .scorecard .sccwp-tog.is-on .sccwp-tog__knob,
.sccwp-forecast-uxr-root .livecard .sccwp-tog.is-on .sccwp-tog__knob,
.sccwp-forecast-uxr-root .sccwp-tog--sm.is-on .sccwp-tog__knob{ transform:translateX(14px) !important; }
.sccwp-forecast-uxr-root .mapcard,
.sccwp-forecast-uxr-root .mapcard .card,
.sccwp-forecast-uxr-root .mapcard .map{ border-radius:20px !important; overflow:hidden; }
.sccwp-forecast-uxr-root .scorehead,
.sccwp-forecast-uxr-root .livehead,
.sccwp-forecast-uxr-root .charthead{ box-sizing:border-box; }
.sccwp-forecast-uxr-root .scorecard .rating{
  max-width:calc(100% - 34px);
  overflow:hidden;
}
.sccwp-forecast-uxr-root .scorecard .rating__text,
.sccwp-forecast-uxr-root .scorecard .rating__disc,
.sccwp-forecast-uxr-root .scorecard .rating__badge{
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-wind,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ min-height:325px; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart{ min-height:230px; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart svg,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart canvas{ height:230px !important; }

@media (max-width:759px){
  .sccwp-forecast-uxr-root .scorecard .toggle,
  .sccwp-forecast-uxr-root .scorecard .sccwp-tog,
  .sccwp-forecast-uxr-root .livecard .toggle,
  .sccwp-forecast-uxr-root .livecard .sccwp-tog{ display:flex !important; }
}

@media (min-width:760px) and (max-width:1180px){
  .sccwp-forecast-uxr-root{ width:min(100%, calc(100vw - 44px)); max-width:none; margin:0 auto 34px; }
  .sccwp-forecast-uxr-root .app{
    gap:18px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "top top"
      "map sticky"
      "readout score"
      "swell rws"
      "tide wind"
      "live webcam";
  }
  .sccwp-forecast-uxr-root .stickybar{ min-height:90px; align-self:end; }
  .sccwp-forecast-uxr-root .scorecard{ margin-top:-166px; min-height:262px; }
  .sccwp-forecast-uxr-root .scorehead{ padding:8px 14px 0 8px; }
  .sccwp-forecast-uxr-root .livehead{ padding:8px 8px 0; }
  .sccwp-forecast-uxr-root .charthead{ padding:10px 14px 4px !important; }
  .sccwp-forecast-uxr-root .scorecard .factors{ margin-top:12px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{ grid-area:rws; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ grid-area:wind; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide,
  .sccwp-forecast-uxr-root .livecard,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{ margin-inline:0; }
}

@media (min-width:1181px){
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{ width:min(1320px, calc(100vw - 64px)); max-width:1320px; margin:0 auto 36px; }
  .sccwp-forecast-uxr-root .app{
    gap:18px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "top top top"
      "map sticky live"
      "readout score live"
      "swell wind webcam"
      "rws tide webcam";
  }
  .sccwp-forecast-uxr-root .stickybar{ min-height:90px; align-self:end; }
  .sccwp-forecast-uxr-root .scorecard{ margin-top:-166px; min-height:268px; }
  .sccwp-forecast-uxr-root .scorehead{ padding:8px 16px 0 8px; }
  .sccwp-forecast-uxr-root .livehead{ padding:8px 8px 0; }
  .sccwp-forecast-uxr-root .charthead{ padding:10px 14px 4px !important; }
  .sccwp-forecast-uxr-root .scorecard .factors{ margin-top:12px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{ grid-area:rws; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ grid-area:wind; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide,
  .sccwp-forecast-uxr-root .livecard,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{ margin-inline:0; }
}


/* Build 0.0.16.9.411: keep stickybar static, remove redundant title, and rebalance wide grid. */
.sccwp-forecast-uxr-root .topbar,
.sccwp-forecast-uxr-root .topbar__spot{ display:none !important; }
.sccwp-forecast-uxr-root .stickybar{
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  align-self:start !important;
}
.sccwp-forecast-uxr-root .mapcard,
.sccwp-forecast-uxr-root .mapcard .card,
.sccwp-forecast-uxr-root .mapcard .map,
.sccwp-forecast-uxr-root .mapcard img{ border-radius:20px !important; }
.sccwp-forecast-uxr-root .scorehead,
.sccwp-forecast-uxr-root .livehead,
.sccwp-forecast-uxr-root .charthead{ padding-right:14px !important; }
.sccwp-forecast-uxr-root .scorecard .toggle,
.sccwp-forecast-uxr-root .scorecard .sccwp-tog,
.sccwp-forecast-uxr-root .livecard .toggle,
.sccwp-forecast-uxr-root .livecard .sccwp-tog{ width:40px !important; height:22px !important; min-width:40px !important; }
.sccwp-forecast-uxr-root .scorecard .toggle .sccwp-tog__knob,
.sccwp-forecast-uxr-root .scorecard .sccwp-tog__knob,
.sccwp-forecast-uxr-root .livecard .toggle .sccwp-tog__knob,
.sccwp-forecast-uxr-root .livecard .sccwp-tog__knob{ width:12px !important; height:12px !important; }
.sccwp-forecast-uxr-root .scorecard .toggle.is-on .sccwp-tog__knob,
.sccwp-forecast-uxr-root .scorecard .sccwp-tog.is-on .sccwp-tog__knob,
.sccwp-forecast-uxr-root .livecard .toggle.is-on .sccwp-tog__knob,
.sccwp-forecast-uxr-root .livecard .sccwp-tog.is-on .sccwp-tog__knob{ transform:translateX(14px) !important; }
.sccwp-forecast-uxr-root .scorecard .rating{ max-width:calc(100% - 48px); }
@media (max-width:759px){
  .sccwp-forecast-uxr-root{ width:min(100%, calc(100vw - 32px)); margin:0 auto 28px; }
  .sccwp-forecast-uxr-root .app{ grid-template-areas:
    "sticky"
    "map"
    "readout"
    "score"
    "toggle"
    "webcam"
    "details"; }
}
@media (min-width:760px) and (max-width:1180px){
  .sccwp-forecast-uxr-root{ width:min(100%, calc(100vw - 40px)); margin:0 auto 34px; }
  .sccwp-forecast-uxr-root .app{
    gap:16px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "map sticky"
      "readout score"
      "swell rws"
      "tide wind"
      "live webcam";
  }
  .sccwp-forecast-uxr-root .stickybar{ min-height:92px; margin:0; }
  .sccwp-forecast-uxr-root .scorecard{ margin-top:-164px !important; min-height:258px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{ grid-area:rws !important; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ grid-area:wind !important; }
}
@media (min-width:1181px){
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{ width:min(1120px, calc(100vw - 72px)); max-width:1120px; margin:0 auto 36px; }
  .sccwp-forecast-uxr-root .app{
    gap:16px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "map sticky live"
      "readout score live"
      "swell rws webcam"
      "tide wind webcam";
  }
  .sccwp-forecast-uxr-root .stickybar{ min-height:92px; margin:0; }
  .sccwp-forecast-uxr-root .scorecard{ margin-top:-164px !important; min-height:258px; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{ grid-area:rws !important; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ grid-area:wind !important; }
}


/* Build 0.0.16.9.411: packaging fix + grid polish + card sizing refinements. */
.sccwp-forecast-uxr-root .readoutcard{ min-height:125px !important; }
.sccwp-forecast-uxr-root .sccwp-proto .segbtn{ padding:5px 8px !important; }
.sccwp-forecast-uxr-root .modebar{ min-height:90px !important; padding:10px 6px 2px !important; gap:8px !important; }
.sccwp-forecast-uxr-root .modebar .iconbtn{ height:38px !important; min-width:38px !important; font-size:22px !important; }
.sccwp-forecast-uxr-root .charthead,
.sccwp-forecast-uxr-root .scorehead,
.sccwp-forecast-uxr-root .livehead{ align-items:flex-start; }
.sccwp-forecast-uxr-root .charthead .label,
.sccwp-forecast-uxr-root .scorehead .label,
.sccwp-forecast-uxr-root .livehead .label,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard > .label{ line-height:1.15; }
.sccwp-forecast-uxr-root .charthead .meta,
.sccwp-forecast-uxr-root .charthead .time,
.sccwp-forecast-uxr-root .rwschartvals{ font-size:10px !important; line-height:1.2 !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-swell,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{ min-height:300px !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-wind,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ min-height:325px !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart svg,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart canvas{ height:230px !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .svgwrap{ min-height:230px !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{ padding-bottom:12px !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard > .label{ padding-inline:12px !important; margin-bottom:8px !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard img,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard video{ width:calc(100% - 24px) !important; margin:0 12px !important; border-radius:18px !important; }
.sccwp-forecast-uxr-root .scorecard .toggle,
.sccwp-forecast-uxr-root .scorecard .sccwp-tog,
.sccwp-forecast-uxr-root .livecard .toggle,
.sccwp-forecast-uxr-root .livecard .sccwp-tog{ width:40px !important; height:22px !important; min-width:40px !important; }
.sccwp-forecast-uxr-root .scorecard .toggle .sccwp-tog__knob,
.sccwp-forecast-uxr-root .scorecard .sccwp-tog__knob,
.sccwp-forecast-uxr-root .livecard .toggle .sccwp-tog__knob,
.sccwp-forecast-uxr-root .livecard .sccwp-tog__knob{ width:12px !important; height:12px !important; }
.sccwp-forecast-uxr-root .scorecard .toggle.is-on .sccwp-tog__knob,
.sccwp-forecast-uxr-root .scorecard .sccwp-tog.is-on .sccwp-tog__knob,
.sccwp-forecast-uxr-root .livecard .toggle.is-on .sccwp-tog__knob,
.sccwp-forecast-uxr-root .livecard .sccwp-tog.is-on .sccwp-tog__knob{ transform:translateX(14px) !important; }
.sccwp-forecast-uxr-root .scorecard .rating{ max-width:calc(100% - 96px) !important; overflow:hidden; }
.sccwp-forecast-uxr-root .scorecard .rating__disc,
.sccwp-forecast-uxr-root .scorecard .rating__text,
.sccwp-forecast-uxr-root .scorecard .rating__badge{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (max-width:759px){
  .sccwp-forecast-uxr-root .stickybar{ position:static !important; top:auto !important; }
  .sccwp-forecast-uxr-root .modebar{ min-height:90px !important; }
}
@media (min-width:760px) and (max-width:1180px){
  .sccwp-forecast-uxr-root{ width:min(100%, calc(100vw - 48px)) !important; margin:0 auto 34px !important; }
  .sccwp-forecast-uxr-root .app{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-areas:
      "map sticky"
      "readout score"
      "swell wind"
      "rws tide"
      "live webcam" !important;
    gap:16px !important;
  }
  .sccwp-forecast-uxr-root .stickybar{ min-height:90px !important; }
  .sccwp-forecast-uxr-root .scorecard{ margin-top:-168px !important; min-height:264px !important; }
  .sccwp-forecast-uxr-root .readoutcard{ align-self:end; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ grid-area:wind !important; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{ grid-area:rws !important; }
}
@media (min-width:1181px){
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{ width:min(1180px, calc(100vw - 72px)) !important; max-width:1180px !important; margin:0 auto 36px !important; }
  .sccwp-forecast-uxr-root .app{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-areas:
      "map sticky live"
      "readout score live"
      "swell wind webcam"
      "rws tide webcam" !important;
    gap:16px !important;
  }
  .sccwp-forecast-uxr-root .stickybar{ min-height:90px !important; }
  .sccwp-forecast-uxr-root .scorecard{ margin-top:-168px !important; min-height:264px !important; }
  .sccwp-forecast-uxr-root .readoutcard{ align-self:end; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{ grid-area:wind !important; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{ grid-area:rws !important; }
}


/* Build 0.0.16.9.412: stabilize mobile sticky flow, pair swell cards, and tighten wide grid spacing. */
.sccwp-forecast-uxr-root .modebar{min-height:74px !important;padding:8px 6px 2px !important;}
.sccwp-forecast-uxr-root .modebar .iconbtn{height:38px !important;min-width:38px !important;font-size:22px !important;}
.sccwp-forecast-uxr-root .sccwp-proto .segbtn{padding:5px 8px !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-details-toggle{background:#78D6F9 !important;box-shadow:0 4px 12px rgba(120,214,249,.22) !important;color:#fff !important;}
.sccwp-forecast-uxr-root .mapcard,
.sccwp-forecast-uxr-root .mapcard .card,
.sccwp-forecast-uxr-root .mapcard .map,
.sccwp-forecast-uxr-root .mapcard img{border-radius:20px !important;overflow:hidden;}
.sccwp-forecast-uxr-root .readoutcard{min-height:125px !important;align-self:end;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-swell,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{min-height:308px !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-wind,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{min-height:325px !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .svgwrap,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart svg,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart canvas{min-height:230px !important;height:230px !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{padding:0 0 20px !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard > .label{padding:12px 14px 8px !important;line-height:1.1 !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard img,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard video{width:calc(100% - 28px) !important;margin:0 14px !important;border-radius:18px !important;}
.sccwp-forecast-uxr-root .charthead,.sccwp-forecast-uxr-root .scorehead,.sccwp-forecast-uxr-root .livehead{padding-right:16px !important;}
.sccwp-forecast-uxr-root .charthead .label,.sccwp-forecast-uxr-root .scorehead .label,.sccwp-forecast-uxr-root .livehead .label,.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard > .label{line-height:1.15 !important;}
.sccwp-forecast-uxr-root .rwschartvals,.sccwp-forecast-uxr-root .charthead .meta,.sccwp-forecast-uxr-root .charthead .time{font-size:10px !important;line-height:1.2 !important;}
.sccwp-forecast-uxr-root .scorecard .toggle,.sccwp-forecast-uxr-root .scorecard .sccwp-tog,.sccwp-forecast-uxr-root .livecard .toggle,.sccwp-forecast-uxr-root .livecard .sccwp-tog{width:40px !important;height:22px !important;min-width:40px !important;}
.sccwp-forecast-uxr-root .scorecard .toggle .sccwp-tog__knob,.sccwp-forecast-uxr-root .scorecard .sccwp-tog__knob,.sccwp-forecast-uxr-root .livecard .toggle .sccwp-tog__knob,.sccwp-forecast-uxr-root .livecard .sccwp-tog__knob{width:12px !important;height:12px !important;}
.sccwp-forecast-uxr-root .scorecard .toggle.is-on .sccwp-tog__knob,.sccwp-forecast-uxr-root .scorecard .sccwp-tog.is-on .sccwp-tog__knob,.sccwp-forecast-uxr-root .livecard .toggle.is-on .sccwp-tog__knob,.sccwp-forecast-uxr-root .livecard .sccwp-tog.is-on .sccwp-tog__knob{transform:translateX(14px) !important;}
.sccwp-forecast-uxr-root .scorecard .rating{max-width:calc(100% - 126px) !important;overflow:hidden !important;}
.sccwp-forecast-uxr-root .scorecard .rating__disc,.sccwp-forecast-uxr-root .scorecard .rating__text,.sccwp-forecast-uxr-root .scorecard .rating__badge{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:759px){
  .sccwp-forecast-uxr-root{width:min(100%, calc(100vw - 34px)) !important;max-width:640px !important;margin:0 auto 28px !important;}
  .sccwp-forecast-uxr-root .app{justify-items:stretch !important;}
  .sccwp-forecast-uxr-root .app > *{width:100% !important;margin-inline:auto !important;}
  .sccwp-forecast-uxr-root .stickybar{position:sticky !important;top:calc(var(--sccwp-sticky-offset, 78px) - 8px) !important;z-index:6 !important;min-height:74px !important;margin:0 0 12px !important;}
  .sccwp-forecast-uxr-root .modebar{min-height:74px !important;}
}
@media (min-width:760px) and (max-width:1180px){
  .sccwp-forecast-uxr-root{width:min(100%, calc(100vw - 64px)) !important;max-width:980px !important;margin:0 auto 34px !important;}
  .sccwp-forecast-uxr-root .app{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:
      "map sticky"
      "readout score"
      "swell rws"
      "tide wind"
      "live webcam" !important;gap:16px !important;justify-items:stretch !important;}
  .sccwp-forecast-uxr-root .stickybar{position:static !important;top:auto !important;z-index:auto !important;min-height:74px !important;margin:0 0 12px !important;align-self:start !important;}
  .sccwp-forecast-uxr-root .scorecard{margin-top:-146px !important;min-height:268px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{grid-area:swell !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{grid-area:rws !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{grid-area:tide !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{grid-area:wind !important;}
}
@media (min-width:1181px){
  .sccwp-forecast-uxr-root,.elementor-shortcode > .sccwp-forecast-uxr-root{width:min(1180px, calc(100vw - 88px)) !important;max-width:1180px !important;margin:0 auto 36px !important;}
  .sccwp-forecast-uxr-root .app{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:
      "map sticky live"
      "readout score live"
      "swell rws webcam"
      "tide wind webcam" !important;gap:16px !important;justify-items:stretch !important;}
  .sccwp-forecast-uxr-root .stickybar{position:static !important;top:auto !important;z-index:auto !important;min-height:74px !important;margin:0 0 12px !important;align-self:start !important;}
  .sccwp-forecast-uxr-root .scorecard{margin-top:-146px !important;min-height:268px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{grid-area:swell !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{grid-area:rws !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{grid-area:tide !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind{grid-area:wind !important;}
}


/* Build 0.0.16.9.413: score label clamp + compact mobile bar + calmer card spacing.
   Keep proven block order from 412, but refine label layout and mobile compactness. */
.sccwp-forecast-uxr-root .segbtn{ padding:5px 8px !important; }
.sccwp-forecast-uxr-root .modebar{ padding:6px 6px 2px !important; min-height:66px !important; gap:8px !important; }
.sccwp-forecast-uxr-root .modebar .iconbtn{ height:38px !important; min-width:38px !important; font-size:22px !important; }
.sccwp-forecast-uxr-root .scorehead{ margin-bottom:24px !important; }
.sccwp-forecast-uxr-root .scorecard .rating{
  bottom:-24px !important;
  gap:8px !important;
  font-size:16px !important;
  max-width:calc(100% - 188px) !important;
  overflow:hidden !important;
}
.sccwp-forecast-uxr-root .scorecard .rating__text,
.sccwp-forecast-uxr-root .scorecard .rating__badge,
.sccwp-forecast-uxr-root .scorecard .rating__disc{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sccwp-forecast-uxr-root .scorebar{ padding:10px 2px 0 !important; }
.sccwp-forecast-uxr-root .readoutcard{ min-height:125px !important; }
.sccwp-forecast-uxr-root .charthead .label,
.sccwp-forecast-uxr-root .scorehead .label,
.sccwp-forecast-uxr-root .livehead .label,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard > .label{ line-height:1.05 !important; }
.sccwp-forecast-uxr-root .rwschartvals{ font-size:10px !important; line-height:1.2 !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-rws,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{ min-height:320px !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-wind,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ min-height:325px !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .svgwrap,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart svg,
.sccwp-forecast-uxr-root .sccwp-uxr-panel-tide .chart canvas{ min-height:230px !important; height:230px !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{ padding:0 0 10px !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard > .label{ padding:12px 14px 8px !important; }
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard iframe,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard img,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard video{ width:calc(100% - 28px) !important; margin:0 14px !important; border-radius:18px !important; }

@media (max-width:759px){
  .sccwp-forecast-uxr-root{
    width:min(100%, calc(100vw - 24px)) !important;
    max-width:640px !important;
    margin:0 auto 24px !important;
  }
  .sccwp-forecast-uxr-root .app{ gap:12px !important; justify-items:center !important; }
  .sccwp-forecast-uxr-root .app > *{ width:100% !important; margin-inline:auto !important; }
  .sccwp-forecast-uxr-root .stickybar{
    position:static !important;
    top:auto !important;
    z-index:auto !important;
    min-height:66px !important;
    margin:0 0 10px !important;
  }
  .sccwp-forecast-uxr-root .modebar{ min-height:66px !important; padding:6px 6px 2px !important; }
  .sccwp-forecast-uxr-root .segbtn{ padding:5px 7px !important; font-size:13px !important; }
  .sccwp-forecast-uxr-root .scorehead{ margin-bottom:22px !important; }
  .sccwp-forecast-uxr-root .scorecard .rating{
    font-size:14px !important;
    gap:6px !important;
    max-width:calc(100% - 82px) !important;
    bottom:-22px !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating__badge,
  .sccwp-forecast-uxr-root .scorecard .rating__disc{ font-size:11px !important; padding:3px 7px !important; }
  .sccwp-forecast-uxr-root .scorebar{ padding:8px 2px 0 !important; }
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle{ padding:10px 14px !important; font-size:14px !important; }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide{ min-height:auto !important; }
}

@media (min-width:760px) and (max-width:1180px){
  .sccwp-forecast-uxr-root{ width:min(100%, calc(100vw - 56px)) !important; max-width:980px !important; }
  .sccwp-forecast-uxr-root .stickybar{ min-height:90px !important; margin:0 0 14px !important; }
  .sccwp-forecast-uxr-root .scorecard{ margin-top:-166px !important; }
  .sccwp-forecast-uxr-root .scorecard .rating{ max-width:calc(100% - 168px) !important; }
}

@media (min-width:1181px){
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{ width:min(1240px, calc(100vw - 72px)) !important; max-width:1240px !important; }
  .sccwp-forecast-uxr-root .stickybar{ min-height:90px !important; margin:0 0 14px !important; }
  .sccwp-forecast-uxr-root .scorecard{ margin-top:-166px !important; }
  .sccwp-forecast-uxr-root .scorecard .rating{ max-width:calc(100% - 180px) !important; }
}


/* Build 0.0.16.9.414: fix score label bounds, full tablet label, calmer mobile RWS meta, sticky mobile bar. */
.sccwp-forecast-uxr-root .scorecard .scorehead{ overflow:visible !important; }
.sccwp-forecast-uxr-root .scorecard .rating{
  max-width:calc(100% - 110px) !important;
  width:max-content !important;
  min-width:0 !important;
  transform:translateX(-50%) !important;
}
.sccwp-forecast-uxr-root .scorecard .rating__text{
  flex:0 1 auto !important;
  min-width:0 !important;
}
.sccwp-forecast-uxr-root .rwschartvals{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  column-gap:10px !important;
  row-gap:4px !important;
  align-items:start !important;
}
.sccwp-forecast-uxr-root .rwschartvals .livechart__val{
  white-space:nowrap !important;
  line-height:1.28 !important;
}
@media (max-width:759px){
  .sccwp-forecast-uxr-root .stickybar{
    position:sticky !important;
    top:calc(var(--sccwp-sticky-offset, 78px) - 8px) !important;
    z-index:8 !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating{
    max-width:calc(100% - 58px) !important;
    font-size:13px !important;
    gap:5px !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating__badge,
  .sccwp-forecast-uxr-root .scorecard .rating__disc{
    font-size:10px !important;
    padding:3px 6px !important;
  }
  .sccwp-forecast-uxr-root .rwschartvals{
    column-gap:12px !important;
    row-gap:6px !important;
  }
  .sccwp-forecast-uxr-root .rwschartvals .livechart__val{
    font-size:9px !important;
    line-height:1.3 !important;
  }
}
@media (min-width:760px) and (max-width:1180px){
  .sccwp-forecast-uxr-root .scorecard .rating{
    max-width:calc(100% - 92px) !important;
    font-size:15px !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating__text,
  .sccwp-forecast-uxr-root .scorecard .rating__badge,
  .sccwp-forecast-uxr-root .scorecard .rating__disc{
    overflow:visible !important;
    text-overflow:clip !important;
  }
}
@media (min-width:1181px){
  .sccwp-forecast-uxr-root .scorecard .rating{ max-width:calc(100% - 116px) !important; }
}

/* Build 417: map tide chip also active in responsive shortcode */
.sccwp-forecast-uxr-root .map__tidechip{
  left:6px;
  bottom:6px;
  width:45px;
  height:45px;
}


/* Build 0.0.16.9.420: give mobile sticky header a small top gap. */
@media (max-width:759px){
  .sccwp-forecast-uxr-root .stickybar{
    top:calc(var(--sccwp-sticky-offset, 78px) + 5px) !important;
  }
}

.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{ padding:0 0 20px !important; }