/* Map navigation and route cards; scoped to this guide. */
.maps-guide-page{--map-ink:#153251;--map-muted:#53677e;--map-border:#d7e3f0;--map-surface:#f2f7fc}
.maps-guide-page .map-lead{font-size:1.1rem;color:var(--map-muted);margin:0 0 18px;line-height:1.6}
.maps-guide-page .map-sea-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 8px}
.maps-guide-page .map-sea-nav a{display:flex;flex-direction:column;gap:6px;padding:16px 10px;border-radius:14px;border:1px solid var(--map-border);background:var(--map-surface);color:var(--map-ink);text-decoration:none;text-align:center;min-width:0}
.maps-guide-page .map-sea-nav strong{font-size:1.12rem}
.maps-guide-page .map-sea-nav span{font-size:.86rem;color:var(--map-muted);font-variant-numeric:tabular-nums}
.maps-guide-page .map-sea-nav a:hover{border-color:#4586d2;background:#e6f1ff}
.maps-guide-page a:focus-visible,.maps-guide-page summary:focus-visible{outline:3px solid #2876c8;outline-offset:4px}
.maps-guide-page .map-actions,.maps-guide-page .map-next{display:flex;flex-wrap:wrap;gap:6px 20px;margin:12px 0}
.maps-guide-page .map-actions a,.maps-guide-page .map-next a{display:inline-flex;align-items:center;min-height:44px;font-weight:800;line-height:1.5}
.maps-guide-page .map-scope{font-size:.86rem;color:var(--map-muted);line-height:1.7;margin:12px 0 0}
.maps-guide-page .map-section-lead{margin:0 0 16px;font-weight:700;line-height:1.7;color:var(--map-ink)}
.maps-guide-page .map-unlock summary,.maps-guide-page .map-old-map summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:800;color:var(--map-ink);line-height:1.6}
.maps-guide-page .map-unlock summary span{display:block;font-size:.9rem;font-weight:500;color:var(--map-muted);padding-left:20px}
.maps-guide-page .map-unlock[open] summary{margin-bottom:16px;border-bottom:1px solid var(--map-border)}
.maps-guide-page .map-version-note{border-left:4px solid #b37813;background:#fff5df;border-radius:0 12px 12px 0;padding:14px 16px;color:#5b3c10;margin:16px 0}
.maps-guide-page .map-version-note p{margin:6px 0 0;line-height:1.7}
.maps-guide-page .map-version-note a{color:#70460a;text-decoration:underline}
.maps-guide-page .map-route-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.maps-guide-page .map-route-card{min-height:112px;padding:15px;justify-content:flex-start;align-items:flex-start;gap:5px;box-shadow:none}
.maps-guide-page .map-route-card .guide-card-sub{margin:0;font-size:.85rem;font-weight:500;line-height:1.45}
.maps-guide-page .map-route-card .guide-card-title{font-size:1.05rem}
.maps-guide-page .map-level{display:inline-block;border-radius:7px;padding:4px 7px;background:#e5effc;color:#174c88;font-size:.85rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;white-space:nowrap}
.maps-guide-page .map-compact .map-img{max-height:340px;object-fit:contain;background:#eaf1f7;box-shadow:none}
.maps-guide-page .map-caption,.maps-guide-page .mini-note{color:var(--map-muted);line-height:1.7}
.maps-guide-page .map-source-list{padding-left:22px;line-height:1.8}
.maps-guide-page .map-source-list li+li{margin-top:12px}
body.dark-mode .maps-guide-page{--map-ink:#e1ecfb;--map-muted:#b7c5d8;--map-border:#42536c;--map-surface:#1c2d44}
body.dark-mode .maps-guide-page .guide-detail-card,body.dark-mode .maps-guide-page .guide-subnav{background:#162235;border-color:var(--map-border);color:var(--map-ink)}
body.dark-mode .maps-guide-page .guide-detail-card p,body.dark-mode .maps-guide-page .guide-detail-card h2,body.dark-mode .maps-guide-page .guide-detail-card h3,body.dark-mode .maps-guide-page .guide-detail-card li{color:var(--map-ink)}
body.dark-mode .maps-guide-page .guide-detail-card a:not(.guide-card):not(.guide-button),body.dark-mode .maps-guide-page .guide-subnav a{color:#9fd2ff}
body.dark-mode .maps-guide-page .guide-subnav a{background:#203855;border-color:var(--map-border)}
body.dark-mode .maps-guide-page .guide-subnav-label{color:var(--map-muted)}
body.dark-mode .maps-guide-page .guide-detail-card .back-link{background:#203855;color:#d6eaff!important;border-color:var(--map-border)}
body.dark-mode .maps-guide-page .highlight-box,body.dark-mode .maps-guide-page .qa,body.dark-mode .maps-guide-page .qa>div{background:#1c2d44;border-color:var(--map-border);color:var(--map-ink)}
body.dark-mode .maps-guide-page .qa .q,body.dark-mode .maps-guide-page .qa .a{color:var(--map-ink)}
body.dark-mode .maps-guide-page .guide-button{background:#1c2d44;color:var(--map-ink);border-color:var(--map-border)}
body.dark-mode .maps-guide-page .guide-button-text{color:var(--map-ink)}
body.dark-mode .maps-guide-page .map-sea-nav a:hover{background:#254666}
body.dark-mode .maps-guide-page .steps-box{background:#1c2d44;border-color:#42536c;color:#e1ecfb}
body.dark-mode .maps-guide-page .map-level{background:#294b73;color:#e1efff}
body.dark-mode .maps-guide-page .map-version-note{background:#352d1c;color:#f3dfb4}
body.dark-mode .maps-guide-page .map-version-note a{color:#ffe1a2}
@media(max-width:680px){
  .maps-guide-page .map-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .maps-guide-page .map-route-card{padding:12px;min-height:112px}
  .maps-guide-page .map-sea-nav{gap:7px}
  .maps-guide-page .map-sea-nav a{padding:14px 4px}
  .maps-guide-page .map-sea-nav strong{font-size:1rem}
  .maps-guide-page .map-sea-nav span{font-size:.76rem}
  .maps-guide-page .map-compact .map-img{max-height:280px}
}
@media(prefers-reduced-motion:reduce){.maps-guide-page .guide-card:hover{transform:none}}