.marine-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.marine-home{margin:40px 0;padding:36px;border:1px solid #285c70;border-radius:24px;background:radial-gradient(ellipse at 90% 0%,#1c6075 0,transparent 54%),#102f42;color:#e5f5fa}.marine-home-head,.marine-title,.marine-results-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.marine-home .eyebrow,.marine-overview .eyebrow{color:#88cbdc}.marine-home h2{font-size:clamp(26px,3.4vw,40px);line-height:1.15;margin:10px 0 14px;letter-spacing:-1px}.marine-home h2 span,.marine-title h1 span{color:#46b8ce}.marine-home-head p:not(.eyebrow){color:#b7d4df;font-size:15px;line-height:1.6}.marine-cta{display:flex;justify-content:space-between;gap:28px;align-items:center;background:#bceef3;color:#143c4e;padding:15px 19px;border-radius:11px;font-weight:700;text-decoration:none;white-space:nowrap;font-size:13px}.marine-cta:hover{background:#dcf9fb}.marine-fresh{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6;color:#537b88;margin:20px 0}.marine-home .marine-fresh{color:#afd0da}.marine-fresh>span{width:6px;height:6px;border-radius:50%;background:#419aab;flex-shrink:0}.marine-fresh.unavailable{color:#b65330;background:#fff0dc;padding:10px 14px;border-radius:8px}.marine-area-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #47718180;border-bottom:1px solid #47718180;margin:24px 0}.marine-area-strip a{display:grid;grid-template-columns:1fr auto;gap:8px;text-decoration:none;color:#effbff;padding:20px;border-right:1px solid #47718180}.marine-area-strip a:last-child{border-right:0}.marine-area-strip a:hover{background:#ffffff08}.marine-area-strip span{font-size:14px;align-self:center}.marine-area-strip strong{font-size:25px;line-height:1.1}.marine-area-strip small{grid-column:1/-1;color:#8fbccc;font-size:11px}.marine-preview,.marine-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.marine-card{display:flex;flex-direction:column;border:1px solid #d9e5eb;border-top:3px solid #61aabe;border-radius:14px;padding:22px;background:#fff;min-width:0;color:#173e51;transition:border-color .15s,transform .15s}.marine-card:hover{transform:translateY(-2px);border-color:#73a8be}.marine-card.marine-tone-restricted{border-top-color:#cb594b}.marine-card.marine-tone-caution{border-top-color:#d19a35}.marine-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.marine-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;background:#eaf5f8;color:#306f86;border-radius:7px;font-size:11px;font-weight:650;line-height:1.35}.marine-badge .marine-icon{width:19px;height:19px}.marine-badge.marine-tone-restricted{color:#a33e35;background:#fff0eb}.marine-badge.marine-tone-caution{color:#8c621c;background:#fff5dd}.marine-lang{font-size:10px;font-weight:700;letter-spacing:.8px;border:1px solid #d8e5ea;padding:4px 5px;border-radius:4px;color:#6d8790}.marine-area-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#5e8090;margin:22px 0 10px;line-height:1.6}.marine-card h3{font-size:19px;line-height:1.35;margin:0 0 13px;overflow-wrap:anywhere}.marine-card h3 a{color:inherit;text-decoration:none}.marine-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.marine-code{font-size:11px;line-height:1.65;color:#718793;margin:0 0 22px;overflow-wrap:anywhere}.marine-card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #e5edf0;font-size:12px;color:#3e6475}.marine-card-foot small{display:block;font-size:10px;margin-top:6px;color:#758995}.marine-card-open{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#edf5f7;color:#235469;text-decoration:none;font-size:20px}.marine-source-line{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:11px;line-height:1.6;margin:22px 0 0;color:#648493}.marine-source-line a{color:inherit;text-underline-offset:3px}.marine-home .marine-source-line{color:#a6cbd6}.marine-page{padding-top:24px}.marine-breadcrumb{font-size:12px;color:#718996;margin:0 0 34px}.marine-breadcrumb a{color:#3e778b;text-decoration:none}.marine-title{align-items:flex-end}.marine-title h1{font-size:clamp(32px,4.5vw,54px);letter-spacing:-1.8px;line-height:1.08;margin:10px 0 18px;color:#173c4d}.marine-title p:not(.eyebrow){font-size:16px;line-height:1.7;color:#577381;margin:0}.marine-back{font-size:12px;white-space:nowrap;color:#3b758a;text-decoration:none;padding-bottom:6px}.marine-overview{display:grid;grid-template-columns:1.35fr 1fr;gap:0;background:#103347;border:1px solid #2b576b;border-radius:22px;overflow:hidden;color:#d8edf4}.marine-overview-map{background:#103e56;position:relative;padding:20px 26px 16px}.marine-map-heading{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;color:#b0d6e5}.marine-map-heading small{font-size:10px;letter-spacing:0}.marine-map{display:block;width:100%;height:auto;max-height:460px}.marine-map-sea{font-size:10px;fill:#8fc1d2;letter-spacing:2px}.marine-map-signature{font-size:9px;fill:#87b7c9;letter-spacing:2px}.marine-map a:focus{outline:2px solid #fff}.marine-map a:hover circle:last-child{stroke:#fff;stroke-width:2}.marine-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;font-size:10px;color:#c0dae6}.marine-legend span{display:flex;gap:7px;align-items:center}.marine-legend i{width:7px;height:7px;border-radius:50%;background:#9bdfed}.marine-legend i.marine-tone-restricted{background:#fb826d}.marine-legend i.marine-tone-caution{background:#f5c46c}.marine-overview-map>p{font-size:10px;text-align:center;color:#91bdce;margin:13px 0 0;line-height:1.6}.marine-overview-side{padding:36px;display:flex;flex-direction:column;justify-content:center}.marine-total{display:flex;align-items:center;gap:20px;margin:16px 0 24px}.marine-total strong{font-size:82px;letter-spacing:-5px;line-height:1;color:#edfaff;font-weight:600}.marine-total span{font-size:15px;line-height:1.6;color:#accbd8}.marine-stats{display:flex;gap:34px;border-top:1px solid #427183;border-bottom:1px solid #427183;padding:20px 0}.marine-stats div{display:flex;flex-direction:column;gap:7px}.marine-stats b{font-size:27px;color:#e3f7fd;font-weight:550}.marine-stats span{font-size:11px;color:#a3c3d1}.marine-overview-side>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#a9c8d6}.marine-weather-link{display:flex;align-items:center;gap:16px;text-decoration:none;color:#e6f9ff;padding:18px;background:#225469;border:1px solid #4c7d8f;border-radius:12px;margin-top:8px}.marine-weather-link>.marine-icon{width:38px;height:38px;color:#afecf2}.marine-weather-link>span{display:flex;flex-direction:column;gap:7px}.marine-weather-link small{font-size:9px;letter-spacing:1.2px;color:#a9cbd7}.marine-weather-link strong{font-size:17px}.marine-weather-link span span{font-size:11px;color:#b5d8e3}.marine-scope{font-size:11px!important;line-height:1.7;color:#698692;margin:20px 0 0}.marine-seas{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:26px 0 40px}.marine-seas a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 15px;border-radius:11px;border:1px solid #cddfe6;background:#fff;color:#3e6577;text-decoration:none;font-size:13px}.marine-seas a.selected{color:#fff;background:#225d76;border-color:#225d76}.marine-seas strong{font-size:18px}.marine-results-heading{margin-bottom:22px;gap:15px}.marine-results-heading h2{font-size:27px;margin:8px 0 0;letter-spacing:-.6px}.marine-results-heading>span{font-size:11px;color:#6b8795}.marine-filters{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;align-items:end;gap:12px;padding:20px;border:1px solid #dbe6eb;background:#eaf1f4;border-radius:13px}.marine-filters label{font-size:10px;font-weight:650;color:#577281;display:flex;flex-direction:column;gap:9px;min-width:0}.marine-filters input,.marine-filters select{width:100%;height:44px;border:1px solid #cfdee5;background:#fff;border-radius:7px;padding:0 10px;color:#244859;font:inherit;font-size:12px;min-width:0}.marine-filters button{height:44px;border:0;border-radius:7px;background:#235c74;color:white;font:inherit;font-size:12px;padding:0 18px;cursor:pointer}.marine-filter-note{font-size:11px;line-height:1.7;color:#748993;margin:13px 0 25px}.marine-pagination{display:flex;gap:7px;justify-content:center;margin:28px 0;flex-wrap:wrap}.marine-pagination a{display:grid;place-items:center;min-width:36px;height:36px;padding:0 7px;border:1px solid #cddfe6;border-radius:6px;text-decoration:none;color:#386c81;font-size:12px}.marine-pagination a[aria-current]{background:#21566c;color:#fff;border-color:#21566c}.marine-empty{grid-column:1/-1;padding:35px;text-align:center;background:#fff;border:1px dashed #b8cfda;border-radius:12px}.marine-empty h3{font-size:20px}.marine-empty p{font-size:13px;color:#6c8491}.marine-empty a{color:#35758e}.marine-detail-title{padding:30px 0}.marine-detail-title h1{font-size:clamp(27px,4vw,45px);line-height:1.2;margin:12px 0 20px;max-width:950px}.marine-detail-title .marine-code{font-size:13px}.marine-state{font-size:12px;color:#527487}.marine-detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:24px}.marine-original,.marine-validity,.marine-no-position{background:#fff;border:1px solid #d8e5eb;border-radius:16px;padding:28px}.marine-original .marine-results-heading{align-items:baseline}.marine-original h2{font-size:23px}.marine-original pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:13px;color:#315364;margin:26px 0 32px}.marine-types{display:flex;flex-wrap:wrap;gap:8px}.marine-type{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:6px;background:#f0f6f8;font-size:11px;color:#557e8e}.marine-type svg{width:17px;height:17px}.marine-source-link{font-size:12px;color:#3b7b93}.marine-validity h2,.marine-no-position h2,.marine-detail-map h2{font-size:19px;margin:0 0 20px}.marine-validity dl{margin:0}.marine-validity dl>div{padding:15px 0;border-bottom:1px solid #e3ecef}.marine-validity dt{font-size:11px;color:#698493}.marine-validity dd{font-size:14px;line-height:1.6;margin:6px 0 0;color:#24495b}.marine-validity p,.marine-no-position p,.marine-detail-map p{font-size:11px;color:#6e8896;line-height:1.8;margin:20px 0 0}.marine-detail-map{margin-top:22px;padding:24px;background:#103e56;border-radius:16px;color:#d9f1fa}.marine-detail-map p{color:#abd0de}.marine-no-position{margin-top:22px}.marine-return{display:inline-block;margin-top:24px;font-size:14px;color:#3e7c92;text-decoration:none}.marine-refresh-error{padding:12px;border-radius:8px;background:#fff0dc;color:#895629;font-size:12px}.marine-page .eyebrow{font-size:10px;letter-spacing:1.4px}
@media(max-width:1000px){.marine-home{padding:26px}.marine-home-head{align-items:flex-start}.marine-cta{white-space:normal;max-width:190px}.marine-preview,.marine-results{grid-template-columns:repeat(2,minmax(0,1fr))}.marine-preview .marine-card:last-child{display:none}.marine-title{display:block}.marine-back{display:inline-block;margin-top:15px}.marine-overview-side{padding:26px}.marine-seas{grid-template-columns:repeat(3,1fr)}.marine-filters{grid-template-columns:repeat(2,1fr)}.marine-filters label:first-child{grid-column:1/-1}.marine-detail-layout{grid-template-columns:1fr}.marine-detail-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.marine-detail-map,.marine-no-position{margin-top:0}}
@media(max-width:650px){.marine-home{padding:22px 18px;border-radius:18px;margin-top:30px}.marine-home-head{display:block}.marine-home-head h2{font-size:29px}.marine-cta{max-width:none;display:inline-flex;margin:10px 0 4px;gap:24px}.marine-area-strip{grid-template-columns:repeat(2,1fr)}.marine-area-strip a{padding:16px 10px}.marine-area-strip a:nth-child(2){border-right:0}.marine-area-strip a:nth-child(-n+2){border-bottom:1px solid #47718180}.marine-area-strip span{font-size:12px}.marine-area-strip strong{font-size:22px}.marine-preview,.marine-results{grid-template-columns:1fr}.marine-card{padding:20px}.marine-preview .marine-card:last-child{display:flex}.marine-source-line{font-size:10px}.marine-fresh{align-items:flex-start;font-size:11px}.marine-fresh>span{margin-top:6px}.marine-title h1{font-size:35px}.marine-title p:not(.eyebrow){font-size:14px}.marine-breadcrumb{margin-bottom:25px}.marine-overview{grid-template-columns:1fr}.marine-overview-map{padding:17px 16px}.marine-map{max-height:355px}.marine-map-heading{font-size:8px}.marine-overview-side{padding:24px}.marine-total strong{font-size:64px}.marine-stats{gap:50px;padding:16px 0}.marine-seas{display:flex;overflow-x:auto;margin:20px -2px 28px;padding:2px 2px 10px;gap:8px}.marine-seas a{flex-shrink:0;font-size:12px;min-width:140px;padding:14px 12px}.marine-results-heading{align-items:flex-start;flex-direction:column;gap:8px}.marine-results-heading h2{font-size:25px}.marine-filters{padding:16px;gap:14px 10px}.marine-filters label{font-size:10px}.marine-filters button{align-self:end}.marine-filter-note{font-size:10px}.marine-detail-layout>aside{display:block}.marine-detail-map,.marine-no-position{margin-top:20px}.marine-original,.marine-validity{padding:20px}.marine-original pre{font-size:12px;line-height:1.9}.marine-detail-title{padding-top:12px}.marine-detail-title h1{font-size:29px}.marine-detail-title .marine-code{font-size:11px}.marine-home h2,.marine-title h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.marine-card{transition:none}.marine-card:hover{transform:none}}