/* Static harbor artwork in the globe's existing two-column media footprint. */
/* The reference outline covers only the map and sidebar, not the heading above. */
body.about-editorial-page .local-exploration { align-items:start; background:linear-gradient(rgba(247,251,254,.06),rgba(247,251,254,.10)); }
body.about-editorial-page .local-exploration .local-map-figure { width:100%; min-width:0; margin:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.local-map-frame { position:relative; min-width:0; }
.local-map-stage { display:flex; align-items:center; justify-content:center; height:610px; min-width:0; overflow:hidden; background:transparent; }
.local-map-stage:focus-visible { outline:3px solid #239fca; outline-offset:-3px; }
.harbor-artwork { position:relative; width:85%; max-width:673px; flex:none; border:1px solid #b8d9e8; border-radius:12px; background:#fff; box-shadow:0 0 0 3px #c7eaf44d,0 8px 28px #4cc9f01a,0 24px 44px -12px #30495945; transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition:transform .2s ease-out,box-shadow .2s ease-out; }
.harbor-artwork::after { content:''; position:absolute; inset:0; z-index:2; border-radius:inherit; pointer-events:none; opacity:0; background:radial-gradient(circle at var(--gloss-x,50%) var(--gloss-y,45%),rgba(255,255,255,.52),rgba(255,255,255,.14) 22%,transparent 60%),linear-gradient(112deg,transparent 22%,rgba(255,255,255,.12) 45%,transparent 68%); transition:opacity .2s ease-out; }
.harbor-artwork.is-reacting { box-shadow:0 0 0 3px #c7eaf46e,0 12px 32px #4cc9f024,0 30px 50px -12px #30495955; }
.harbor-artwork.is-reacting::after { opacity:1; }
.harbor-artwork:focus-within::after { opacity:.35; }
@media (prefers-reduced-motion:reduce) { .harbor-artwork,.harbor-artwork::after { transition:none; } .harbor-artwork { transform:none; } }
body.about-editorial-page .harbor-artwork img { display:block; width:100%; height:auto; margin:0; border:0; border-radius:11px; }
body.about-editorial-page .local-location-panel { min-width:0; background:rgba(250,253,255,.86); border-radius:12px; }
@media (min-width:1051px) { body.about-editorial-page .local-location-panel { margin-top:50px; } }
/* Transparent native buttons use the original image's existing label cards. */
.harbor-label-choices { position:absolute; inset:0; pointer-events:none; }
body.about-editorial-page .harbor-label-button { position:absolute; width:23.54%; height:9.35%; padding:0; min-height:44px; border:2px solid transparent; border-radius:9px; background:transparent; cursor:pointer; pointer-events:auto; }
.harbor-label-button--carson { left:24.27%; top:22.35%; }
.harbor-label-button--customs { left:51.83%; top:22.35%; }
.harbor-label-button--la { left:22.95%; top:72.88%; }
.harbor-label-button--lb { left:66.5%; top:72.88%; }
body.about-editorial-page .harbor-label-button--corridor { left:40.92%; top:46%; width:26.4%; height:8.65%; }
body.about-editorial-page .harbor-label-button:hover { border-color:#71c4dc; background:rgb(76 201 240 / 5%); }
body.about-editorial-page .harbor-label-button[aria-pressed="true"] { border-color:#258fb0; box-shadow:0 0 0 3px rgb(76 201 240 / 15%); }
body.about-editorial-page .harbor-label-button:focus-visible { outline:3px solid #155a77; outline-offset:3px; }
#local-location-name { margin:0 0 9px; color:#236d8d; font:700 15px/1.4 Inter,sans-serif; }
#local-location-detail { min-height:185px; }
.local-location-note { min-height:145px; padding:15px 14px; border:1px solid #d9eaf2; border-radius:12px; background:#f3fafd; }
.local-location-note h4 { margin:0 0 9px; color:#173f59; font:700 19px/1.3 Montserrat,Inter,sans-serif; }
.local-location-note p { margin:0; color:#4c697b; font-size:15px; line-height:1.6; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; line-clamp:6; max-height:9.6em; max-height:6lh; overflow:hidden; }
.local-directions-link { display:inline-flex; align-items:center; gap:9px; min-height:44px; margin-top:9px; color:#236d8d; font-size:15px; font-weight:700; text-decoration:none; }
.local-directions-link:hover { text-decoration:underline; text-underline-offset:3px; }
body.about-editorial-page .local-directions-link:focus-visible { outline:3px solid #239fca; outline-offset:3px; }
@media(max-width:760px) {
  .local-map-stage { height:510px; justify-content:flex-start; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; scrollbar-color:#8ab3c5 #edf6fa; }
  .harbor-artwork { width:527px; min-width:527px; margin:0 18px; }
  body.about-editorial-page .local-location-panel { margin:0 12px 16px; padding:16px; }
  .local-location-note { min-height:0; }
}