.tide-center-body{background:#f3f8fa}.tide-hero{padding:60px 0 48px;background:linear-gradient(135deg,#052f47,#087da3 55%,#21a7b9);color:#fff;overflow:hidden;position:relative}.tide-hero:after{content:"";position:absolute;right:-160px;top:-170px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 65px rgba(255,255,255,.045),0 0 0 130px rgba(255,255,255,.025)}.tide-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.5fr);gap:34px;align-items:center;position:relative;z-index:1}.tide-hero h1{font-size:clamp(2.15rem,5vw,4.35rem);line-height:1.06;letter-spacing:-.055em;color:#fff;margin:12px 0 16px;max-width:860px}.tide-hero p{max-width:800px;color:#dff4f7;line-height:1.85}.tide-hero .eyebrow{color:#a6e7f1}.tide-hero .secondary{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.1)}.tide-score{padding:26px;border-radius:25px;border:1px solid rgba(255,255,255,.23);background:rgba(2,39,57,.43);backdrop-filter:blur(12px);box-shadow:0 20px 55px rgba(0,30,45,.25)}.tide-score>span{font-size:.76rem;font-weight:900;letter-spacing:.08em;color:#a7e8f2}.tide-score>strong{display:block;margin:8px 0 10px;font-size:1.45rem;color:#fff}.tide-score>div{display:flex;align-items:end;gap:5px}.tide-score b{font-size:4.5rem;line-height:1;color:#fff}.tide-score small{margin-bottom:8px;color:#c6e9ef}.tide-score p{font-size:.88rem;line-height:1.65;margin:14px 0 6px}.tide-score time{color:#a9d7df;font-size:.72rem}.tide-alert{background:#fff3d9;border-bottom:1px solid #f1d895;color:#6f4c12}.tide-alert .container{display:flex;gap:10px;align-items:flex-start;padding-top:13px;padding-bottom:13px;font-size:.9rem}.tide-control-section,.tide-content-section,.tide-summary-section{padding:34px 0}.tide-controls{display:grid;grid-template-columns:minmax(250px,1.4fr) repeat(2,minmax(125px,.5fr)) auto auto;gap:10px;align-items:end;padding:18px;border:1px solid #d3e4e8;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(10,74,94,.07)}.tide-controls label span{display:block;margin-bottom:7px;font-size:.74rem;font-weight:900;color:#355e6a}.tide-controls select,.tide-controls input{width:100%;height:46px;border:1px solid #c8dce1;border-radius:11px;background:#f9fcfd;padding:0 12px;color:#183d49}.tide-controls .btn{height:46px;white-space:nowrap}.active-location{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:11px 14px;border-radius:13px;background:#eaf6f8;color:#2a5d6b}.active-location>span:first-child{font-weight:900;color:#0a6079}.active-location code{padding:3px 7px;border-radius:6px;background:#fff}.active-location>span:last-child{margin-left:auto;font-size:.76rem}.all-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.all-metrics article{min-height:130px;padding:17px;border:1px solid #d8e7ea;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(12,74,92,.055)}.all-metrics span{font-size:.72rem;font-weight:900;color:#68838c}.all-metrics strong{display:block;margin:8px 0 6px;color:#0a617b;font-size:1.42rem;line-height:1.2}.all-metrics small{display:block;color:#6d8187;font-size:.71rem;line-height:1.5}.tide-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.55fr);gap:18px}.panel{border:1px solid #d5e5e9;border-radius:21px;background:#fff;box-shadow:0 12px 36px rgba(12,74,92,.06)}.tide-chart-panel,.recommendation-panel{padding:20px}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.panel-head span{font-size:.68rem;font-weight:900;color:#0b86aa;letter-spacing:.08em}.panel-head h2{margin:4px 0 0;font-size:1.32rem;color:#173f4b}.chart-buttons{display:flex;gap:5px;flex-wrap:wrap}.chart-buttons button,.all-tabs button{border:1px solid #cfe0e4;border-radius:9px;background:#f7fbfc;color:#52717a;padding:8px 11px;font-size:.74rem;font-weight:900;cursor:pointer}.chart-buttons button.active,.all-tabs button.active{border-color:#087da3;background:#087da3;color:#fff}.tide-chart-panel canvas{display:block;width:100%;max-height:360px;border-radius:14px;background:linear-gradient(#fbfefe,#f5fafb)}.tide-event-list{display:flex;gap:8px;overflow:auto;padding:14px 1px 4px}.tide-event{min-width:150px;padding:12px;border:1px solid #dce9ec;border-radius:13px;background:#f8fbfc}.tide-event b{display:block;color:#0a6580}.tide-event.high b{color:#d15f2e}.tide-event.low b{color:#16769c}.tide-event small{display:block;margin-top:4px;color:#6d8187}.model-note{font-size:.72rem;color:#73878d;margin:11px 0 0}.recommendation-list{display:grid;gap:9px}.recommendation-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #deeaed;border-radius:13px}.recommendation-item time{font-size:.78rem;font-weight:900;color:#264e59}.recommendation-item p{margin:0;color:#60777e;font-size:.72rem}.recommendation-item b{font-size:1.1rem;color:#087da3}.warning-box{margin-top:16px;padding:14px;border-radius:14px;background:#fff6e4;border:1px solid #f0d797;color:#76531b}.warning-box.good{background:#e9f8f2;border-color:#bee7d7;color:#1c6b54}.warning-box p{margin:6px 0 0;font-size:.78rem;line-height:1.6}.all-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:12px;padding-bottom:3px}.all-tabs button{white-space:nowrap}.all-tab-panel{display:none}.all-tab-panel.active{display:block}.all-tab-panel>.panel{padding:18px}.all-table-wrap{overflow:auto}.all-table-wrap table{width:100%;min-width:900px;border-collapse:collapse}.all-table-wrap th,.all-table-wrap td{padding:11px 9px;border-bottom:1px solid #e6eef0;text-align:left;font-size:.75rem;white-space:nowrap}.all-table-wrap th{position:sticky;top:0;background:#f4f9fa;color:#3b626d}.score-pill{display:inline-flex;min-width:42px;justify-content:center;padding:4px 7px;border-radius:999px;background:#e5f5f8;color:#08708f;font-weight:900}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-grid>.panel{padding:18px}.detail-grid h3{margin:0 0 12px;color:#18434f;font-size:1.02rem}.detail-list,.detail-grid dl{display:grid;gap:0;margin:0}.detail-grid dl>div,.detail-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e7eff1}.detail-grid dt,.detail-row span{color:#668087;font-size:.76rem}.detail-grid dd,.detail-row b{margin:0;color:#1c4c5a;text-align:right;font-size:.8rem}.official-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.official-links article{padding:19px;border:1px solid #d8e7ea;border-radius:18px;background:#fff}.official-links strong{display:block;color:#174b5a}.official-links p{font-size:.78rem;line-height:1.65;color:#627b82}.official-links a{font-size:.78rem;font-weight:900;color:#087da3}.daily-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.daily-card{padding:16px;border:1px solid #d8e7ea;border-radius:17px;background:#fff}.daily-card time{font-size:.76rem;font-weight:900;color:#45666f}.daily-card strong{display:block;margin:10px 0 4px;color:#0b6f8d}.daily-card small{display:block;color:#6c8187;font-size:.69rem;line-height:1.6}.tide-final-note{padding:26px 0 65px}.tide-final-note .container{padding:22px 25px;border-radius:20px;background:#133f4d;color:#e7f4f6}.tide-final-note strong{color:#fff}.tide-final-note p{margin:7px 0 0;line-height:1.75;font-size:.85rem}.muted{color:#73858a}
@media(max-width:1150px){.all-metrics{grid-template-columns:repeat(4,1fr)}.daily-grid{grid-template-columns:repeat(4,1fr)}.official-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.tide-hero-grid,.tide-content-grid{grid-template-columns:1fr}.tide-controls{grid-template-columns:1fr 1fr}.tide-controls label:first-child{grid-column:1/-1}.all-metrics{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:1fr 1fr}.tide-score{max-width:420px}.active-location>span:last-child{margin-left:0}}
@media(max-width:620px){.tide-hero{padding:42px 0 34px}.tide-hero h1{font-size:2.3rem}.tide-controls{grid-template-columns:1fr}.tide-controls label:first-child{grid-column:auto}.all-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.all-metrics article{min-height:118px;padding:14px}.all-metrics strong{font-size:1.2rem}.detail-grid,.official-links,.daily-grid{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}.tide-alert .container{display:block}.tide-alert strong{display:block;margin-bottom:4px}.tide-score b{font-size:3.8rem}}