.maps-caption { margin-top:22px; font-size:12px; line-height:1.7; color:var(--muted); max-width:420px; }
.maps-route-art { overflow:hidden; border:1px solid #d9e1d2; border-radius:22px; background:#edf1e6; box-shadow:0 25px 70px -45px #25433166; transform:rotate(1deg); }
.maps-route-art>svg { width:100%; height:auto; display:block; }
.maps-art-heading,.maps-art-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:24px; font-size:10px; letter-spacing:1px; color:#5f7563; }
.maps-mode { padding:8px 11px; background:white; border-radius:50px; letter-spacing:0; color:#284c37; }
.maps-art-footer { font-size:11px; letter-spacing:0; background:#f9faf5; }
.maps-json-link { display:inline-block; color:#d7eabd; font-size:12px; margin-top:25px; text-decoration:underline; text-underline-offset:4px; }
.maps-notes { display:grid; grid-template-columns:1fr 1fr; gap:45px; margin-top:55px; }
.maps-notes h3,.maps-choices h3 { font-size:23px; margin-bottom:12px; }
.maps-notes p,.maps-choices p { font-size:13px; line-height:1.8; color:var(--muted); }
.maps-choices { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.maps-choices article { padding:25px 0; border-top:1px solid var(--line); }
.maps-choices .text-link { margin-top:15px; font-size:12px; }
.maps-page .api-contact p:not(.eyebrow) { margin-top:18px; color:#4f6453; }
.maps-page .api-hero { scroll-margin-top:80px; }
@media(max-width:800px) { .maps-notes,.maps-choices { grid-template-columns:1fr; gap:30px; } .maps-route-art { max-width:600px; width:100%; } }
@media(max-width:480px) { .maps-art-heading,.maps-art-footer { padding:17px; font-size:9px; } .maps-art-footer { flex-wrap:wrap; } .maps-page .api-hero-copy h1 { font-size:clamp(42px,12vw,60px); } }