.june20-section-block { margin-top: 33px; }
.june20-menu { margin-left: 20px; }
.june20-menu a { color: #045233; font-size: 18px; text-decoration: none; }
.june20-menu a:hover { text-decoration: underline; }
.june20-menu .day-post-link { color: #c94c2f; font-weight: 800; }
.june20-placeholder { color: #4d4a45; font-family: 'Source Code Pro', 'IBM Plex Mono', monospace; font-size: 13px; }
.june20-map-shell,
.june20-panorama figure { margin: 0; overflow: hidden; border-radius: 6px; background: #141414; }
.june20-map-shell { border: 1px solid rgba(77, 74, 69, 0.32); }
#june20-map,
.june20-panorama-placeholder { min-height: 360px; }
#june20-map { width: 100%; height: min(72vh, 640px); min-height: 420px; }
.june20-panorama-placeholder { display: grid; place-items: center; color: #efe8da; font-family: 'Source Code Pro', 'IBM Plex Mono', monospace; font-size: 13px; text-align: center; }
.june20-map-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 12px; color: #4d4a45; font-family: 'Source Code Pro', 'IBM Plex Mono', monospace; font-size: 12px; text-transform: uppercase; }
.june20-map-controls label { color: #045233; font-weight: 700; }
.june20-map-controls input { max-width: 100%; }
.june20-map-status { color: #c94c2f; font-weight: 700; }
.june20-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.june20-gallery-grid a { display: block; overflow: hidden; border-radius: 6px; background: #141414; }
.june20-gallery-grid img { width: 100%;
  height: auto; aspect-ratio: 1 / 1; display: block; object-fit: cover;
  object-position: center; }
@media (max-width: 560px) {
  .june20-menu { margin-left: 0; }
  .june20-gallery-grid { grid-template-columns: 1fr; }
}