/* MIERU AICHI v2.9.8: mobile-only usability pass.
   Do not change v2.9.6 map-driven desktop geometry. */
.v298-back-actions{display:none}
@media (max-width:620px) {
  /* The decorative artwork is useful on desktop but delays mobile exploration. */
  body:has(.workspace-nav) .intro--poster .intro-image,
  body:has(.workspace-nav) .intro--poster .intro-image img,
  body:has(.workspace-nav) .intro--poster .intro-art > picture,
  body:has(.workspace-nav) .intro--poster .intro-art > img {
    display:none!important;
  }
  body:has(.workspace-nav) .intro--poster,
  body:has(.workspace-nav) .intro--poster .intro-art {
    padding-block:0!important;min-height:0!important;margin-block:0!important;
  }
  body:has(.workspace-nav) .intro--poster .intro-bottom {padding-block:5px!important;min-height:0!important}
  body:has(.workspace-nav) .atlas-heading {margin:5px 0 7px!important}
  body:has(.workspace-nav) .city-picker {margin:0 0 6px!important;padding:9px!important}
  body:has(.workspace-nav) .city-picker select {min-height:44px}
  body:has(.workspace-nav) .v290-mobile-home {margin:5px 0 9px!important;padding:11px!important;gap:9px!important}
  body:has(.workspace-nav) .v290-summary-top strong {font-size:18px!important}
  body:has(.workspace-nav) .v290-summary-stats {padding:10px 12px!important;gap:3px!important}
  body:has(.workspace-nav) .v290-summary-stats strong {font-size:clamp(23px,7vw,30px)!important;letter-spacing:-.025em}
  body:has(.workspace-nav) .v290-shortcuts {gap:7px!important}
  body:has(.workspace-nav) .v290-shortcuts button {min-height:46px!important;padding:9px 6px!important;font-size:12px!important}
  body:has(.workspace-nav) .v290-map-link {min-height:44px!important;padding:8px!important}
  /* On mobile the map is part of the document flow, never a sticky overlay. */
  body:has(.workspace-nav) #explore .workspace {display:flex!important;flex-direction:column!important;gap:10px!important}
  body:has(.workspace-nav) #explore .workspace > .map-column {
    position:relative!important;top:auto!important;height:auto!important;
    min-height:0!important;max-height:none!important;overflow:visible!important;
    padding:12px!important;width:100%!important;
  }
  body:has(.workspace-nav) #explore .map-column .map-heading {display:flex!important;align-items:center!important;gap:6px!important}
  body:has(.workspace-nav) #explore .map-column .map-heading p {display:none!important}
  body:has(.workspace-nav) #explore .map-column .metric-context,
  body:has(.workspace-nav) #explore .map-column .metric-meta {font-size:11px!important;line-height:1.4!important;margin:4px 0!important}
  body:has(.workspace-nav) #explore .map-column .metric-picker {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:8px 0!important}
  body:has(.workspace-nav) #explore .map-column .metric-picker label {font-size:11px!important;min-width:0!important}
  body:has(.workspace-nav) #explore .map-column .metric-picker select {font-size:12px!important;min-height:44px!important;width:100%!important;min-width:0!important}
  body:has(.workspace-nav) #explore .map-column .map-stage,
  body:has(.workspace-nav) #explore #map-view {height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;display:block!important}
  body:has(.workspace-nav) #explore #map-view > svg {width:100%!important;height:auto!important;max-height:none!important;transform:none!important;object-fit:contain!important;display:block!important}
  body:has(.workspace-nav) #explore .map-column .map-under {display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:6px!important}
  body:has(.workspace-nav) #explore .map-column .map-source {display:none!important}
  body:has(.workspace-nav) #explore .map-column .map-legend {min-width:0!important}
  body:has(.workspace-nav) #explore .map-column .map-toolbar {flex-wrap:wrap!important}
  body:has(.workspace-nav) #explore .info-column {height:auto!important;max-height:none!important;overflow:visible!important}
  body:has(.workspace-nav) #explore .info-column > .detail,
  body:has(.workspace-nav) #explore .info-column > #tools {height:auto!important;max-height:none!important;overflow:visible!important}
  /* The mobile summary already shows the same primary number. Keep secondary measures. */
  body:has(#v290-mobile-home) #explore .info-column .detail .main-metric {display:none!important}
  body:has(.workspace-nav) #explore .info-column .detail .metric-grid {gap:6px!important}
  body:has(.workspace-nav) #explore .info-column :is(button,select,input) {min-height:40px}
  body:has(.workspace-nav) .v298-back-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0 4px}
  body:has(.workspace-nav) .v298-back-actions button {min-height:44px;border-radius:9px;background:#f4faff;color:#144d76;border:1px solid #bfd8e8;font:inherit;font-size:12px;font-weight:700;padding:8px;cursor:pointer}
  body:has(.workspace-nav) .v298-back-actions button:focus-visible {outline:3px solid #439fcb;outline-offset:2px}
  body:has(.workspace-nav) .v10-guide {padding-block:12px!important}
  body:has(.workspace-nav) #explore .workspace-nav {position:relative!important;top:auto!important}
}
@media (min-width:621px) and (max-width:1020px){
  body:has(.workspace-nav) #explore .workspace > .map-column {position:relative!important;top:auto!important}
}
@media print {.v298-back-actions{display:none!important}}