.weather-widget{background:var(--clr-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--transition-base);flex-direction:column;min-height:500px;display:flex;overflow:hidden}.weather-widget:hover{box-shadow:var(--shadow-card-hover)}.weather-widget-header{background:linear-gradient(135deg,var(--clr-primary)0%,var(--clr-primary-dark)100%);color:var(--clr-text-on-primary);padding:var(--space-6);justify-content:space-between;align-items:center;display:flex}.weather-header-content{align-items:center;gap:var(--space-3);display:flex}.weather-icon-header{width:24px;height:24px;color:var(--clr-accent)}.weather-widget-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--clr-text-on-primary);margin:0}.weather-location{font-size:var(--font-size-sm);opacity:.9;margin:0}.weather-widget-content{padding:var(--space-6);flex-direction:column;flex:1;min-height:0;display:flex}.weather-loading,.weather-message,.weather-error{text-align:center;color:var(--clr-text-muted);padding:var(--space-8)0;flex:1;justify-content:center;align-items:center;min-height:400px;display:flex}.weather-current{padding:var(--space-6)}.weather-main{margin-bottom:var(--space-6)}.weather-icon-temp{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.weather-icon-large{width:80px;height:80px}.weather-temp-group{flex-direction:column;display:flex}.weather-temp{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--clr-primary);line-height:1}.weather-feels-like{font-size:var(--font-size-sm);color:var(--clr-text-muted);margin-top:var(--space-1)}.weather-condition{margin-top:var(--space-2)}.weather-description{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--clr-text-main);text-transform:capitalize;margin:0}.weather-details{gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--clr-border-light);grid-template-columns:repeat(2,1fr);display:grid}.weather-detail-item{align-items:center;gap:var(--space-3);display:flex}.weather-detail-item svg{width:20px;height:20px;color:var(--clr-accent);flex-shrink:0}.weather-detail-item>div{flex-direction:column;gap:2px;display:flex}.weather-detail-label{font-size:var(--font-size-xs);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em}.weather-detail-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--clr-text-main)}.weather-forecast{padding:var(--space-6);border-top:1px solid var(--clr-border-light);background:var(--clr-bg-alt);flex-direction:column;min-height:200px;display:flex}.weather-forecast-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--clr-text-main);margin:0 0 var(--space-4)0;text-transform:uppercase;letter-spacing:.05em}.weather-forecast-grid{gap:var(--space-3);grid-template-columns:repeat(5,1fr);width:100%;display:grid}.weather-forecast-day{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--clr-surface);transition:all var(--transition-fast);flex-direction:column;min-width:0;display:flex}.weather-forecast-day:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.forecast-date{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em}.forecast-icon{flex-shrink:0;width:32px;height:32px}.forecast-temps{flex-direction:column;align-items:center;gap:2px;display:flex}.forecast-high{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--clr-text-main)}.forecast-low{font-size:var(--font-size-sm);color:var(--clr-text-muted)}.forecast-condition{color:var(--clr-text-muted);text-align:center;text-transform:capitalize;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.2;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.weather-forecast-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}@media (max-width:767px){.weather-forecast-grid{gap:var(--space-1);padding-bottom:var(--space-2);grid-template-columns:repeat(5,minmax(70px,1fr));overflow-x:auto}.weather-forecast-day{min-width:70px}.weather-icon-temp{text-align:center;flex-direction:column}.weather-details{grid-template-columns:1fr}}
.port-guide-page{background:var(--clr-bg);min-height:100vh;overflow-x:clip}.port-hero-country-badge{letter-spacing:.03em;color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;margin-top:8px;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-block}.port-guide-breadcrumb{display:none}.port-guide-breadcrumb ol{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.port-guide-breadcrumb li{font-size:var(--font-size-xs,.75rem);color:var(--clr-text-muted,#6b7280);align-items:center;line-height:1.4;display:inline-flex}.port-guide-breadcrumb li+li:before{content:"›";margin:0 var(--space-2,.5rem);color:var(--clr-text-muted,#6b7280);font-size:var(--font-size-sm,.875rem)}.port-guide-breadcrumb a{color:var(--clr-primary,#2c344c);text-decoration:none;transition:color .2s}.port-guide-breadcrumb a:hover{color:var(--clr-secondary,#d4b86a);text-decoration:underline}.port-guide-breadcrumb a:focus-visible{outline:2px solid var(--clr-secondary,#d4b86a);outline-offset:2px;border-radius:2px}.port-guide-breadcrumb li[aria-current=page]{color:var(--clr-text-main,#2c344c);font-weight:var(--font-weight-medium,500)}.port-back-section{margin-bottom:var(--space-8);padding-top:var(--space-6);justify-content:flex-start;display:flex}.port-back-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:var(--clr-primary);color:#fff;font-weight:500;font-size:var(--font-size-sm);border-radius:var(--radius-md);text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex}.port-back-btn:hover{background:var(--clr-primary-dark);color:#fff;transform:translate(-3px)}.destination-cta-section{margin:3rem 0;padding:0}.destination-cta-card{background:linear-gradient(135deg,var(--clr-primary)0%,var(--clr-primary-dark)100%);text-align:center;box-shadow:var(--shadow-md);border:1px solid #ffffff1a;border-radius:12px;padding:2.5rem}.destination-cta-card h3{color:var(--clr-accent);margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.destination-cta-card p{color:#ffffffd9;max-width:var(--layout-reading-width,900px);margin-bottom:1.5rem;margin-left:auto;margin-right:auto;line-height:1.6}.destination-cta-card .btn{margin:0 auto}.destination-cta-card .cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.content-loading-skeleton{padding:var(--space-6)0}.skeleton-tabs{margin-bottom:var(--space-6);border-bottom:2px solid var(--border-color,#e5e7eb);gap:.5rem;padding-bottom:.75rem;display:flex}.skeleton-tab{border-radius:var(--radius-sm,4px);background:var(--bg-muted,#f3f4f6);color:var(--text-muted,#9ca3af);padding:.5rem 1rem;font-size:.85rem;font-weight:500}.skeleton-block{border-radius:var(--radius-md,8px);background:linear-gradient(90deg,var(--bg-muted,#f3f4f6)25%,#e8e8e8 50%,var(--bg-muted,#f3f4f6)75%);background-size:200% 100%;margin-bottom:.75rem;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-block--wide{width:100%;height:1rem}.skeleton-block--narrow{width:60%;height:1rem}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.port-coming-soon-banner{background:linear-gradient(135deg,var(--clr-primary)0%,var(--clr-primary-dark)100%);border-radius:var(--radius-lg);padding:var(--space-8)var(--space-6);margin-bottom:var(--space-10);text-align:center;box-shadow:var(--shadow-md);border:3px solid var(--clr-accent)}.coming-soon-content h3{color:var(--clr-accent);font-size:var(--font-size-2xl);margin-bottom:var(--space-4);font-weight:600;font-family:var(--font-heading)}.coming-soon-content p{color:#fff;font-size:var(--font-size-lg);max-width:var(--layout-reading-width,900px);margin:0 auto;line-height:1.6}.coming-soon-weather-note{margin-top:var(--space-3);font-size:var(--font-size-base);opacity:.85;font-style:italic}.port-facts-bar{background:linear-gradient(135deg,var(--clr-primary)0%,var(--clr-primary-dark)100%);padding:var(--space-8)0}.facts-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.facts-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.facts-grid{grid-template-columns:repeat(6,1fr)}}.fact-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-top:3px solid var(--clr-accent);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;background:#ffffff1a;flex-direction:column;justify-content:center;align-items:center;min-height:90px;display:flex}.fact-label{font-size:var(--font-size-xs);color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1);font-weight:500;display:block}.fact-value{font-size:var(--font-size-sm);color:#fff;font-weight:600;display:block}.port-section h2{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--clr-text-main);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--clr-accent);font-weight:600;display:inline-block}.port-section h3{font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--clr-text-main);margin-bottom:var(--space-2);font-weight:600}.section-intro{font-size:var(--font-size-base);color:var(--clr-text-muted);margin-bottom:var(--space-6);max-width:70ch;line-height:1.7}.port-intro{margin-bottom:var(--space-12)}.intro-text{font-size:var(--font-size-lg);color:var(--clr-text-muted);max-width:80ch;line-height:1.8}.intro-highlight{margin-top:var(--space-6);padding:var(--space-6);background:linear-gradient(135deg,var(--clr-primary)0%,var(--clr-primary-dark)100%);border-radius:var(--radius-lg);color:#fff}.intro-highlight p{font-size:var(--font-size-base);margin:0;line-height:1.6}.attractions-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.attractions-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.attractions-grid{grid-template-columns:repeat(3,1fr)}}.attraction-card{border-radius:var(--radius-xl);border:1px solid var(--clr-border);background:#fff;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000014}.attraction-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.attraction-image{aspect-ratio:3/2;background:linear-gradient(135deg,var(--clr-primary)0%,var(--clr-primary-dark)100%);width:100%;max-height:350px;overflow:hidden}.attraction-image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s}.attraction-card:hover .attraction-image img{transform:scale(1.05)}.attraction-body{padding:var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.attraction-header{gap:var(--space-2);flex-direction:column;min-height:4rem;display:flex}.attraction-body h3{font-size:var(--font-size-xl);color:var(--clr-primary);margin:0}.attraction-duration{font-size:var(--font-size-xs);color:var(--clr-primary);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);background:#1967b21a;width:fit-content;font-weight:600;display:inline-block}.attraction-body p{font-size:var(--font-size-sm);color:var(--clr-text-muted);min-height:4.5rem;margin:0;line-height:1.6}.attraction-highlights{gap:var(--space-2);margin:var(--space-2)0;flex-wrap:wrap;align-items:flex-start;min-height:3rem;display:flex}.highlight-tag{font-size:var(--font-size-xs);color:#0d3a6b;padding:var(--space-1)var(--space-2);border-radius:var(--radius-md);background:#d4af3726;font-weight:600;display:inline-block}.attraction-good-for{font-size:var(--font-size-sm);color:var(--clr-text-muted);margin:var(--space-2)0;min-height:3rem}.attraction-good-for strong{color:var(--clr-text);font-weight:600}.attraction-tips{background:var(--clr-surface);border-left:3px solid var(--clr-accent);padding:var(--space-3);border-radius:var(--radius-md);margin:var(--space-3)0}.attraction-tips strong{font-size:var(--font-size-sm);color:var(--clr-primary);margin-bottom:var(--space-2);font-weight:600;display:block}.attraction-tips ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.attraction-tips li{font-size:var(--font-size-sm);color:var(--clr-text-muted);padding-left:var(--space-4);line-height:1.5;position:relative}.attraction-tips li:before{content:"✓";color:var(--clr-accent);font-weight:700;position:absolute;left:0}.attraction-footer{padding-top:var(--space-3);justify-content:flex-end;align-items:center;margin-top:auto;display:flex}.attraction-time{font-size:var(--font-size-xs);color:var(--clr-accent);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);background:#d4af371a;font-weight:500;display:inline-block}.google-maps-link{font-size:var(--font-size-xs);color:var(--clr-primary);font-weight:500;text-decoration:underline;transition:color .2s}.google-maps-link:hover{color:var(--clr-primary-dark);text-decoration:none}.port-weather{background:var(--clr-surface);margin-left:calc(-1*var(--space-4));margin-right:calc(-1*var(--space-4));padding:var(--space-8)var(--space-4);border-top:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border)}.weather-carousel-wrapper{margin-bottom:var(--space-8);display:block}.weather-arrow{display:none}.weather-arrow:hover:not(:disabled){background:var(--clr-primary);border-color:var(--clr-primary);color:#fff}.weather-arrow:disabled{opacity:.3;cursor:not-allowed}.weather-track{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.weather-track{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.weather-track{grid-template-columns:repeat(4,1fr)}}.weather-card{background:linear-gradient(135deg,var(--clr-primary)0%,var(--clr-primary-dark)100%);border-radius:var(--radius-xl);padding:var(--space-6);color:#fff;text-align:center}.weather-card-summer{background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);position:relative;overflow:hidden}.weather-card-summer:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-50%;right:-20%}.weather-card-spring{background:linear-gradient(135deg,#5fa8d3 0%,#4a8fb8 100%);position:relative}.weather-card-spring:after{content:"";pointer-events:none;background:#fff3;border-radius:50%;width:60px;height:40px;position:absolute;top:20%;left:10%;box-shadow:80px 0 0 -5px #ffffff26}.weather-card-winter{background:linear-gradient(135deg,#6b7b8c 0%,#556270 100%);position:relative}.weather-month{font-size:var(--font-size-xl);margin-bottom:var(--space-4);font-weight:600}.weather-temps{justify-content:center;gap:var(--space-8);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid #fff3;display:flex}.temp-high,.temp-low{text-align:center}.temp-num{font-size:var(--font-size-3xl);font-weight:700;line-height:1;display:block}.temp-type{font-size:var(--font-size-xs);opacity:.7;text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1);display:block}.weather-stats{justify-content:space-between;display:flex}.stat{text-align:center}.stat-val{font-size:var(--font-size-lg);font-weight:600;display:block}.stat-lbl{font-size:var(--font-size-xs);opacity:.7;display:block}.best-time-box{border-radius:var(--radius-xl);padding:var(--space-8);background:#fff;box-shadow:0 4px 20px #00000014}.best-time-box h3{color:var(--clr-primary);margin-bottom:var(--space-6);font-size:var(--font-size-xl)}.best-time-grid{gap:var(--space-6);margin-bottom:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.best-time-grid{grid-template-columns:repeat(3,1fr)}}.best-time-item strong{font-size:var(--font-size-sm);color:var(--clr-accent);margin-bottom:var(--space-2);display:block}.best-time-item p{font-size:var(--font-size-sm);color:var(--clr-text-muted);margin:0;line-height:1.5}.best-time-rec{color:var(--clr-text-muted);padding-top:var(--space-4);border-top:1px solid var(--clr-border);margin:0;font-style:italic}.transport-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:640px){.transport-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.transport-grid{grid-template-columns:repeat(3,1fr)}}.transport-card{border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-6);background:#fff;transition:box-shadow .2s;box-shadow:0 2px 8px #0000000a}.transport-card:hover{box-shadow:0 4px 16px #00000014}.transport-card h3{color:var(--clr-primary);font-size:var(--font-size-base);margin-bottom:var(--space-3)}.transport-card p{font-size:var(--font-size-sm);color:var(--clr-text-muted);margin:0;line-height:1.6}.beach-layout{gap:var(--space-8);border-radius:var(--radius-xl);background:#fff;grid-template-columns:1fr;align-items:center;display:grid;overflow:hidden;box-shadow:0 4px 20px #00000014}@media (min-width:768px){.beach-layout{grid-template-columns:1fr 1fr}}.beach-image{background:linear-gradient(135deg,var(--clr-primary)0%,var(--clr-primary-dark)100%);height:100%;min-height:300px}.beach-image img{object-fit:cover;width:100%;height:100%}.beach-info{padding:var(--space-8);flex-direction:column;display:flex}.beach-info h3{font-size:var(--font-size-2xl);color:var(--clr-primary);margin-bottom:var(--space-4)}.beach-info p{font-size:var(--font-size-base);color:var(--clr-text-muted);margin-bottom:var(--space-4);line-height:1.7}.beach-distance{font-size:var(--font-size-sm);padding:var(--space-4);background:var(--clr-surface);border-radius:var(--radius-md)}.beach-characteristics{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.beach-tag{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:#0d3a6b;text-transform:capitalize;background:#d4af3726;font-weight:600;display:inline-block}.beach-facilities{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.facility-tag{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:#0d3a6b;background:#d4af3726;font-weight:600;display:inline-flex}.beach-best-for{font-size:var(--font-size-sm);color:var(--clr-text-muted);margin-bottom:var(--space-3)}.beach-access{font-size:var(--font-size-sm);padding:var(--space-4);background:var(--clr-surface);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.beach-access p{margin-bottom:var(--space-2)}.beach-access p:last-child{margin-bottom:0}.access-notes{color:var(--clr-text-muted);font-style:italic}.beach-tip{font-size:var(--font-size-sm);padding:var(--space-3);background:var(--clr-warning-light);border-left:3px solid var(--clr-warning);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.beach-info .google-maps-link-large{align-self:flex-end;margin-top:auto}.food-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:640px){.food-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.food-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.food-card-simple{border:1px solid var(--clr-border);border-radius:var(--radius-xl);padding:var(--space-6);background:#fff;flex-direction:column;min-height:200px;transition:all .3s;display:flex;box-shadow:0 2px 12px #0000000f}.food-card-simple:hover{border-color:var(--clr-primary);transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.food-card-simple .food-type{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--clr-accent);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);width:fit-content;margin-bottom:var(--space-2);background:#d4af371a;font-weight:600;display:inline-block}.food-card-simple h3{font-size:var(--font-size-xl);color:var(--clr-text);margin:0 0 var(--space-2)0;font-weight:700}.food-card-simple p{font-size:var(--font-size-base);color:var(--clr-text-muted);flex-grow:1;margin:0;line-height:1.6}.food-card-simple .google-maps-link{padding-top:var(--space-4);align-self:flex-end;margin-top:auto}.food-card{border-radius:var(--radius-lg);border:1px solid var(--clr-border);background:#fff;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 12px #0000000f}.food-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.food-image{aspect-ratio:3/2;background:linear-gradient(135deg,var(--clr-primary)0%,var(--clr-primary-dark)100%);overflow:hidden}.food-image img{object-fit:cover;width:100%;height:100%}.food-body{padding:var(--space-4)}.food-type{font-size:var(--font-size-xs);color:var(--clr-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-weight:600;display:inline-block}.food-body h3{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.food-body p{font-size:var(--font-size-sm);color:var(--clr-text-muted);margin:0;line-height:1.5}.excursions-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:768px){.excursions-grid{grid-template-columns:repeat(2,1fr)}}.excursion-card{border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-6);background:#fff;box-shadow:0 2px 8px #0000000a}.excursion-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.excursion-card p{font-size:var(--font-size-sm);color:var(--clr-text-muted);margin-bottom:var(--space-4);line-height:1.6}.excursion-meta{gap:var(--space-3);flex-wrap:wrap;display:flex}.exc-duration,.exc-book{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-3);background:var(--clr-surface);border-radius:var(--radius-full);color:var(--clr-text-muted)}.tips-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.tips-grid{grid-template-columns:repeat(2,1fr)}}.tip-card{border-left:4px solid var(--clr-accent);border-radius:var(--radius-md);padding:var(--space-5);background:#fff;box-shadow:0 2px 8px #0000000a}.tip-card p{font-size:var(--font-size-sm);color:var(--clr-text-muted);margin:0;line-height:1.6}.about-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:640px){.about-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.about-grid{grid-template-columns:repeat(3,1fr)}}.about-card{border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-6);background:#fff;box-shadow:0 2px 8px #0000000a}.about-card h3{font-size:var(--font-size-base);color:var(--clr-primary);margin-bottom:var(--space-3);font-weight:600}.about-card p{font-size:var(--font-size-sm);color:var(--clr-text-muted);margin:0;line-height:1.6}.connections-grid-three{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.connections-grid-three{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.connections-grid-three{grid-template-columns:repeat(3,1fr)}}.connections-grid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.connections-grid{grid-template-columns:repeat(2,1fr)}}.connection-card{background:var(--clr-surface);border-radius:var(--radius-lg);padding:var(--space-6)}.connection-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.connection-card p{font-size:var(--font-size-sm);color:var(--clr-text-muted);margin-bottom:var(--space-2);line-height:1.6}.connection-card p:last-child{margin-bottom:0}.faq-list{gap:var(--space-4);display:grid}.faq-item{border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-6);background:#fff;box-shadow:0 2px 8px #0000000a}.faq-item h3{font-size:var(--font-size-base);color:var(--clr-primary);margin-bottom:var(--space-2);font-weight:600}.faq-item p{font-size:var(--font-size-sm);color:var(--clr-text-muted);margin:0;line-height:1.6}.port-feedback-section{padding:var(--space-4)0 var(--space-8)}.feedback-card{border:1px solid var(--clr-border-light,#f2efe9);border-radius:var(--radius-lg,12px);padding:var(--space-8,2rem);background:#fff;box-shadow:0 2px 8px #0000000f}.feedback-container{text-align:left;max-width:100%}.feedback-rating{margin-bottom:var(--space-4);text-align:left}.feedback-reviews{margin-top:var(--space-6)}.port-cta{padding:var(--space-16)0}.cta-box{background:linear-gradient(135deg,var(--clr-primary)0%,var(--clr-primary-dark)100%);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;color:#fff}.cta-box h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--clr-accent);margin-bottom:var(--space-4);font-weight:600}.cta-box p{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--space-8);max-width:60ch;margin-left:auto;margin-right:auto;line-height:1.6}.cta-buttons{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.cta-buttons .btn-outline{color:#fff;border-color:#fff}.cta-buttons .btn-outline:hover{color:var(--clr-primary);background:#fff}.port-navigation-footer{background:var(--clr-surface);border-top:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border);padding:var(--space-6)0;margin-top:var(--space-12)}.port-nav-links{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.port-nav-link{font-size:var(--font-size-sm);color:var(--clr-primary);padding:var(--space-2)0;font-weight:500;text-decoration:none;transition:color .2s}.port-nav-link:hover{color:var(--clr-primary-dark);text-decoration:underline}.port-nav-links{text-align:center;flex-direction:column;align-items:stretch}.port-nav-prev,.port-nav-next,.port-nav-home{margin:0}@media (min-width:768px){.port-nav-links{text-align:left;flex-direction:row;align-items:center}.port-nav-prev{margin-right:auto}.port-nav-next{margin-left:auto}}.port-footer{background:var(--clr-surface);border-top:1px solid var(--clr-border);padding:var(--space-8)0;text-align:center}.port-footer p{font-size:var(--font-size-sm);color:var(--clr-text-light);margin:0 0 var(--space-2);line-height:1.6}.port-footer .disclaimer-text{width:100%;max-width:100%;margin:0 auto var(--space-3);font-size:var(--font-size-xs,.75rem);font-style:italic;line-height:1.5}.port-footer .disclaimer-text strong{color:var(--clr-text);font-style:normal}.update-date{color:var(--clr-text-muted);font-weight:500}.port-content{padding:var(--space-8)0 var(--space-12)}.port-section{margin-bottom:var(--space-10)}@media (min-width:768px){.port-content{padding:var(--space-12)0 var(--space-16)}.port-section{margin-bottom:var(--space-16)}.port-section h2{font-size:var(--font-size-2xl)}.port-weather{padding:var(--space-12)calc(50vw - 50%);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.cta-box{padding:var(--space-12)}.cta-box h2{font-size:var(--font-size-3xl)}}.related-ports-section{padding:var(--space-12)0;background:var(--clr-bg-alt,#f8f9fa)}.related-ports-grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:1fr;display:grid}.related-port-card{padding:var(--space-4)var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--clr-border);color:inherit;background:#fff;justify-content:space-between;align-items:center;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.related-port-card:hover{border-color:var(--clr-primary);transform:translateY(-2px);box-shadow:0 4px 12px #2c344c1a}.related-port-info h3{font-size:var(--font-size-lg);color:var(--clr-text);margin:0 0 var(--space-1);font-weight:600}.related-port-country{font-size:var(--font-size-sm);color:var(--clr-text-muted);display:block}.related-port-tagline{font-size:var(--font-size-sm);color:var(--clr-text-light);margin:var(--space-2)0 0;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.related-port-icon{color:var(--clr-primary);opacity:.6;flex-shrink:0;transition:opacity .2s}.related-port-card:hover .related-port-icon{opacity:1}.related-ports-cta{text-align:center;margin-top:var(--space-8)}.view-all-link{color:var(--clr-primary);font-weight:600;font-size:var(--font-size-base);align-items:center;text-decoration:none;transition:color .2s;display:inline-flex}.view-all-link:hover{color:var(--clr-primary-dark)}@media (min-width:768px){.related-ports-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.related-port-card{padding:var(--space-5)var(--space-6)}}.related-ports-scroll{gap:var(--space-4);scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:var(--space-6)var(--space-2)var(--space-3);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--clr-border)transparent;margin:0;display:flex;overflow-x:auto}.related-ports-scroll::-webkit-scrollbar{height:6px}.related-ports-scroll::-webkit-scrollbar-track{background:0 0}.related-ports-scroll::-webkit-scrollbar-thumb{background:var(--clr-border);border-radius:3px}.related-port-card-v2{scroll-snap-align:start;border-radius:var(--radius-lg);border:1px solid var(--clr-border);color:inherit;background:#fff;flex:0 0 180px;text-decoration:none;transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #0000000f}.related-port-card-v2:hover{border-color:var(--clr-primary);transform:translateY(-3px);box-shadow:0 6px 20px #2c344c1f}.related-port-card-image{background-color:var(--clr-bg-alt);width:100%;height:100px}.related-port-card-image--no-img{background:linear-gradient(135deg,var(--clr-primary,#2c344c)0%,var(--clr-secondary,#d4b86a)100%);opacity:.6}.related-port-card-content{padding:var(--space-3)}.related-port-card-content h3,.related-port-card-name{font-size:var(--font-size-base);color:var(--clr-text);margin:0 0 var(--space-1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.related-port-card-v2 .related-port-country{font-size:var(--font-size-sm);color:var(--clr-text-muted);margin-bottom:var(--space-2);display:block}.related-port-card-v2 .related-port-tagline{color:var(--clr-text-light);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}@media (min-width:768px){.related-ports-scroll{gap:var(--space-5);padding:var(--space-8)0 var(--space-4)0}.related-port-card-v2{flex:0 0 220px}.related-port-card-image{height:120px}.related-port-card-content{padding:var(--space-4)}}