.map-page-main { width:min(1500px, calc(100% - 24px)); }
.map-frame { padding:14px; }
.map-guide-content { padding:clamp(14px,2vw,24px); }
.map-embed { overflow:hidden; border:1px solid #6f501f; border-radius:8px; background:#e8ddc7; box-shadow:0 3px 14px rgba(0,0,0,.35); }
.map-embed>header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 18px; color:#f4d889; background:linear-gradient(90deg,#24180b,#4c3214); }
.map-embed>header p { margin:0; color:#b99b5e; font-size:10px; letter-spacing:.18em; }
.map-embed>header h2 { margin:3px 0 0; color:#ffe6a3; font-size:21px; }
.map-embed>header a { padding:8px 12px; border:1px solid #b48537; color:#ffe3a0; background:#2e1d0b; text-decoration:none; white-space:nowrap; }
.map-embed>header a:hover { color:#fff5d3; background:#6d3215; }
@media(max-width:800px) {
  .map-page-main { width:100%; padding-top:14px; }
  .map-page-footer { width:100%; }
}
@media(max-width:520px) {
  .map-embed>header { align-items:flex-start; flex-direction:column; }
}