.beach-center-page{width:min(1000px,calc(100% - 24px));margin:14px auto 88px}
.mr367-beach-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 21px;border-radius:22px;background:radial-gradient(circle at 92% 8%,rgba(255,220,74,.42) 0 44px,transparent 45px),linear-gradient(135deg,#f9fdff,#eaf8ff 64%,#fff7d8)}
.mr367-beach-hero h1{margin:3px 0 4px;font-size:clamp(28px,4vw,39px)}.mr367-beach-hero .eyebrow{margin:0;font-size:9px}.mr367-beach-hero p{font-size:13px}.mr367-hero-side{display:grid;justify-items:end;gap:9px}.mr367-hero-side .weather-source-state{padding:7px 10px;font-size:10.5px}.mr367-hero-side .weather-center-actions{display:flex;gap:7px;margin:0}.mr367-hero-side .button{min-height:40px;padding:9px 13px;border-radius:12px;font-size:12px}
.mr367-beach-dashboard{display:grid;gap:9px;margin:11px 0;padding:11px;border:1px solid #cbdfea;border-radius:22px;background:linear-gradient(145deg,#f7fcff,#eaf7fd 66%,#fff8dd);box-shadow:0 13px 34px rgba(18,65,121,.09)}
.mr367-summary-head{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.8fr);gap:9px}.mr367-status-card,.mr367-weather-card,.mr367-metric-grid>article,.mr367-latest-report{border:1px solid rgba(194,215,229,.9);background:rgba(255,255,255,.94);box-shadow:0 6px 16px rgba(24,68,108,.06)}
.mr367-status-card,.mr367-weather-card{min-height:104px;display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:17px}.mr367-status-card>div,.mr367-weather-card>div{min-width:0}.mr367-status-card small,.mr367-status-card strong,.mr367-status-card p,.mr367-weather-card small,.mr367-weather-card strong,.mr367-weather-card p{display:block}.mr367-status-card small,.mr367-weather-card small{color:#547395;font-size:10px;font-weight:950;letter-spacing:.055em;text-transform:uppercase}.mr367-status-card strong{margin-top:2px;color:#153b74;font-size:21px;line-height:1.15}.mr367-status-card p{max-width:560px;margin:4px 0 0;overflow:hidden;color:#617994;font-size:11.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.mr367-traffic{display:grid;flex:0 0 36px;gap:3px;padding:5px;border-radius:12px;background:#202d38;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),0 5px 11px rgba(10,25,40,.2)}.mr367-traffic i{width:26px;height:26px;border-radius:50%;opacity:.28;box-shadow:inset 0 2px 4px rgba(0,0,0,.4)}.mr367-traffic i:nth-child(1){background:#ee5059}.mr367-traffic i:nth-child(2){background:#f2b519}.mr367-traffic i:nth-child(3){background:#2fae69}.mr367-status-card.is-red .mr367-traffic i:nth-child(1),.mr367-status-card.is-yellow .mr367-traffic i:nth-child(2),.mr367-status-card.is-green .mr367-traffic i:nth-child(3){opacity:1;box-shadow:0 0 12px currentColor,inset 0 1px 2px rgba(255,255,255,.55)}.mr367-status-card.is-red{border-color:#efb8bd;background:linear-gradient(140deg,#fff,#fff0f1)}.mr367-status-card.is-yellow{border-color:#ead393;background:linear-gradient(140deg,#fff,#fff8e2)}.mr367-status-card.is-green{border-color:#b8e3cb;background:linear-gradient(140deg,#fff,#ebfaf2)}
.mr367-weather-card>span{flex:0 0 auto;font-size:47px;filter:drop-shadow(0 6px 8px rgba(206,143,18,.2))}.mr367-weather-card strong{margin-top:1px;color:#153b74;font-size:31px;line-height:1}.mr367-weather-card p{margin:5px 0 0;color:#526f8f;font-size:12px;font-weight:850}
.mr367-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mr367-metric-grid>article{min-width:0;display:flex;align-items:center;gap:9px;min-height:76px;padding:10px 11px;border-radius:15px}.mr367-metric-grid>article>span{flex:0 0 auto;font-size:24px}.mr367-metric-grid>article>div{min-width:0}.mr367-metric-grid small,.mr367-metric-grid strong,.mr367-metric-grid p{display:block}.mr367-metric-grid small{color:#5b7592;font-size:9.5px;font-weight:900;text-transform:uppercase}.mr367-metric-grid strong{margin-top:2px;overflow:hidden;color:#153c74;font-size:16px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mr367-metric-grid p{margin:3px 0 0;overflow:hidden;color:#788a9d;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}
.mr367-tide-strip{position:relative;display:grid;grid-template-columns:minmax(250px,1.4fr) repeat(2,minmax(155px,.7fr));align-items:center;gap:8px;overflow:hidden;padding:9px;border:1px solid #aad6e6;border-radius:16px;background:linear-gradient(115deg,#dff7ff,#f6fdff 58%,#fff7d2)}.mr367-tide-strip[hidden]{display:none!important}.mr367-tide-strip:after{content:'';position:absolute;left:30%;right:-10%;bottom:-20px;height:40px;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 12px,rgba(35,163,197,.2) 13px 15px,transparent 16px 24px);background-size:56px 32px;animation:mr356-tide-drift 8s linear infinite}.mr367-tide-strip>div{position:relative;z-index:1;min-width:0;padding:7px 10px;border-left:1px solid rgba(112,177,202,.3)}.mr367-tide-strip>.mr367-tide-state{display:flex;align-items:center;gap:10px;border-left:0}.mr367-tide-state>span{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;border-radius:12px;background:linear-gradient(145deg,#1699c3,#2c78da);color:#fff;font-size:21px}.mr367-tide-strip small,.mr367-tide-strip strong,.mr367-tide-strip p{display:block}.mr367-tide-strip small{color:#37768f;font-size:9px;font-weight:950;text-transform:uppercase}.mr367-tide-strip strong{margin-top:2px;overflow:hidden;color:#123c70;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.mr367-tide-strip p{margin:2px 0 0;color:#627f92;font-size:9px}
.mr367-latest-report{display:grid;grid-template-columns:minmax(0,1fr) 68px;min-height:74px;overflow:hidden;border-radius:16px}.mr367-latest-report .beach-quick-latest-copy{padding:10px 13px}.mr367-latest-report .beach-quick-heading{margin-bottom:2px;font-size:9.5px}.mr367-latest-report .beach-quick-latest-copy>strong{font-size:14px}.mr367-latest-report .beach-quick-latest-copy>span{font-size:9.5px}.mr367-latest-report .beach-quick-latest-copy>p{margin-top:4px;font-size:10.5px}.mr367-latest-image,.mr367-latest-image img{display:block;width:100%;height:100%;min-height:74px;object-fit:cover}.mr367-latest-action{display:grid;place-items:center;background:linear-gradient(145deg,#e8f5ff,#fff6cf);color:#2573d4;font-size:27px;font-weight:950;text-decoration:none}
.beach-center-page>.beach-auto-warning{margin-top:10px;padding:11px 14px;border-radius:16px}.beach-center-page>.beach-auto-warning>span{font-size:24px}.beach-center-page>.beach-auto-warning strong{font-size:15px}.beach-center-page>.beach-auto-warning p{font-size:12px}.beach-center-page .beach-status-grid{align-items:start;gap:10px;margin-top:10px}.beach-center-page .beach-auto-card,.beach-center-page .beach-community-card{padding:15px;border-radius:19px}.beach-center-page .beach-auto-main,.beach-center-page .beach-community-main{gap:11px;margin:10px 0}.beach-center-page .beach-traffic-light{font-size:42px}.beach-center-page .beach-community-icon{font-size:37px}.beach-center-page .beach-auto-main h2,.beach-center-page .beach-community-main h2{font-size:18px}.beach-center-page .beach-auto-main p,.beach-center-page .beach-community-main p{font-size:12px}.beach-center-page .beach-community-signals{grid-template-columns:1fr 1fr;gap:7px}.beach-center-page .beach-community-signals>div{padding:9px 10px}.beach-center-page .beach-source-note{margin-top:9px;font-size:10.5px}.beach-center-page .weather-section-head{margin-top:20px}
@media(max-width:760px){
  .beach-center-page{width:calc(100% - 12px);margin:5px auto 86px}.mr367-beach-hero{display:block;padding:14px 12px;border-radius:18px}.mr367-beach-hero .eyebrow{display:none}.mr367-beach-hero h1{padding-left:40px;font-size:25px}.mr367-beach-hero p{font-size:12.5px}.mr367-hero-side{display:block}.mr367-hero-side .weather-source-state{margin:9px 0 0;font-size:10px}.mr367-hero-side .weather-center-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:8px}.mr367-hero-side .button{min-height:42px;padding:8px 6px;font-size:11.5px;text-align:center}
  .mr367-beach-dashboard{gap:7px;margin:8px 0;padding:7px;border-radius:18px}.mr367-summary-head{grid-template-columns:minmax(0,1.45fr) minmax(118px,.75fr);gap:6px}.mr367-status-card,.mr367-weather-card{min-height:99px;gap:8px;padding:9px;border-radius:14px}.mr367-traffic{flex-basis:29px;padding:4px}.mr367-traffic i{width:21px;height:21px}.mr367-status-card small,.mr367-weather-card small{font-size:8.5px}.mr367-status-card strong{font-size:17px}.mr367-status-card p{font-size:10px;white-space:normal}.mr367-weather-card>span{font-size:35px}.mr367-weather-card strong{font-size:25px}.mr367-weather-card p{font-size:10.5px}
  .mr367-metric-grid{grid-template-columns:1fr 1fr;gap:6px}.mr367-metric-grid>article{min-height:70px;padding:8px}.mr367-metric-grid>article>span{font-size:21px}.mr367-metric-grid small{font-size:9px}.mr367-metric-grid strong{font-size:14px}.mr367-metric-grid p{font-size:9px}
  .mr367-tide-strip{grid-template-columns:1fr 1fr;gap:5px;padding:6px}.mr367-tide-strip>.mr367-tide-state{grid-column:1/-1}.mr367-tide-strip>div{padding:7px;border-left:0;border-radius:11px;background:rgba(255,255,255,.6)}.mr367-tide-strip small{font-size:8.5px}.mr367-tide-strip strong{font-size:12px}.mr367-tide-strip p{font-size:9px}.mr367-latest-report{grid-template-columns:minmax(0,1fr) 54px}.mr367-latest-report .beach-quick-latest-copy{padding:9px 10px}.mr367-latest-report .beach-quick-latest-copy>strong{font-size:13px}
  .beach-center-page>.beach-auto-warning{margin-top:8px;padding:10px}.beach-center-page .beach-status-grid{grid-template-columns:1fr;gap:8px;margin-top:8px}.beach-center-page .beach-auto-card,.beach-center-page .beach-community-card{padding:12px}.beach-center-page .beach-community-signals{grid-template-columns:1fr 1fr}.beach-center-page .weather-section-head{margin-top:17px}
}
@media(max-width:380px){.mr367-summary-head{grid-template-columns:1fr}.mr367-weather-card{min-height:76px}.mr367-weather-card>span{font-size:31px}.mr367-status-card strong{font-size:16px}.mr367-hero-side .weather-center-actions{grid-template-columns:1fr}.beach-center-page .beach-community-signals{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mr367-tide-strip:after{animation:none}}