.ports-hero[data-astro-cid-qfjygtpr]{background:linear-gradient(to right,#0a1628e6,#0a1628b3 55%,#0a162866),url(/images/hero-ports.jpg) center/cover no-repeat;background-color:var(--navy);padding:var(--sp-16) var(--sp-6) var(--sp-12)}.ports-hero[data-astro-cid-qfjygtpr] h1[data-astro-cid-qfjygtpr]{color:var(--white);font-size:var(--text-4xl);margin:0 0 var(--sp-3)}.ports-hero[data-astro-cid-qfjygtpr] p[data-astro-cid-qfjygtpr]{color:#fffc;font-size:var(--text-lg);max-width:600px;margin:0}.ports-body[data-astro-cid-qfjygtpr]{padding:var(--sp-10) var(--sp-6) var(--sp-16)}.type-nav[data-astro-cid-qfjygtpr]{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-10)}.type-pill[data-astro-cid-qfjygtpr]{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);border:1px solid var(--light-grey);font-size:var(--text-sm);font-weight:500;color:var(--slate);text-decoration:none;transition:all var(--t-fast);background:var(--white)}.type-pill[data-astro-cid-qfjygtpr]:hover,.type-pill[data-astro-cid-qfjygtpr].active{background:var(--navy);color:var(--white);border-color:var(--navy)}.port-section[data-astro-cid-qfjygtpr]{margin-bottom:var(--sp-16)}.section-head[data-astro-cid-qfjygtpr]{margin-bottom:var(--sp-6)}.section-head[data-astro-cid-qfjygtpr] h2[data-astro-cid-qfjygtpr]{font-size:var(--text-2xl);color:var(--navy);margin:0 0 var(--sp-1)}.section-head[data-astro-cid-qfjygtpr] p[data-astro-cid-qfjygtpr]{font-size:var(--text-base);color:var(--slate);margin:0}.ports-grid[data-astro-cid-qfjygtpr]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-5)}.port-card[data-astro-cid-qfjygtpr]{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);text-decoration:none;transition:transform var(--t-fast),box-shadow var(--t-fast)}.port-card[data-astro-cid-qfjygtpr]:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.port-card-img[data-astro-cid-qfjygtpr]{height:140px;background:linear-gradient(135deg,var(--navy) 0%,var(--teal) 100%) center/cover no-repeat}.port-card-img--juneau[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/juneau.jpg)}.port-card-img--ketchikan[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/ketchikan.jpg)}.port-card-img--skagway[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/skagway.jpg)}.port-card-img--icy-strait-point[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/icy-strait-point.jpg)}.port-card-img--sitka[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/sitka.jpg)}.port-card-img--victoria-bc[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/victoria-bc.jpg)}.port-card-img--seattle[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/seattle.jpg)}.port-card-img--seward[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/seward.jpg)}.port-card-img--vancouver[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/vancouver.jpg)}.port-card-img--glacier-bay[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/glacier-bay.jpg)}.port-card-img--hubbard-glacier[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/hubbard-glacier.jpg)}.port-card-img--wrangell[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/wrangell.jpg)}.port-card-img--haines[data-astro-cid-qfjygtpr]{background-image:url(/images/ports/haines.jpg)}.port-card-body[data-astro-cid-qfjygtpr]{padding:var(--sp-4) var(--sp-5) var(--sp-5)}.port-card-body[data-astro-cid-qfjygtpr] .badge[data-astro-cid-qfjygtpr]{margin-bottom:var(--sp-2)}.port-card-body[data-astro-cid-qfjygtpr] h2[data-astro-cid-qfjygtpr],.port-card-body[data-astro-cid-qfjygtpr] h3[data-astro-cid-qfjygtpr]{font-size:var(--text-lg);color:var(--navy);margin:var(--sp-2) 0 var(--sp-1)}.port-card-body[data-astro-cid-qfjygtpr] p[data-astro-cid-qfjygtpr]{font-size:var(--text-sm);color:var(--mid-grey);margin:0 0 var(--sp-2)}.port-meta[data-astro-cid-qfjygtpr]{font-size:var(--text-xs);color:var(--teal-dark);font-weight:500}.empty-note[data-astro-cid-qfjygtpr]{color:var(--slate);font-style:italic;padding:var(--sp-8) 0}@media(max-width:540px){.ports-grid[data-astro-cid-qfjygtpr]{grid-template-columns:1fr}}
