#surf-report-wrap .sr-d11 [data-ddc]{cursor:pointer;}
    #surf-report-wrap .sr-d11 th[data-ddc]:hover,#surf-report-wrap .sr-d11 th[data-ddc]:focus-visible{color:#fff;outline:none;text-decoration:underline;}
    #surf-report-wrap .sr-d11-scroll{position:relative;padding-top:6px;padding-bottom:6px;}
    #surf-report-wrap .sr-d11 .sr-dd-on{background:rgba(255,149,0,.12);}
    #surf-report-wrap .sr-d11 th.sr-dd-on{color:#ff9500;}
    #surf-report-wrap .sr-d11-pick{position:absolute;border:3px solid #ff9500;border-radius:12px;box-shadow:0 0 14px rgba(255,149,0,.55);pointer-events:none;box-sizing:border-box;}
    #surf-report-wrap .sr-d11-pick[hidden]{display:none;}
    #surf-report-wrap .sr-dd-hint{font-size:.75rem;color:#7ab8e8;margin:6px 2px 0;}
    #surf-report-wrap .sr-dd{margin:10px 0 4px;padding:14px;border:1px solid #2a4d70;border-radius:14px;background:#0f2236;}
    #surf-report-wrap .sr-dd[hidden]{display:none;}
    #surf-report-wrap .sr-dd-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#e8f4fd;font-size:1.02rem;}
    #surf-report-wrap .sr-dd-x{background:none;border:0;color:#7ab8e8;font-size:1.5rem;line-height:1;cursor:pointer;padding:0 4px;}
    #surf-report-wrap .sr-dd-lab{font-size:.68rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#7ab8e8;}
    #surf-report-wrap .sr-dd-sum{padding:10px 12px;border:1px solid #f5c542;border-radius:12px;background:#13304d;margin-bottom:12px;}
    #surf-report-wrap .sr-dd-best[hidden]{display:none;}
    #surf-report-wrap .sr-dd-when{font-size:1.15rem;color:#fff;margin:0 6px;}
    #surf-report-wrap .sr-dd-best .sr-badge{font-size:.66rem;vertical-align:2px;}
    #surf-report-wrap .sr-dd-why{font-size:.75rem;color:#f5c542;margin-top:4px;}
    #surf-report-wrap .sr-dd-none{font-size:.85rem;color:#7ab8e8;margin-left:6px;}
    #surf-report-wrap .sr-dd-at{margin-top:10px;font-size:.72rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#fff;}
    #surf-report-wrap .sr-dd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:5px;}
    #surf-report-wrap .sr-dd-stats4{grid-template-columns:repeat(4,minmax(0,1fr));}
    #surf-report-wrap .sr-dd-stat .sr-wxi{width:22px;height:22px;vertical-align:-4px;}
    #surf-report-wrap .sr-dd-sky .sr-wxi{width:22px;height:22px;}
    #surf-report-wrap .sr-dd-deg{font-weight:700;color:#e8f4fd;} #surf-report-wrap .sr-dd-pop{font-size:.64rem;color:#5ab4f5;font-weight:700;}
    #surf-report-wrap .sr-dd-stat{padding:8px 10px;border-radius:10px;background:#0f2236;border:1px solid #1e3d5c;min-width:0;}
    #surf-report-wrap .sr-dd-stat .sr-dd-lab{display:block;margin-bottom:2px;}
    #surf-report-wrap .sr-dd-stat b{display:block;font-size:1.15rem;color:#fff;line-height:1.2;white-space:nowrap;}
    #surf-report-wrap .sr-dd-stat small{display:block;font-size:.74rem;color:#c8e6f8;margin-top:2px;}
    #surf-report-wrap .sr-dd-stat .sr-badge{font-size:.6rem;margin-top:4px;display:inline-block;}
    #surf-report-wrap .sr-dd-stat small.sr-dd-sw,#surf-report-wrap .sr-dd-stat small.sr-dd-nx{margin-top:6px;padding-top:5px;border-top:1px solid #1e3d5c;}
    #surf-report-wrap .sr-dd-sw span{display:block;} #surf-report-wrap .sr-dd-stat small b{display:inline;font-size:inherit;color:#fff;white-space:nowrap;}
    #surf-report-wrap .sr-dd-nx span{display:block;} #surf-report-wrap .sr-dd-sw span{white-space:nowrap;}
    #surf-report-wrap .sr-dd-stat svg{width:18px;height:18px;vertical-align:-2px;}
    #surf-report-wrap .sr-dd-stat .sr-dd-wico{width:22px;height:22px;vertical-align:-4px;margin-right:2px;}
    #surf-report-wrap .sr-dd-up{color:#5dde87;} #surf-report-wrap .sr-dd-down{color:#f0c040;} #surf-report-wrap .sr-dd-flat{color:#7ab8e8;} #surf-report-wrap .sr-dd-tico{color:#5ab4f5;}
    #surf-report-wrap .sr-dd-tl{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;}
    #surf-report-wrap .sr-dd-grid{display:grid;grid-template-columns:repeat(var(--n),minmax(30px,1fr));gap:3px 3px;min-width:min-content;}
    #surf-report-wrap .sr-dd-range{grid-column:1/-1;justify-self:center;width:calc(100% - 100% / var(--n));margin:2px 0 4px;accent-color:#fff;cursor:pointer;}
    #surf-report-wrap .sr-dd-rowlab{grid-column:1/-1;justify-self:start;position:sticky;left:0;margin-top:8px;font-size:.68rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#7ab8e8;}
    #surf-report-wrap .sr-dd-rowlab small{font-weight:400;letter-spacing:0;text-transform:none;color:#5a8ab0;margin-left:4px;}
    #surf-report-wrap .sr-dd-c{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;border:3px solid transparent;border-radius:9px;font-size:.72rem;color:#c8e6f8;cursor:pointer;}
    #surf-report-wrap .sr-dd-t{text-align:center;color:#5a8ab0;font-size:.66rem;border-radius:6px;}
    #surf-report-wrap .sr-dd-past{opacity:.4;}
    #surf-report-wrap .sr-dd-ft{font-weight:800;color:#e8f4fd;}
    #surf-report-wrap .sr-dd-barw{display:flex;align-items:flex-end;height:54px;width:100%;justify-content:center;}
    #surf-report-wrap .sr-dd-wbarw{height:30px;}
    #surf-report-wrap .sr-dd-barw i{display:block;width:70%;max-width:18px;border-radius:4px 4px 2px 2px;}
    #surf-report-wrap .sr-dd-bar{background:var(--r,#5a8ab0);}
    #surf-report-wrap .sr-dd-bar.sr-day-good,#surf-report-wrap .sr-dd-bar.sr-day-pot{border:0;box-shadow:none;background:var(--r,#5a8ab0);}
    #surf-report-wrap .sr-dd-arr{width:13px;height:13px;color:#7ab8e8;}
    #surf-report-wrap .sr-dd-mph{font-weight:700;}
    #surf-report-wrap[data-level="beginner"] .sr-bw-beginner,#surf-report-wrap[data-level="intermediate"] .sr-bw-intermediate,
    #surf-report-wrap[data-level="advanced"] .sr-bw-advanced,#surf-report-wrap:not([data-level]) .sr-bw-advanced{border-color:#f5c542;background:rgba(245,197,66,.10);box-shadow:0 0 8px rgba(245,197,66,.35);}
    #surf-report-wrap .sr-dd .sr-dd-sel{border-color:#fff;background:rgba(255,255,255,.12);opacity:1;box-shadow:0 0 10px rgba(255,255,255,.4);}
    #surf-report-wrap .sr-dd-t.sr-dd-sel{color:#fff;font-weight:800;}
    #surf-report-wrap .sr-dd-units{font-size:.68rem;color:#5a8ab0;margin:6px 2px 0;}
    #surf-report-wrap .sr-dd-tide{margin-top:12px;}
    #surf-report-wrap .sr-dd-tidebox{position:relative;margin-top:4px;}
    #surf-report-wrap .sr-dd-tidebox .sr-tide-svg{width:100%;height:auto;display:block;}
    #surf-report-wrap .sr-dd-tsel{position:absolute;bottom:13.3%;width:0;border-left:2px solid #fff;pointer-events:none;}
    #surf-report-wrap .sr-dd-tsel[hidden]{display:none;}
    #surf-report-wrap .sr-dd-tsel i{position:absolute;left:-9px;top:-8px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #1a6fc4;box-sizing:border-box;}
    @media (max-width:520px){#surf-report-wrap .sr-dd{padding:10px;} #surf-report-wrap .sr-dd-grid{gap:3px 2px;} #surf-report-wrap .sr-dd-stats{gap:5px;}
        #surf-report-wrap .sr-dd-stat{padding:7px 5px;} #surf-report-wrap .sr-dd-stat b{font-size:.88rem;}
        #surf-report-wrap .sr-dd-stat svg{width:14px;height:14px;} #surf-report-wrap .sr-dd-stat .sr-dd-wico{width:16px;height:16px;vertical-align:-2px;margin-right:0;}
        #surf-report-wrap .sr-dd-sw{font-size:.64rem;} #surf-report-wrap .sr-dd-stats{grid-template-columns:1.3fr 1fr 1fr;} #surf-report-wrap .sr-dd-stats4{grid-template-columns:1fr 1fr;}
        #surf-report-wrap .sr-dd-u{font-size:.72em;} #surf-report-wrap .sr-dd-stat[data-k="surf"] b{white-space:normal;}}