*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F3FAF7;color:#1E403A;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}.ui-locked{overflow:hidden}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}button{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:#fff;color:#0B5C52;padding:10px 14px;border-radius:8px}.skip-link:focus{top:8px}.tide-line{position:fixed;top:0;left:0;right:0;z-index:80;height:22px;background:#0B5C52;color:#fff;font-size:12px}.top-inner,.cape-inner,.tabs-inner,.site-main,.footer-inner{width:min(1120px,calc(100% - 32px));margin:0 auto}.top-inner{height:22px;display:flex;align-items:center;justify-content:space-between}.top-search{border:0;background:transparent;color:#fff;height:22px;padding:0 8px;cursor:pointer}.cape-bar{position:fixed;top:22px;left:0;right:0;z-index:79;height:60px;background:#fff;border-bottom:1px solid rgba(15,122,107,.16)}.cape-inner{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.brand-link{justify-self:start;min-height:44px;display:inline-flex;align-items:center}.brand-logo,.drawer-logo,.footer-logo{height:28px;max-width:160px;object-fit:contain;object-position:center}.brand-text{font-size:16px;font-weight:800;color:#12332E}.dock-button,.app-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px}.dock-button{border:1px solid rgba(15,122,107,.42);background:#fff;color:#0B5C52;padding:0 18px;cursor:pointer}.app-link{justify-self:end;padding:0 16px;color:#fff;background:linear-gradient(135deg,#1B9A88 0%,#0F7A6B 55%,#0B5C52 100%)}.island-tabs{position:fixed;top:82px;left:0;right:0;z-index:78;height:40px;background:#D8EFE8;border-bottom:1px solid rgba(15,122,107,.16)}.tabs-inner{height:40px;display:flex;justify-content:center;align-items:center;gap:10px}.tabs-inner a{font-size:13px;padding:5px 14px;border-radius:999px;color:#1E403A}.tabs-inner a.is-active{background:#0F7A6B;color:#fff}.site-main{padding-top:150px;padding-bottom:48px}h1,h2,h3{color:#12332E;margin:0 0 12px}h1{font-size:24px;line-height:1.3}h2{font-size:20px;line-height:1.4}h3{font-size:16px;line-height:1.45}p{margin:0 0 14px}.eyebrow{font-size:13px;color:#0F7A6B;font-weight:800;letter-spacing:.06em}.lead{font-size:16px;color:#2B524B}.page-head{margin-bottom:24px}.page-head p{max-width:860px}.card,.section-block,.hero-copy,.timeline-item,.faq-item,.route-card,.note-card{background:#fff;border:1px solid rgba(15,122,107,.16);border-radius:12px;box-shadow:0 12px 28px rgba(11,92,82,.08)}.section-block{padding:24px;margin:0 0 22px}.section-block.sand{background:#F7F1E6}.section-block.mint{background:#E4F3EE}.hero-slot,.image-slot{background:#F7F1E6;border:1px solid rgba(15,122,107,.16);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-slot{height:260px}.hero-slot img,.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.hero-copy{margin-top:16px;padding:24px}.hero-copy .buttons{display:flex;gap:10px;flex-wrap:wrap}.button-primary,.button-secondary{min-height:42px;padding:0 16px;border-radius:10px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.button-primary{color:#fff;background:linear-gradient(135deg,#1B9A88 0%,#0F7A6B 55%,#0B5C52 100%)}.button-secondary{background:#fff;color:#0B5C52;border:1px solid rgba(15,122,107,.42)}a:hover,.top-search:hover,.dock-button:hover,.close-button:hover{filter:brightness(.97)}a:focus-visible,button:focus-visible{outline:3px solid rgba(27,154,136,.35);outline-offset:2px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{padding:18px}.card .image-slot{height:180px;margin-bottom:14px}.image-slot.medium{height:200px}.image-slot.tall{height:min(360px,55vw)}.number-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.number-item{background:#E4F3EE;border-radius:10px;padding:15px}.number-item strong{display:block;color:#0F7A6B;font-size:18px}.shelf-list{display:grid;gap:10px}.shelf-item{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(15,122,107,.16)}.shelf-item:last-child{border-bottom:0}.shelf-item strong{color:#0B5C52}.port-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.port-card{background:#fff;border:1px solid rgba(15,122,107,.16);border-radius:12px;padding:16px}.timeline{position:relative;margin-left:7px;padding-left:26px}.timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:#A7D8CC}.timeline-item{position:relative;padding:18px;margin-bottom:14px}.timeline-item:before{content:"";position:absolute;left:-28px;top:22px;width:12px;height:12px;border-radius:50%;background:#0F7A6B;border:3px solid #F3FAF7}.status{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#D8EFE8;color:#0B5C52;font-size:12px;font-weight:800}.directory{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.directory a{background:#fff;border:1px solid rgba(15,122,107,.16);border-radius:12px;padding:18px;display:block}.directory a strong{display:block;color:#0B5C52;margin-bottom:5px}.article p{margin-bottom:16px}.article h2{margin-top:26px}.article ul{padding-left:20px}.article li{margin-bottom:8px}.routes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.route-card,.note-card{padding:20px}.faq-list{display:grid;gap:14px}.faq-item{padding:20px}.faq-item h2{font-size:17px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}.tag-row span{background:#D8EFE8;color:#0B5C52;border-radius:999px;padding:5px 10px;font-size:12px}.site-footer{background:#0B5C52;color:#D8EFE8;border-top:1px solid #F7F1E6;padding:38px 0 calc(26px + env(safe-area-inset-bottom))}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.footer-brand strong{display:block;color:#fff}.footer-brand span{font-size:12px;color:#D8EFE8}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h2{font-size:14px;color:#fff}.footer-grid a{display:block;font-size:13px;padding:4px 0}.footer-note,.footer-copy{font-size:13px;margin-top:24px;color:#D8EFE8}.footer-copy{opacity:.85}.page-mask{position:fixed;inset:0;z-index:89;background:rgba(5,35,31,.52);opacity:0;pointer-events:none;transition:.2s}.page-mask.is-open{opacity:1;pointer-events:auto}.harbor-drawer{position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(400px,86vw);background:#F3FAF7;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility .24s;overflow:auto}.harbor-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#fff;border-bottom:1px solid rgba(15,122,107,.16);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;z-index:2}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand strong,.drawer-brand span{display:block}.drawer-brand span{font-size:12px;color:#4E6F68}.close-button{min-height:44px;border:1px solid rgba(15,122,107,.42);background:#fff;color:#0B5C52;border-radius:10px;padding:0 14px;cursor:pointer}.drawer-groups{padding:16px}.drawer-groups section{margin-bottom:22px}.drawer-groups h2{font-size:14px}.drawer-groups a{display:block;background:#fff;border:1px solid rgba(15,122,107,.16);border-radius:10px;padding:12px 14px;margin-bottom:8px}.drawer-groups a strong{display:block;color:#12332E}.drawer-groups a span{display:block;font-size:12px;color:#4E6F68;margin-top:2px}.search-layer{position:fixed;left:0;right:0;top:82px;z-index:90;visibility:hidden;pointer-events:none}.search-layer.is-open{visibility:visible;pointer-events:auto}.search-card{width:min(820px,calc(100% - 32px));margin:12px auto 0;background:#fff;border:1px solid rgba(15,122,107,.16);border-radius:14px;box-shadow:0 18px 44px rgba(11,92,82,.16);padding:20px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.search-presets a{min-height:44px;border:1px solid rgba(15,122,107,.16);background:#E4F3EE;border-radius:10px;display:flex;align-items:center;padding:0 12px;color:#0B5C52}.mobile-bottom{display:none}.muted{color:#4E6F68}.mini{font-size:13px;color:#6A8A82}.callout{border-left:4px solid #0F7A6B;background:#E4F3EE;padding:16px 18px;border-radius:0 12px 12px 0}.app-layout{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:22px;align-items:start}.index-section{margin-top:28px}.index-section>.section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px}.index-section>.section-title a{font-size:13px;color:#0F7A6B}.brand-story{display:grid;grid-template-columns:1fr 1fr;gap:18px}.no-image:after{content:"";display:block;width:30%;height:6px;border-radius:999px;background:rgba(15,122,107,.12)}
@media(max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}.port-cards{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.app-layout,.brand-story{grid-template-columns:1fr}.number-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.island-tabs{display:none}.site-main{padding-top:110px;padding-bottom:86px}.top-inner,.cape-inner,.site-main,.footer-inner{width:min(100% - 32px,1120px)}.cape-inner{grid-template-columns:1fr auto 1fr}.brand-logo{max-width:120px}.dock-button,.app-link{padding:0 12px}.hero-slot{height:220px}.grid-3,.grid-2,.routes,.directory{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.number-list{grid-template-columns:1fr 1fr}.port-cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:77;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid rgba(15,122,107,.16);display:grid;grid-template-columns:repeat(5,1fr)}.mobile-bottom a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#1E403A}.mobile-bottom a.is-active{background:#0F7A6B;color:#fff}.search-layer{top:0;bottom:0;background:#0B5C52;color:#fff;overflow:auto}.search-card{width:100%;min-height:100%;margin:0;border:0;border-radius:0;background:#0B5C52;color:#fff;box-shadow:none;padding:calc(24px + env(safe-area-inset-top)) 16px 80px}.search-head h2,.search-card p{color:#fff}.search-card .close-button{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.search-presets{grid-template-columns:1fr 1fr}.search-presets a{background:#fff;color:#0B5C52}.footer-note,.footer-copy{padding-right:4px}}
@media(max-width:420px){.grid-4,.number-list,.footer-grid,.search-presets{grid-template-columns:1fr}.cape-inner{gap:6px}.dock-button,.app-link{font-size:13px;padding:0 10px}.brand-logo{max-width:102px}.hero-slot{height:190px}.section-block,.hero-copy{padding:18px}}

.spaced-top{margin-top:14px}.spaced-top-lg{margin-top:16px}.port-cards.single-column{grid-template-columns:1fr}.app-icon-row{display:flex;align-items:center;gap:10px;margin-top:12px}.app-icon{width:48px;height:48px;object-fit:contain;object-position:center}.section-after-media{margin-top:16px}