.marine-container{box-sizing:border-box;max-width:1060px;margin:30px auto 80px;padding:0 16px}.marine-header{border-bottom:2px solid #1a1a1b;margin-bottom:24px;padding-bottom:20px}.marine-header-tag{color:var(--ph-red,#ce1126);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:900;display:inline-block}.marine-header-title{color:#0f172a;font-size:34px;font-weight:900;font-family:var(--font-sans);letter-spacing:-.5px;margin:0 0 10px;line-height:1.15}@media (min-width:768px){.marine-header-title{font-size:40px}}.marine-header-desc{color:#475569;max-width:860px;margin:0;font-size:15px;line-height:1.6}.marine-status-banner{border-style:solid;border-width:1px;border-radius:6px;flex-direction:column;gap:12px;margin-bottom:26px;padding:18px 24px;display:flex}@media (min-width:768px){.marine-status-banner{flex-direction:row;justify-content:space-between;align-items:center}}.marine-status-banner.normal{background:#f0fdf4;border-color:#bbf7d0 #bbf7d0 #bbf7d0 #16a34a;border-left-style:solid;border-left-width:5px}.marine-status-banner.alert{background:#fef2f2;border-color:#fecaca #fecaca #fecaca #dc2626;border-left-style:solid;border-left-width:5px;animation:2.5s ease-in-out infinite marinePulse}@keyframes marinePulse{0%,to{box-shadow:0 0 #dc262633}50%{box-shadow:0 0 0 8px #dc262614}}.marine-banner-left{align-items:flex-start;gap:14px;display:flex}.marine-banner-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:2px;display:flex}.marine-status-banner.normal .marine-banner-icon{color:#15803d;background:#dcfce7}.marine-status-banner.alert .marine-banner-icon{color:#b91c1c;background:#fee2e2}.marine-banner-badge{letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.marine-status-banner.normal .marine-banner-badge{color:#15803d}.marine-status-banner.alert .marine-banner-badge{color:#b91c1c}.marine-banner-headline{color:#0f172a;margin:0 0 4px;font-size:17px;font-weight:900}.marine-banner-subtext{color:#475569;margin:0;font-size:13px;line-height:1.5}.marine-banner-meta{color:#64748b;white-space:nowrap;font-size:12px;font-weight:700}.marine-port-nav-wrap{margin-bottom:24px}.marine-port-nav-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.marine-port-nav-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.marine-port-nav-scroll::-webkit-scrollbar{height:4px}.marine-port-nav-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.marine-port-pill{cursor:pointer;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-direction:column;flex-shrink:0;gap:2px;padding:8px 14px;transition:all .15s ease-in-out;display:flex}.marine-port-pill:hover{background:#f8fafc;border-color:#94a3b8}.marine-port-pill.active{background:var(--ph-blue,#0038a8);border-color:var(--ph-blue,#0038a8);color:#fff;box-shadow:0 2px 8px #0038a833}.marine-port-pill-name{color:#0f172a;font-size:13px;font-weight:700}.marine-port-pill.active .marine-port-pill-name{color:#fff}.marine-port-pill-sub{color:#64748b;align-items:center;gap:6px;font-size:11px;display:flex}.marine-port-pill.active .marine-port-pill-sub{color:#dbeafe}.marine-pill-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.marine-card-primary{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #00000005}.marine-card-topbar{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}@media (min-width:768px){.marine-card-topbar{flex-direction:row;justify-content:space-between;align-items:center}}.marine-port-title{color:#0f172a;margin:0;font-size:22px;font-weight:900}.marine-meta-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.marine-tag-pill{color:#475569;text-transform:uppercase;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.marine-tag-pill.water{color:#0369a1;background:#e0f2fe;font-weight:800}.marine-tag-pill.gale{color:#b91c1c;background:#fee2e2;font-weight:800}.marine-wave-row{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}@media (min-width:768px){.marine-wave-row{flex-direction:row;align-items:center;gap:32px}}.marine-wave-display{align-items:baseline;gap:12px;display:flex}.marine-wave-number{font-size:64px;font-weight:900;line-height:1;font-family:var(--font-sans);letter-spacing:-1.5px}.marine-wave-unit-group{flex-direction:column;display:flex}.marine-wave-unit{color:#64748b;letter-spacing:1px;font-size:14px;font-weight:900}.marine-wave-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-top:4px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-block}.marine-spectrum-box{flex:1;width:100%}.marine-spectrum-bar-wrap{background:linear-gradient(90deg,#16a34a 0% 25%,#ca8a04 25% 50%,#ea580c 50% 75%,#dc2626 75% 100%);border-radius:7px;height:14px;margin-bottom:8px;position:relative}.marine-spectrum-marker{background:#0f172a;border:2px solid #fff;border-radius:3px;width:6px;height:22px;transition:left .3s ease-out;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 2px 4px #0006}.marine-spectrum-scale-labels{color:#64748b;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.marine-metrics-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}@media (min-width:768px){.marine-metrics-grid{grid-template-columns:repeat(4,1fr)}}.marine-metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px 14px}.marine-metric-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:4px;font-size:11px;font-weight:800}.marine-metric-value{color:#0f172a;font-size:20px;font-weight:900;font-family:var(--font-sans)}.marine-metric-sub{color:#94a3b8;margin-top:2px;font-size:11px}.marine-tide-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:24px;padding:18px 20px}.marine-tide-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.marine-tide-title{text-transform:uppercase;letter-spacing:1.5px;color:#0369a1;margin:0;font-size:12px;font-weight:900}.marine-tide-badges{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}@media (min-width:640px){.marine-tide-badges{flex-direction:row;gap:16px}}.marine-tide-pill{background:#fff;border:1px solid #7dd3fc;border-radius:6px;flex:1;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.marine-tide-pill-type{text-transform:uppercase;color:#0284c7;font-size:11px;font-weight:800}.marine-tide-pill-time{color:#0f172a;font-size:15px;font-weight:900;font-family:var(--font-sans)}.marine-tide-curve-wrap{width:100%;height:60px;margin-top:6px;position:relative}.marine-tide-curve-svg{width:100%;height:100%}.marine-advisory-box{color:#334155;background:#f8fafc;border-left:4px solid #0038a8;border-radius:4px;padding:14px 18px;font-size:13px;line-height:1.5}.marine-advisory-title{text-transform:uppercase;letter-spacing:1px;color:#0038a8;margin-bottom:4px;font-size:11px;font-weight:900}.marine-forecast-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px 24px}.marine-forecast-title{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:900}.marine-forecast-sub{color:#64748b;margin:0 0 16px;font-size:12px}.marine-forecast-days-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:640px){.marine-forecast-days-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:992px){.marine-forecast-days-grid{grid-template-columns:repeat(7,1fr)}}.marine-day-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-top-width:3px;border-radius:6px;padding:10px}.marine-day-date{color:#64748b;margin-bottom:6px;font-size:11px;font-weight:700}.marine-day-wave{color:#0f172a;font-size:20px;font-weight:900;font-family:var(--font-sans);margin-bottom:2px;line-height:1.1}.marine-day-badge{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:800;display:inline-block}.marine-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:28px;padding:24px}.marine-table-title{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:900}.marine-table-desc{color:#64748b;margin:0 0 16px;font-size:13px}.marine-table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.marine-data-table{border-collapse:collapse;width:100%;min-width:650px;font-size:13px}.marine-data-table th{color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:800}.marine-data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.marine-data-table tr.clickable{cursor:pointer;transition:background-color .15s}.marine-data-table tr.clickable:hover td{background:#f1f5f9}.marine-data-table tr.active-row td{background:#eff6ff;font-weight:600}.marine-pcg-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:28px;padding:24px}.marine-pcg-table{border-collapse:collapse;width:100%;margin-top:14px;font-size:13px}.marine-pcg-table th{color:#475569;text-align:left;text-transform:uppercase;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:800}.marine-pcg-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:12px 14px;line-height:1.45}.marine-faq-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:28px;padding:24px}.marine-faq-list{flex-direction:column;gap:16px;margin-top:16px;display:flex}.marine-faq-item{border-bottom:1px solid #f1f5f9;padding-bottom:16px}.marine-faq-item:last-child{border-bottom:none;padding-bottom:0}.marine-faq-question{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:800}.marine-faq-answer{color:#475569;margin:0;font-size:13px;line-height:1.6}.marine-methodology-box{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:16px 20px;font-size:12px;line-height:1.5}.marine-methodology-title{color:#334155;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:800}