/* 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; }

/* Build 592: condition sublabel is a canonical one-line pill. Do not split flat/mini labels. */
.sccwp-forecast-uxr-root .scorecard .rating__disc{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  max-width:none !important;
  line-height:1 !important;
}
.sccwp-forecast-uxr-root .scorecard .rating__disc-one{white-space:nowrap !important; display:inline-block !important;}


/* Build 0.0.16.9.602: Conditions header overflow priority.
   Keep score label + condition text readable; hide exact /100 first on cramped cards. */
.sccwp-forecast-uxr-root .scorecard .rating{ min-width:0 !important; }
.sccwp-forecast-uxr-root .scorecard .rating__text{ flex:0 0 auto !important; }
.sccwp-forecast-uxr-root .scorecard .rating__disc{ flex:1 1 auto !important; min-width:0 !important; max-width:100% !important; }
@media (max-width:1180px){ .sccwp-forecast-uxr-root .scorecard .rating__badge{ display:none !important; } }
@media (min-width:1181px){ .sccwp-forecast-uxr-root .scorecard .rating__badge{ max-width:54px !important; } }


/* v0.5.63 adaptive compare cards */
.sccwp-forecast-uxr-root .sccft-modelcompare{margin:12px 14px 0;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.52);font-size:13px;color:#5f5f5f;}
.sccwp-forecast-uxr-root .sccft-modelcompare__head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:9px;color:#3c3c3c;}
.sccwp-forecast-uxr-root .sccft-modelcompare__head strong{font-size:15px;}
.sccwp-forecast-uxr-root .sccft-modelcompare__grid{display:grid;grid-template-columns:1fr auto;gap:5px 12px;}
.sccwp-forecast-uxr-root .sccft-modelcompare__grid b{text-align:right;color:#484848;font-weight:700;}
.sccwp-forecast-uxr-root .sccft-modelcompare__empty{line-height:1.45;}
@media (max-width:759px){.sccwp-forecast-uxr-root .sccft-modelcompare{margin-bottom:4px;}}


/* v0.5.65 — stable readout columns, semantic compare cards and floating values */
.sccwp-forecast-uxr-root .readout__cols{
  display:grid !important;
  grid-template-columns:minmax(48px,.82fr) minmax(72px,1.12fr) minmax(48px,.78fr) minmax(44px,.68fr) !important;
  column-gap:10px !important;
  align-items:center;
  width:100%;
  min-width:0;
  font-variant-numeric:tabular-nums;
}
.sccwp-forecast-uxr-root .readout__cols > span{
  min-width:0;
  white-space:nowrap;
  overflow:visible;
}
.sccwp-forecast-uxr-root .readout__cols > span:nth-child(1),
.sccwp-forecast-uxr-root .readout__cols > span:nth-child(2){text-align:right;}
.sccwp-forecast-uxr-root .readout__cols > span:nth-child(3),
.sccwp-forecast-uxr-root .readout__cols > span:nth-child(4){text-align:center;}
.sccwp-forecast-uxr-root .chart{position:relative;}
.sccwp-forecast-uxr-root .sccft-chart-values{
  position:absolute;
  z-index:4;
  top:6px;
  right:10px;
  display:grid;
  gap:2px;
  max-width:min(225px,62%);
  padding:6px 8px;
  border:1px solid rgba(80,80,80,.08);
  border-radius:10px;
  background:rgba(251,247,239,.9);
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  pointer-events:none;
  font-size:11px;
  line-height:1.2;
  color:#5a5a5a;
}
.sccwp-forecast-uxr-root .sccft-chart-values__row{
  display:grid;
  grid-template-columns:7px minmax(42px,auto) minmax(52px,1fr);
  gap:5px;
  align-items:center;
  white-space:nowrap;
}
.sccwp-forecast-uxr-root .sccft-chart-values__swatch{width:7px;height:7px;border-radius:50%;}
.sccwp-forecast-uxr-root .sccft-chart-values__row b{font-variant-numeric:tabular-nums;color:#3e3e3e;text-align:right;}
.sccwp-forecast-uxr-root .charthead--compare{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;}
.sccwp-forecast-uxr-root .sccft-compare-tabs{display:flex;justify-self:center;border:1px solid #aaa;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.38);}
.sccwp-forecast-uxr-root .sccft-compare-tabs button{appearance:none;border:0;border-right:1px solid #aaa;background:transparent;padding:5px 11px;font:inherit;font-size:11px;font-weight:700;color:#666;cursor:pointer;line-height:1;}
.sccwp-forecast-uxr-root .sccft-compare-tabs button:last-child{border-right:0;}
.sccwp-forecast-uxr-root .sccft-compare-tabs button.is-active{background:#dfe3ad;color:#383838;}
.sccwp-forecast-uxr-root .sccft-compare-tabs button:disabled{opacity:.4;cursor:default;}
.sccwp-forecast-uxr-root .chart-empty-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:28px;color:#6a6a6a;}
.sccwp-forecast-uxr-root .chart-empty-state strong{font-size:15px;color:#444;}
.sccwp-forecast-uxr-root .chart-empty-state span{max-width:320px;font-size:12px;line-height:1.4;}
.sccwp-forecast-uxr-root [data-factor-influence="positive"] .pill,
.sccwp-forecast-uxr-root [data-factor-influence="negative"] .pill,
.sccwp-forecast-uxr-root [data-factor-influence="neutral"] .pill{box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);}
@media (max-width:759px){
  .sccwp-forecast-uxr-root .readout__cols{grid-template-columns:46px 68px 44px 40px !important;column-gap:5px !important;font-size:12px !important;}
  .sccwp-forecast-uxr-root .sccft-chart-values{top:4px;right:6px;max-width:70%;padding:5px 6px;font-size:10px;}
  .sccwp-forecast-uxr-root .sccft-chart-values__row{grid-template-columns:6px minmax(38px,auto) minmax(42px,1fr);gap:4px;}
  .sccwp-forecast-uxr-root .charthead--compare{grid-template-columns:1fr auto;grid-template-areas:"title time" "tabs tabs";row-gap:6px;}
  .sccwp-forecast-uxr-root .charthead--compare > .label{grid-area:title;}
  .sccwp-forecast-uxr-root .charthead--compare > .rwschartmeta{grid-area:time;}
  .sccwp-forecast-uxr-root .charthead--compare > .sccft-compare-tabs{grid-area:tabs;justify-self:start;}
}
@media (max-width:380px){
  .sccwp-forecast-uxr-root .readout__cols{grid-template-columns:42px 62px 39px 36px !important;column-gap:3px !important;font-size:11px !important;}
}

/* v0.5.65 final readout containment */
.sccwp-forecast-uxr-root .readout__line{
  grid-template-columns:20px minmax(120px,1fr) minmax(210px,1.35fr) !important;
  column-gap:8px !important;
}
.sccwp-forecast-uxr-root .readout__v{min-width:0;width:100%;}
.sccwp-forecast-uxr-root .readout__cols > span.is-deg{display:inline !important;}
@media (max-width:520px){
  .sccwp-forecast-uxr-root .readout__line{grid-template-columns:20px minmax(100px,1fr) minmax(174px,1.35fr) !important;column-gap:5px !important;padding-right:8px !important;}
  .sccwp-forecast-uxr-root .readout__cols{grid-template-columns:40px 62px 36px 33px !important;column-gap:2px !important;font-size:10.5px !important;}
  .sccwp-forecast-uxr-root .readout__k{font-size:10.5px;line-height:1.15;}
}


/* v0.5.65 — fixed-height condition hierarchy and contained graph legends */
.sccwp-forecast-uxr-root .scorehead__left{min-width:0;flex:1 1 auto;}
.sccwp-forecast-uxr-root .scorecard .rating{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:30px;white-space:nowrap;overflow:hidden;}
.sccwp-forecast-uxr-root .scorecard .rating__text{font-size:18px;font-weight:800;line-height:1;color:#2f2f2f;}
.sccwp-forecast-uxr-root .scorecard .rating__disc{display:block !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;line-height:1.1 !important;font-size:12px;color:#666;}
.sccwp-forecast-uxr-root .scorecard .rating__disc-one{display:block !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap !important;}
.sccwp-forecast-uxr-root .scorecard .rating__badge{display:block !important;font-size:10px;font-weight:700;color:#777;white-space:nowrap;}
.sccwp-forecast-uxr-root .sccft-chart-values{left:auto !important;right:8px !important;max-width:calc(100% - 58px) !important;box-sizing:border-box;overflow:hidden;}
.sccwp-forecast-uxr-root .sccft-chart-values--rws{grid-template-columns:1fr 1fr;gap:4px 10px;max-width:calc(100% - 70px) !important;}
.sccwp-forecast-uxr-root .sccft-chart-values--rws .sccft-chart-values__row{grid-template-columns:7px minmax(38px,auto) minmax(44px,1fr);}
.sccwp-forecast-uxr-root .readout__icon{font-size:18px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center;color:#fff;}
.sccwp-forecast-uxr-root .charthead .chartmeta{white-space:nowrap;text-align:right;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:520px){
 .sccwp-forecast-uxr-root .scorecard .rating{gap:5px;grid-template-columns:auto minmax(0,1fr) auto;}
 .sccwp-forecast-uxr-root .scorecard .rating__text{font-size:16px;}
 .sccwp-forecast-uxr-root .scorecard .rating__disc{font-size:10.5px;}
 .sccwp-forecast-uxr-root .scorecard .rating__badge{font-size:9px;}
 .sccwp-forecast-uxr-root .sccft-chart-values{right:5px !important;max-width:calc(100% - 48px) !important;}
 .sccwp-forecast-uxr-root .sccft-chart-values--rws{grid-template-columns:1fr 1fr;gap:3px 6px;max-width:calc(100% - 52px) !important;}
}

/* v0.5.67 mobile compare header: title/time first, tabs on their own row. */
@media (max-width:759px){
  .sccwp-forecast-uxr-root .charthead--compare{
    grid-template-columns:minmax(0,1fr) minmax(48px,max-content) !important;
    grid-template-areas:"title time" "tabs tabs" !important;
  }
  .sccwp-forecast-uxr-root .charthead--compare > .sccft-compare-tabs{width:max-content;max-width:100%;}
  .sccft-parity-root .scorecard .rating{min-height:48px !important;}
}

/* v0.5.78 multimodel frontend */
.sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind{grid-area:multiwind;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-swell{grid-area:multiswell;}
.sccwp-forecast-uxr-root .multimodelcard .chart{min-height:250px;width:100%;}
.sccwp-forecast-uxr-root .sccft-graph-legend--multimodel{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;
  max-height:92px;overflow:auto;padding-right:2px;
}
.sccwp-forecast-uxr-root .sccft-graph-legend--multimodel .sccft-graph-legend__item{min-width:0;font-size:11px;}
.sccwp-forecast-uxr-root .sccft-graph-legend--multimodel .sccft-graph-legend__item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media (max-width:759px){
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-swell{display:none !important;}
  .sccwp-forecast-uxr-root .swellchartcard .sccft-compare-tabs,
  .sccwp-forecast-uxr-root .windchartcard .sccft-compare-tabs{display:flex;}
}
@media (min-width:760px) and (max-width:1023px){
  .sccwp-forecast-uxr-root .app{
    grid-template-areas:
      "top top"
      "map sticky"
      "readout score"
      "swell wind"
      "rws live"
      "tide webcam"
      "multiwind multiswell";
  }
  .sccwp-forecast-uxr-root .swellchartcard .sccft-compare-tabs,
  .sccwp-forecast-uxr-root .windchartcard .sccft-compare-tabs{display:none !important;}
}
@media (min-width:1024px){
  .sccwp-forecast-uxr-root .app{
    grid-template-areas:
      "top top top"
      "map sticky live"
      "readout score live"
      "swell rws webcam"
      "tide wind webcam"
      "multiwind multiswell .";
  }
  .sccwp-forecast-uxr-root .swellchartcard .sccft-compare-tabs,
  .sccwp-forecast-uxr-root .windchartcard .sccft-compare-tabs{display:none !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-swell{min-height:360px;}
}

/* v0.5.78.1 hotfix: authoritative direct-card grid.
   v0.5.78 added direct multimodel cards after several historical grid resets.
   Re-declare columns, areas and item ownership together so no stale implicit
   columns can collapse the original cards into a narrow strip. */
.sccwp-forecast-uxr-root,
.elementor-shortcode > .sccwp-forecast-uxr-root{
  box-sizing:border-box !important;
  width:min(1320px, calc(100vw - 36px)) !important;
  max-width:1320px !important;
  margin-inline:auto !important;
}
.sccwp-forecast-uxr-root .app{
  display:grid !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  grid-auto-columns:minmax(0,1fr) !important;
  grid-auto-flow:row !important;
  align-items:start !important;
  justify-items:stretch !important;
}
.sccwp-forecast-uxr-root .app > *{min-width:0 !important;max-width:100%;}
.sccwp-forecast-uxr-root .topbar{grid-area:top !important;}
.sccwp-forecast-uxr-root .stickybar{grid-area:sticky !important;}
.sccwp-forecast-uxr-root .mapcard{grid-area:map !important;}
.sccwp-forecast-uxr-root .readoutcard{grid-area:readout !important;}
.sccwp-forecast-uxr-root .scorecard{grid-area:score !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-live{grid-area:live !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-rws{grid-area:rws !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-swell{grid-area:swell !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;}
.sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{grid-area:webcam !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind{grid-area:multiwind !important;}
.sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-swell{grid-area:multiswell !important;}
.sccwp-forecast-uxr-root .multimodelcard,
.sccwp-forecast-uxr-root .multimodelcard .chart,
.sccwp-forecast-uxr-root .multimodelcard .svgwrap,
.sccwp-forecast-uxr-root .multimodelcard svg{width:100% !important;max-width:100% !important;min-width:0 !important;}

@media (max-width:759px){
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{
    width:min(100%, calc(100vw - 24px)) !important;
    max-width:640px !important;
  }
  .sccwp-forecast-uxr-root .app{
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-areas:
      "top"
      "sticky"
      "map"
      "readout"
      "score"
      "live"
      "rws"
      "swell"
      "tide"
      "wind"
      "webcam" !important;
    gap:12px !important;
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-swell{display:none !important;}
}

@media (min-width:760px) and (max-width:1180px){
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{
    width:min(100%, calc(100vw - 56px)) !important;
    max-width:980px !important;
  }
  .sccwp-forecast-uxr-root .app{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-areas:
      "top top"
      "map sticky"
      "readout score"
      "swell wind"
      "rws live"
      "tide webcam"
      "multiwind multiswell" !important;
    gap:16px !important;
  }
}

@media (min-width:1181px){
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{
    width:min(1320px, calc(100vw - 72px)) !important;
    max-width:1320px !important;
  }
  .sccwp-forecast-uxr-root .app{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(320px,.92fr) !important;
    grid-template-areas:
      "top top top"
      "map sticky live"
      "readout score live"
      "swell rws webcam"
      "tide wind webcam"
      "multiwind multiswell ." !important;
    gap:18px !important;
  }
}


/* v0.5.78.2 responsive and multimodel UX contract */
.sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-swell{display:none !important;}
.sccwp-forecast-uxr-root .charthead{min-width:0;align-items:start;}
.sccwp-forecast-uxr-root .charthead [data-role$="-meta"]{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.sccwp-forecast-uxr-root .sccft-graph-legend--multimodel{display:block;max-height:none;overflow:visible;padding:0;}
.sccwp-forecast-uxr-root .sccft-multimodel-legend__summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;}
.sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle{appearance:none;border:1px solid rgba(80,80,80,.22);background:#f5f2e9;border-radius:999px;padding:5px 10px;font:inherit;font-size:11px;font-weight:700;color:#444;cursor:pointer;white-space:nowrap;}
.sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__toggle{grid-column:1/-1;justify-self:start;}
.sccwp-forecast-uxr-root .multimodelcard .chart{min-height:250px;}
.sccwp-forecast-uxr-root .rwschartcard,.sccwp-forecast-uxr-root .swellchartcard{min-height:0;align-self:stretch;}
.sccwp-forecast-uxr-root .rwschartcard .chart,.sccwp-forecast-uxr-root .swellchartcard .chart{min-height:260px;}

@media (max-width:759px){
  html,body{max-width:100%;overflow-x:hidden;}
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{display:block !important;width:calc(100vw - 24px) !important;max-width:calc(100vw - 24px) !important;margin:0 auto !important;overflow:hidden !important;}
  .sccwp-forecast-uxr-root .app{display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"top" "sticky" "map" "readout" "score" "toggle" "details" !important;grid-auto-columns:minmax(0,1fr) !important;width:100% !important;max-width:100% !important;min-width:0 !important;gap:12px !important;}
  .sccwp-forecast-uxr-root .app > *,
  .sccwp-forecast-uxr-root .sccwp-uxr-details,
  .sccwp-forecast-uxr-root .sccwp-uxr-details > *{width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-details{display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"live" "swell" "rws" "tide" "wind" !important;grid-auto-flow:row !important;gap:12px !important;overflow:hidden !important;}
  .sccwp-forecast-uxr-root .card,.sccwp-forecast-uxr-root .chart,.sccwp-forecast-uxr-root .svgwrap,.sccwp-forecast-uxr-root svg{max-width:100% !important;min-width:0 !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__summary{grid-template-columns:minmax(0,1fr);}
  .sccwp-forecast-uxr-root .charthead{grid-template-columns:minmax(0,1fr) max-content !important;grid-template-areas:"title time" "tabs tabs" !important;gap:6px 8px !important;}
  .sccwp-forecast-uxr-root .charthead .label{grid-area:title;min-width:0;}
  .sccwp-forecast-uxr-root .charthead [data-role$="-meta"]{grid-area:time;justify-self:end;font-size:11px;}
  .sccwp-forecast-uxr-root .charthead .sccft-compare-tabs{grid-area:tabs;}
}

@media (min-width:760px) and (max-width:1180px){
  .sccwp-forecast-uxr-root .app{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-areas:"top top" "map sticky" "readout score" "swell rws" "webcam live" "tide wind" "multiwind multiwind" !important;}
}

@media (min-width:1181px){
  .sccwp-forecast-uxr-root .app{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(320px,.92fr) !important;grid-template-areas:"top top top" "map sticky live" "readout score live" "swell rws webcam" "tide wind multiwind" !important;align-items:stretch !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind{min-height:360px;}
}

/* v0.5.78.3 mobile layout reset and frontend polish */
.sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  font-size:20px !important;
  line-height:1 !important;
}
.sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle span{display:block;transform:translateY(-1px);}
.sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__toggle{grid-column:auto !important;justify-self:start;}
.sccwp-forecast-uxr-root .charthead,
.sccwp-forecast-uxr-root .charthead > *{min-width:0 !important;}
.sccwp-forecast-uxr-root .charthead [data-role$="-meta"]{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.sccwp-forecast-uxr-root .sccwp-uxr-webcamview,
.sccwp-forecast-uxr-root .sccwp-uxr-webcamview iframe{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
.sccwp-forecast-uxr-root .sccwp-uxr-webcamview{aspect-ratio:16/10;overflow:hidden;border-radius:14px;}
.sccwp-forecast-uxr-root .sccwp-uxr-webcamview iframe{height:100% !important;border:0 !important;display:block !important;}

@media (max-width:759px){
  html,body{width:100% !important;max-width:100% !important;overflow-x:hidden !important;}
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 12px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  .sccwp-forecast-uxr-root .app{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
  }
  .sccwp-forecast-uxr-root .app > *{
    position:relative !important;
    float:none !important;
    clear:both !important;
    grid-area:auto !important;
    grid-column:auto !important;
    grid-row:auto !important;
    align-self:stretch !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .sccwp-forecast-uxr-root .topbar{order:0;}
  .sccwp-forecast-uxr-root .stickybar{order:1;}
  .sccwp-forecast-uxr-root .mapcard{order:2;}
  .sccwp-forecast-uxr-root .readoutcard{order:3;}
  .sccwp-forecast-uxr-root .scorecard{order:4;}
  .sccwp-forecast-uxr-root .livecard{order:5;}
  .sccwp-forecast-uxr-root .swellchartcard{order:6;}
  .sccwp-forecast-uxr-root .rwschartcard{order:7;}
  .sccwp-forecast-uxr-root .tidechartcard{order:8;}
  .sccwp-forecast-uxr-root .windchartcard{order:9;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{order:10;}
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{order:11;}
  .sccwp-forecast-uxr-root .sccwp-uxr-details{order:12;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-swell{display:none !important;}
  .sccwp-forecast-uxr-root .card,
  .sccwp-forecast-uxr-root .chart,
  .sccwp-forecast-uxr-root .svgwrap,
  .sccwp-forecast-uxr-root svg,
  .sccwp-forecast-uxr-root .readout,
  .sccwp-forecast-uxr-root .factors,
  .sccwp-forecast-uxr-root .livegrid,
  .sccwp-forecast-uxr-root .sccft-graph-legend{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .sccwp-forecast-uxr-root .charthead{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"title time" "tabs tabs" !important;
    width:100% !important;
    gap:6px 8px !important;
  }
  .sccwp-forecast-uxr-root .charthead .label{grid-area:title !important;white-space:normal !important;word-break:normal !important;overflow-wrap:break-word !important;}
  .sccwp-forecast-uxr-root .charthead [data-role$="-meta"]{grid-area:time !important;justify-self:end !important;font-size:11px !important;}
  .sccwp-forecast-uxr-root .charthead .sccft-compare-tabs{grid-area:tabs !important;justify-self:start !important;max-width:100% !important;}
  .sccwp-forecast-uxr-root .label,
  .sccwp-forecast-uxr-root .rating,
  .sccwp-forecast-uxr-root .scorehead,
  .sccwp-forecast-uxr-root .readout__label{word-break:normal !important;overflow-wrap:break-word !important;white-space:normal !important;}
  .sccwp-forecast-uxr-root .sccft-multimodel-legend__summary{display:flex !important;align-items:center !important;flex-wrap:wrap !important;max-width:100% !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__summary{display:grid !important;grid-template-columns:minmax(0,1fr) !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview{aspect-ratio:16/10 !important;}
}

@media (min-width:760px){
  .sccwp-forecast-uxr-root .charthead{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"title time" "tabs tabs" !important;
    gap:5px 10px !important;
  }
  .sccwp-forecast-uxr-root .charthead .label{grid-area:title !important;}
  .sccwp-forecast-uxr-root .charthead [data-role$="-meta"]{grid-area:time !important;justify-self:end !important;}
  .sccwp-forecast-uxr-root .charthead .sccft-compare-tabs{grid-area:tabs !important;justify-self:start !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-rws,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-swell,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{align-self:start !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-tide,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-wind,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind{align-self:start !important;}
}


/* v0.5.78.4 viewport-width mobile repair, score readability and layout finish */
.sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle{
  border-color:rgba(70,70,70,.24) !important;
  background:rgba(255,255,255,.58) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.04) !important;
}
.sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle .sccft-chevron{
  width:9px;height:9px;display:block !important;
  border-right:2px solid #4b4b4b;border-bottom:2px solid #4b4b4b;
  transform:rotate(45deg) translate(-1px,-1px) !important;
  transform-origin:center;
}
.sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__toggle .sccft-chevron{
  transform:rotate(225deg) translate(-1px,-1px) !important;
}

@media (max-width:759px){
  /* Break out of boxed Elementor/theme columns and use almost the full viewport. */
  .sccwp-forecast-uxr-root,
  .elementor-shortcode > .sccwp-forecast-uxr-root{
    width:calc(100vw - 8px) !important;
    max-width:calc(100vw - 8px) !important;
    margin-left:calc(50% - 50vw + 4px) !important;
    margin-right:calc(50% - 50vw + 4px) !important;
    padding:0 4px !important;
    overflow:visible !important;
  }
  .sccwp-forecast-uxr-root .app{gap:10px !important;overflow:visible !important;}
  .sccwp-forecast-uxr-root .app > *{overflow:visible !important;}
  .sccwp-forecast-uxr-root .card{border-radius:18px !important;}

  /* Restore the full readable Conditions header and factor values. */
  .sccwp-forecast-uxr-root .scorecard{padding:14px 12px 16px !important;min-height:0 !important;margin-top:0 !important;}
  .sccwp-forecast-uxr-root .scorecard .scorehead{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    gap:6px 10px !important;
    margin-bottom:8px !important;
    padding-bottom:0 !important;
  }
  .sccwp-forecast-uxr-root .scorecard .scorehead__left{min-width:0 !important;}
  .sccwp-forecast-uxr-root .scorecard .scorehead__right{align-self:start !important;}
  .sccwp-forecast-uxr-root .scorecard .rating{
    position:static !important;
    transform:none !important;
    display:flex !important;
    flex-wrap:wrap !important;
    width:auto !important;
    max-width:100% !important;
    min-height:0 !important;
    margin-top:3px !important;
    gap:4px 8px !important;
    overflow:visible !important;
    white-space:normal !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating__text{font-size:18px !important;line-height:1.1 !important;}
  .sccwp-forecast-uxr-root .scorecard .rating__badge{display:inline-block !important;font-size:12px !important;}
  .sccwp-forecast-uxr-root .scorecard .rating__disc{
    flex-basis:100% !important;max-width:100% !important;
    font-size:11px !important;white-space:nowrap !important;
    overflow:hidden !important;text-overflow:ellipsis !important;
    padding:0 !important;border:0 !important;background:transparent !important;
    justify-content:flex-start !important;
  }
  .sccwp-forecast-uxr-root .scorecard .scorebar{margin-top:4px !important;}
  .sccwp-forecast-uxr-root .scorecard .factors{gap:5px !important;margin-top:10px !important;}
  .sccwp-forecast-uxr-root .scorecard .factor{
    grid-template-columns:minmax(118px,42%) minmax(0,1fr) !important;
    column-gap:10px !important;padding:2px 0 !important;font-size:12px !important;
  }
  .sccwp-forecast-uxr-root .scorecard .factor__v{grid-template-columns:12px minmax(0,1fr) !important;column-gap:6px !important;}
  .sccwp-forecast-uxr-root .scorecard .factor__cols{
    grid-template-columns:max-content minmax(0,1fr) max-content !important;
    gap:5px !important;width:100% !important;
  }
  .sccwp-forecast-uxr-root .scorecard .factor__cols > span{
    overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;
  }
  .sccwp-forecast-uxr-root .scorecard .factor__cols > span:first-child{overflow:visible !important;}
  .sccwp-forecast-uxr-root .scorecard .factor__cols > span:last-child{padding-right:0 !important;overflow:visible !important;}

  /* A single reliable chart header contract, including Wind tabs. */
  .sccwp-forecast-uxr-root .charthead,
  .sccwp-forecast-uxr-root .charthead.charthead--compare{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) max-content !important;
    grid-template-areas:"title time" "tabs tabs" !important;
    align-items:center !important;
    gap:7px 8px !important;
    width:100% !important;
  }
  .sccwp-forecast-uxr-root .charthead .label{
    position:static !important;grid-area:title !important;
    width:auto !important;max-width:100% !important;margin:0 !important;
    white-space:nowrap !important;word-break:normal !important;
    overflow:hidden !important;text-overflow:ellipsis !important;
  }
  .sccwp-forecast-uxr-root .charthead .chartmeta,
  .sccwp-forecast-uxr-root .charthead [data-role$="-meta"]{
    position:static !important;grid-area:time !important;
    justify-self:end !important;align-self:center !important;
    font-size:11px !important;white-space:nowrap !important;
  }
  .sccwp-forecast-uxr-root .charthead .sccft-compare-tabs{
    position:static !important;grid-area:tabs !important;
    justify-self:start !important;width:auto !important;max-width:100% !important;
  }
  .sccwp-forecast-uxr-root .windchartcard .charthead .sccft-compare-tabs{justify-self:center !important;}

  /* Keep webcam image centered and proportional. */
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{padding:0 0 12px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard > .label{padding:14px 14px 8px !important;margin:0 !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview{
    width:calc(100% - 24px) !important;max-width:calc(100% - 24px) !important;
    margin:0 auto !important;aspect-ratio:16/10 !important;
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview iframe,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview img,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview video{
    width:100% !important;height:100% !important;margin:0 !important;
    object-fit:cover !important;object-position:center !important;
  }
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel{margin-inline:0 !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__summary{gap:7px !important;}
}

/* Tablet: deliberate two-column rhythm without desktop minimum widths. */
@media (min-width:760px) and (max-width:1180px){
  .sccwp-forecast-uxr-root{width:100% !important;max-width:100% !important;}
  .sccwp-forecast-uxr-root .app{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-areas:
      "top top"
      "map sticky"
      "readout score"
      "live webcam"
      "swell rws"
      "tide wind"
      "multiwind multiwind" !important;
    gap:14px !important;
  }
  .sccwp-forecast-uxr-root .app > *{min-width:0 !important;max-width:100% !important;}
  .sccwp-forecast-uxr-root .charthead [data-role$="-meta"]{font-size:11px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview{aspect-ratio:16/10 !important;}
}

/* Desktop finishing: aligned card tops, contained metadata and consistent chart viewport. */
@media (min-width:1181px){
  .sccwp-forecast-uxr-root .charthead [data-role$="-meta"]{padding-left:8px !important;}
  .sccwp-forecast-uxr-root .swellchartcard,
  .sccwp-forecast-uxr-root .rwschartcard,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{min-height:390px !important;align-self:start !important;}
  .sccwp-forecast-uxr-root .tidechartcard,
  .sccwp-forecast-uxr-root .windchartcard,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind{align-self:start !important;min-height:360px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview{aspect-ratio:16/9 !important;}
}


/* v0.5.78.5 compact responsive composition and aligned graph cards */
.sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle{
  width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;
  padding:0 !important;display:grid !important;place-items:center !important;
}
.sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle .sccft-chevron{width:8px !important;height:8px !important;}
.sccwp-forecast-uxr-root .readout__icon--wind svg{width:25px !important;height:20px !important;overflow:visible !important;}
.sccwp-forecast-uxr-root .readout__icon--wind svg path{stroke-width:3.4px !important;}

@media (max-width:759px){
  .sccwp-forecast-uxr-root .app{grid-template-areas:"top" "sticky" "map" "readout" "score" "webcam" "live" "toggle" "details" !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-details{grid-template-areas:"wind" "rws" "swell" "tide" !important;gap:10px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-live{grid-area:live !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{grid-area:webcam !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{grid-area:toggle !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-details{grid-area:details !important;}

  .sccwp-forecast-uxr-root .scorecard .scorehead{position:relative !important;display:block !important;padding-right:154px !important;min-height:42px !important;}
  .sccwp-forecast-uxr-root .scorecard .scorehead__right{position:absolute !important;right:0 !important;top:0 !important;display:flex !important;align-items:center !important;gap:8px !important;}
  .sccwp-forecast-uxr-root .scorecard .scorehead__left>.label{font-size:20px !important;line-height:1.1 !important;}
  .sccwp-forecast-uxr-root .scorecard .rating{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-areas:"status score" "descriptor descriptor" !important;align-items:center !important;column-gap:10px !important;row-gap:5px !important;margin-top:12px !important;width:calc(100% + 154px) !important;max-width:none !important;}
  .sccwp-forecast-uxr-root .scorecard .rating__label{grid-area:status !important;justify-self:center !important;padding:5px 16px !important;border-radius:999px !important;background:color-mix(in srgb,var(--condition-color) 72%,white) !important;border:1px solid color-mix(in srgb,var(--condition-color) 55%,#777) !important;font-size:18px !important;font-weight:800 !important;line-height:1 !important;color:#303030 !important;box-shadow:0 1px 0 rgba(255,255,255,.5) inset !important;}
  .sccwp-forecast-uxr-root .scorecard .rating__score{grid-area:score !important;justify-self:end !important;position:static !important;transform:none !important;margin:0 !important;font-size:15px !important;white-space:nowrap !important;}
  .sccwp-forecast-uxr-root .scorecard .rating__descriptor{grid-area:descriptor !important;font-size:11px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}

  .sccwp-forecast-uxr-root .chartcard,
  .sccwp-forecast-uxr-root .swellchartcard,
  .sccwp-forecast-uxr-root .rwschartcard,
  .sccwp-forecast-uxr-root .tidechartcard,
  .sccwp-forecast-uxr-root .windchartcard{padding-left:10px !important;padding-right:10px !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend{box-sizing:border-box !important;width:100% !important;max-width:100% !important;margin:8px 0 6px !important;padding:7px 10px !important;overflow:hidden !important;border-radius:12px !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend__item{min-width:0 !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend--single,
  .sccwp-forecast-uxr-root .sccft-graph-legend--waves,
  .sccwp-forecast-uxr-root .sccft-graph-legend--comparison{display:flex !important;flex-wrap:wrap !important;gap:5px 10px !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel{position:relative !important;padding-right:42px !important;}
  .sccwp-forecast-uxr-root .sccft-multimodel-legend__summary{position:static !important;display:flex !important;gap:5px 8px !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__summary{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:5px 8px !important;}
  .sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle{position:absolute !important;top:6px !important;right:7px !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__toggle{position:absolute !important;top:6px !important;right:7px !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel .sccft-graph-legend__item{font-size:10px !important;}
  .sccwp-forecast-uxr-root .charthead{padding:0 2px !important;}
}

@media (min-width:760px) and (max-width:1180px){
  .sccwp-forecast-uxr-root .app{grid-template-areas:"top top" "map sticky" "readout score" "live webcam" "swell rws" "tide wind" !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind{display:none !important;}
  .sccwp-forecast-uxr-root .windchartcard{min-height:390px !important;}
}

@media (min-width:1181px){
  .sccwp-forecast-uxr-root .app{grid-template-rows:auto auto auto minmax(390px,auto) minmax(350px,auto) !important;}
  .sccwp-forecast-uxr-root .swellchartcard,
  .sccwp-forecast-uxr-root .rwschartcard,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{height:100% !important;min-height:390px !important;}
  .sccwp-forecast-uxr-root .tidechartcard,
  .sccwp-forecast-uxr-root .windchartcard,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind{height:100% !important;min-height:350px !important;padding-bottom:12px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{padding:14px !important;display:flex !important;flex-direction:column !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview{width:calc(100% - 4px) !important;max-width:calc(100% - 4px) !important;margin:10px auto 0 !important;aspect-ratio:auto !important;flex:1 1 auto !important;min-height:300px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview iframe,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel{position:relative !important;padding-right:38px !important;}
  .sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle{position:absolute !important;top:5px !important;right:6px !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__summary{grid-template-columns:repeat(2,minmax(0,1fr)) !important;padding-right:0 !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__toggle{position:absolute !important;top:5px !important;right:6px !important;}
}

/* v0.5.78.6 — responsive finishing pass: compact mobile hierarchy, tablet wind tabs,
   contained legends/toggles and row-aligned desktop cards. Render-only; no engine changes. */
.sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle{
  box-sizing:border-box !important;
  width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;
  padding:0 !important;border-radius:50% !important;line-height:1 !important;
  overflow:hidden !important;
}
.sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle .sccft-chevron{
  width:7px !important;height:7px !important;border-width:0 2px 2px 0 !important;
}
.sccwp-forecast-uxr-root .sccft-graph-legend--multimodel{min-height:34px !important;}
.sccwp-forecast-uxr-root .sccft-multimodel-legend__summary{padding-right:26px !important;}

@media (max-width:759px){
  .sccwp-forecast-uxr-root{
    width:calc(100vw - 12px) !important;
    margin-inline:6px !important;
  }
  .sccwp-forecast-uxr-root .app{gap:10px !important;}
  .sccwp-forecast-uxr-root .card{border-radius:18px !important;}

  /* Compact, collision-free condition header. */
  .sccwp-forecast-uxr-root .scorecard{padding:12px !important;min-height:0 !important;margin:0 !important;}
  .sccwp-forecast-uxr-root .scorecard .scorehead{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"title controls" "rating rating" !important;
    align-items:start !important;
    gap:8px 10px !important;
    min-height:0 !important;
    padding:0 !important;
  }
  .sccwp-forecast-uxr-root .scorecard .scorehead__left{grid-area:title !important;min-width:0 !important;}
  .sccwp-forecast-uxr-root .scorecard .scorehead__left>.label{
    font-size:20px !important;line-height:1.05 !important;white-space:nowrap !important;
    overflow:visible !important;word-break:normal !important;
  }
  .sccwp-forecast-uxr-root .scorecard .scorehead__right{
    grid-area:controls !important;position:static !important;display:flex !important;
    align-items:center !important;justify-content:flex-end !important;gap:7px !important;
    min-width:0 !important;
  }
  .sccwp-forecast-uxr-root .scorecard .scorehead__right [data-role="condition-time"]{
    max-width:124px !important;font-size:11px !important;white-space:nowrap !important;
    overflow:hidden !important;text-overflow:ellipsis !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating{
    grid-area:rating !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"status score" "descriptor descriptor" !important;
    width:100% !important;max-width:100% !important;margin:0 !important;
    gap:5px 8px !important;align-items:center !important;
    position:static !important;overflow:visible !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating__label{
    grid-area:status !important;justify-self:start !important;
    max-width:100% !important;padding:5px 13px !important;font-size:16px !important;
    line-height:1.05 !important;white-space:nowrap !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating__score{
    grid-area:score !important;justify-self:end !important;position:static !important;
    margin:0 !important;transform:none !important;font-size:14px !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating__descriptor{
    grid-area:descriptor !important;display:block !important;max-width:100% !important;
    font-size:11px !important;line-height:1.25 !important;white-space:nowrap !important;
    overflow:hidden !important;text-overflow:ellipsis !important;
  }
  .sccwp-forecast-uxr-root .scorecard .scorebar{margin-top:10px !important;}
  .sccwp-forecast-uxr-root .scorecard .factors{margin-top:12px !important;gap:7px !important;}
  .sccwp-forecast-uxr-root .factor{grid-template-columns:minmax(126px,1.15fr) minmax(0,1.85fr) !important;}
  .sccwp-forecast-uxr-root .factor__cols{grid-template-columns:minmax(0,1.2fr) minmax(0,1.55fr) minmax(42px,.75fr) !important;}

  /* Mobile starts compact: live body and extra graphs remain closed until tapped. */
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-live{padding:10px 12px !important;min-height:0 !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-live .panelhead{min-height:34px !important;}
  .sccwp-forecast-uxr-root .livegrid{gap:8px !important;}
  .sccwp-forecast-uxr-root .livetile{min-height:112px !important;padding:12px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{margin:0 !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle{min-height:48px !important;}

  /* One contained legend system for every graph. */
  .sccwp-forecast-uxr-root .chartcard,
  .sccwp-forecast-uxr-root .swellchartcard,
  .sccwp-forecast-uxr-root .rwschartcard,
  .sccwp-forecast-uxr-root .tidechartcard,
  .sccwp-forecast-uxr-root .windchartcard{padding:12px !important;min-height:0 !important;}
  .sccwp-forecast-uxr-root .charthead{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:4px 8px !important;align-items:start !important;}
  .sccwp-forecast-uxr-root .sccft-compare-tabs{grid-column:1/-1 !important;justify-self:start !important;}
  .sccwp-forecast-uxr-root .sccft-graph-legend{
    width:100% !important;max-width:100% !important;box-sizing:border-box !important;
    margin:8px 0 4px !important;padding:7px 10px !important;border-radius:12px !important;
    overflow:hidden !important;
  }
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel{padding-right:36px !important;}
  .sccwp-forecast-uxr-root .sccft-multimodel-legend__summary{padding-right:0 !important;}
  .sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle,
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__toggle{
    top:6px !important;right:7px !important;
  }
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .sccwp-forecast-uxr-root .sccft-graph-legend__item{font-size:10px !important;min-width:0 !important;}
  .sccwp-forecast-uxr-root .chart{min-height:260px !important;}

  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{padding:12px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview{
    width:100% !important;max-width:100% !important;margin:10px 0 0 !important;
    aspect-ratio:16/10 !important;height:auto !important;min-height:0 !important;
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview iframe,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview img{
    width:100% !important;height:100% !important;object-fit:cover !important;
  }
}

@media (min-width:760px) and (max-width:1180px){
  /* Tablet: the separate wind multimodel card stays hidden; the tab lives in Wind. */
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind{display:none !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-live{min-height:0 !important;padding:12px !important;}
  .sccwp-forecast-uxr-root .livegrid{gap:10px !important;}
  .sccwp-forecast-uxr-root .livetile{min-height:112px !important;padding:12px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview{aspect-ratio:16/9 !important;height:auto !important;min-height:0 !important;}
  .sccwp-forecast-uxr-root .swellchartcard,
  .sccwp-forecast-uxr-root .rwschartcard,
  .sccwp-forecast-uxr-root .tidechartcard,
  .sccwp-forecast-uxr-root .windchartcard{min-height:360px !important;height:100% !important;}
  .sccwp-forecast-uxr-root .chart{min-height:245px !important;}
}

@media (min-width:1181px){
  /* Desktop row alignment without stretching the webcam image. */
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-live,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{height:100% !important;align-self:stretch !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{padding:14px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview{
    flex:none !important;width:100% !important;max-width:100% !important;
    margin:10px 0 0 !important;aspect-ratio:16/9 !important;height:auto !important;min-height:0 !important;
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview iframe,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview img{
    width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;
  }
  .sccwp-forecast-uxr-root .swellchartcard,
  .sccwp-forecast-uxr-root .rwschartcard,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{min-height:380px !important;}
  .sccwp-forecast-uxr-root .tidechartcard,
  .sccwp-forecast-uxr-root .windchartcard,
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-multimodel-wind{min-height:330px !important;padding-bottom:10px !important;}
  .sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle,
  .sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__toggle{
    top:6px !important;right:7px !important;
  }
}

/* v0.5.78.7 — frontend acceptance fixes from desktop, iPad and iPhone review.
   Render-only: no Condition Engine, source, score or JSON changes. */

/* The native hidden state must win over earlier grid declarations. */
.sccwp-forecast-uxr-root .sccwp-uxr-details[hidden]{display:none !important;}

/* Compact, contained legend disclosure control. */
.sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle,
.sccwp-forecast-uxr-root .sccft-graph-legend--multimodel.is-expanded .sccft-multimodel-legend__toggle{
  width:20px !important;height:20px !important;min-width:20px !important;min-height:20px !important;
  top:6px !important;right:8px !important;border-radius:999px !important;
  display:grid !important;place-items:center !important;overflow:hidden !important;
}
.sccwp-forecast-uxr-root .sccft-multimodel-legend__toggle .sccft-chevron{
  width:6px !important;height:6px !important;border-width:0 1.7px 1.7px 0 !important;
}

@media (max-width:759px){
  /* Score header: reuse the stable desktop hierarchy, with only the status as a coloured pill. */
  .sccwp-forecast-uxr-root .scorecard .scorehead{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"title controls" "rating rating" !important;
    gap:8px 10px !important;align-items:start !important;
  }
  .sccwp-forecast-uxr-root .scorecard .scorehead__left{display:contents !important;}
  .sccwp-forecast-uxr-root .scorecard .scorehead__left>.label{
    grid-area:title !important;font-size:20px !important;line-height:1.08 !important;
    white-space:nowrap !important;word-break:normal !important;overflow:visible !important;
  }
  .sccwp-forecast-uxr-root .scorecard .scorehead__right{
    grid-area:controls !important;position:static !important;min-width:0 !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating{
    grid-area:rating !important;display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"status score" "descriptor descriptor" !important;
    width:100% !important;max-width:100% !important;margin:0 !important;
    gap:4px 8px !important;align-items:center !important;position:static !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating__label{
    grid-area:status !important;justify-self:start !important;position:static !important;
    padding:4px 12px !important;font-size:16px !important;line-height:1.1 !important;
    white-space:nowrap !important;transform:none !important;margin:0 !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating__score{
    grid-area:score !important;justify-self:end !important;position:static !important;
    transform:none !important;margin:0 !important;white-space:nowrap !important;
  }
  .sccwp-forecast-uxr-root .scorecard .rating__descriptor{
    grid-area:descriptor !important;position:static !important;margin:0 !important;
    font-size:11px !important;line-height:1.25 !important;white-space:nowrap !important;
    overflow:hidden !important;text-overflow:ellipsis !important;
  }
  .sccwp-forecast-uxr-root .scorecard .scorebar{margin-top:9px !important;clear:both !important;}

  /* Compact initial mobile composition and functioning expandable weather section. */
  .sccwp-forecast-uxr-root .sccwp-uxr-details{display:none !important;}
  .sccwp-forecast-uxr-root.is-details-open .sccwp-uxr-details{display:grid !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-details-toggle-wrap{display:block !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{padding:10px 12px 12px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard>.label{margin:0 0 6px !important;line-height:1.1 !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview{margin:0 !important;border-radius:16px !important;overflow:hidden !important;}

  /* Consistent centred selectors below the graph title. */
  .sccwp-forecast-uxr-root .windchartcard .sccft-compare-tabs,
  .sccwp-forecast-uxr-root .rwschartcard .sccft-compare-tabs{
    grid-column:1/-1 !important;justify-self:center !important;margin-top:2px !important;
  }
  .sccwp-forecast-uxr-root .windchartcard .charthead,
  .sccwp-forecast-uxr-root .rwschartcard .charthead{row-gap:4px !important;}
}

@media (min-width:760px) and (max-width:1180px){
  /* iPad: wind forecast/multimodel selector must remain visible and centred. */
  .sccwp-forecast-uxr-root .windchartcard .sccft-compare-tabs,
  .sccwp-forecast-uxr-root .rwschartcard .sccft-compare-tabs{
    display:flex !important;visibility:visible !important;grid-column:1/-1 !important;
    justify-self:center !important;margin-top:2px !important;
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-panel-live{padding:10px !important;}
  .sccwp-forecast-uxr-root .livegrid{gap:8px !important;}
  .sccwp-forecast-uxr-root .livetile{min-height:98px !important;padding:10px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{padding:12px !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview{
    width:100% !important;max-width:100% !important;margin:8px auto 0 !important;
    border-radius:16px !important;overflow:hidden !important;aspect-ratio:16/9 !important;
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview iframe,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview img{display:block !important;border:0 !important;border-radius:0 !important;}
}

@media (min-width:1181px){
  /* Desktop webcam: preserve the source aspect ratio and controls; do not stretch/crop the iframe. */
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamcard{padding:14px !important;overflow:hidden !important;}
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview{
    position:relative !important;width:100% !important;max-width:100% !important;
    margin:10px 0 0 !important;aspect-ratio:16/9 !important;height:auto !important;
    min-height:0 !important;flex:none !important;border-radius:16px !important;
    overflow:hidden !important;background:#111 !important;
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview iframe{
    position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;
    display:block !important;border:0 !important;border-radius:0 !important;object-fit:initial !important;
  }
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview img,
  .sccwp-forecast-uxr-root .sccwp-uxr-webcamview video{
    width:100% !important;height:auto !important;aspect-ratio:16/9 !important;
    display:block !important;object-fit:contain !important;border-radius:0 !important;
  }
}