.details-grid:has(>div:empty){grid-template-columns:1fr}.details-grid>div:empty{display:none}
.tide-value{overflow-wrap:anywhere}.tide-heading{background:radial-gradient(ellipse at 95% 0,#285967,transparent 65%),var(--navy)}
.tide-dashboard{display:grid;grid-template-columns:1fr 1.7fr;border:1px solid var(--line);box-shadow:0 15px 45px #102c3d08}
.tide-reading{background:var(--navy);color:white;padding:40px}.tide-reading .eyebrow{color:#e2c796}.tide-reading h2{font-size:36px}.tide-state{display:inline-block;border:1px solid #ffffff55;padding:5px 12px;font-size:12px;color:#dcecf1}.tide-value{font:76px/1.2 var(--serif);letter-spacing:-3px;margin:15px 0}.tide-value small{font:17px/1.5 system-ui;letter-spacing:0;color:#dbceae;white-space:nowrap}.tide-time{font-size:14px;color:#d6e5eb}.tide-datum{font-size:12px;color:#d6e5eb;margin-top:30px}.tide-datum strong{display:block;font-weight:500;margin-top:8px}.tide-chart-panel{padding:35px;min-width:0}.tide-chart-heading{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.tide-chart-heading h3{font-size:25px}.tide-period{font-size:11px;color:var(--muted)}.tide-chart{min-height:255px;display:grid;align-items:center}.tide-chart svg{width:100%;height:auto;overflow:visible}.tide-chart-note,.tide-attribution,.tide-small{font-size:12px;color:var(--muted)}.tide-attribution{margin:20px 0 35px}.tide-data summary{cursor:pointer;font-size:13px;color:var(--teal)}.tide-table-scroll{max-height:250px;overflow:auto}.tide-data table{width:100%;border-collapse:collapse;font-size:13px}.tide-data th,.tide-data td{padding:8px;text-align:left;border-bottom:1px solid var(--line)}.tide-safety{border-left:4px solid var(--gold);padding:24px 30px;background:var(--pale);margin-bottom:55px}.tide-safety strong{font:26px/1.3 var(--serif)}.tide-safety p{font-size:14px;margin:12px 0 0}.tide-planning{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.tide-planning h2{font-size:33px}.tide-planning p{font-size:14px}.tide-step{display:block;letter-spacing:2px;color:var(--teal);font-size:11px;font-weight:700;margin-bottom:25px}.tide-planning .button{padding:12px 17px;gap:0;font-size:13px}.tide-planning .tide-small{font-size:12px;margin-top:18px}.tide-editorial{margin-top:55px;padding-top:35px;border-top:1px solid var(--line)}.no-photo{background:linear-gradient(135deg,#153f50,#0e2b3b);color:#e1c797;font:32px/1.3 var(--serif);padding:70px 30px 30px;text-align:center}.tide-home-link{background:#eaf1f2;padding:22px 0}.tide-home-link .wrap{display:flex;gap:25px;align-items:center;justify-content:space-between}.tide-home-link p{margin:0;font-size:14px}.tide-home-link strong{font:24px/1.3 var(--serif);margin-right:15px}.tide-home-link a{white-space:nowrap;font-size:14px;color:var(--teal);font-weight:600}
@media(max-width:1150px){.main-nav{gap:13px}.main-nav a{font-size:12px}}
@media(max-width:950px){.tide-dashboard{grid-template-columns:1fr}.tide-planning{grid-template-columns:1fr}.tide-planning article{padding-bottom:20px;border-bottom:1px solid var(--line)}.tide-value{font-size:64px}.tide-home-link .wrap{align-items:start}.tide-home-link strong{display:block;margin:0 0 6px}.tide-home-link a{white-space:normal}}
@media(max-width:700px){.brand{min-width:0;flex-shrink:1}.brand-name{font-size:16px}.brand-name small{letter-spacing:1.8px;font-size:8px}.header-row{gap:10px}.menu-toggle{padding:9px 12px;flex-shrink:0}.tide-reading,.tide-chart-panel{padding:25px}.tide-chart-heading{display:block}.tide-chart{min-height:200px}.tide-safety{padding:22px}.tide-home-link .wrap{display:block}.tide-home-link a{display:inline-block;margin-top:12px}}
