/* Logistics overview and its entry card on the cruising-ground index. */
.cruising-page .lg-feature { display: grid; gap: 1.4rem; margin-block: 2rem 4rem; padding: 1.1rem; background: #ececde; border: 1px solid #d1d7c6; scroll-margin-top: 1.5rem; }
.cruising-page .lg-feature > * { min-width: 0; }
.cruising-page .lg-photo { margin: 0; }
.cruising-page .lg-map { width: 100%; max-width: 420px; margin-inline: auto; }
.cruising-page .lg-photo > a { display: block; }
.cruising-page .lg-photo img { width: 100%; height: auto; }
.cruising-page .lg-photo figcaption { color: var(--muted); font-size: .85rem; line-height: 1.6; padding-top: .5rem; }
.cruising-page .lg-photo figcaption a { display: inline-flex; align-items: center; min-height: 44px; }
.cruising-page .lg-copy { padding-block: .2rem .5rem; }
.cruising-page .lg-copy h2 { margin-block: .6rem 1rem; }
.cruising-page .lg-copy p { max-width: 38rem; }
.cruising-page .lg-copy .lg-category { color: var(--teal); font-weight: 600; }
.cruising-page .lg-copy .cg-button { margin-top: 1.2rem; min-height: 48px; max-width: 100%; text-align: center; }
.logistics-page main { overflow-wrap: break-word; }
.logistics-page .lg-intro { padding-block: 1.25rem .5rem; }
.logistics-page .lg-intro > .cg-link { margin-bottom: 1.5rem; }
.logistics-page .lg-intro h1 { font-size: clamp(2.8rem, 6vw, 5.5rem); margin-block: .6rem 1.2rem; }
.logistics-page .lg-intro .lede { max-width: 43rem; font-size: 1.15rem; }
.logistics-page .lg-atlas { padding-block: 1.5rem 1rem; }
.logistics-page .lg-atlas .atlas-map { position: static; }
.logistics-page .lg-atlas .atlas-map-svg { border-radius: 4px; }
.logistics-page .lg-atlas .lg-region-label { fill: #244e55; font: 600 28px Arial, sans-serif; }
.logistics-page .lg-atlas .lg-country-label { fill: #52696b; font: 24px Arial, sans-serif; }
.logistics-page .lg-atlas .lg-north { fill: none; stroke: #527a73; stroke-width: 2; }
.logistics-page .lg-atlas figcaption a { display: inline-flex; align-items: center; min-height: 44px; }
@media (min-width: 800px) {
  .cruising-page .lg-feature { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); align-items: center; gap: 2rem; padding: 2rem; }
  .cruising-page .lg-copy { padding-block: 1rem; }
  .logistics-page .lg-intro { padding-top: 1.75rem; }
}

/* Keep a text-only section readable while its photograph is unavailable. */
.cruising-page .lg-feature > :only-child { grid-column: 1 / -1; max-width: 52rem; }
