.journal-map {
  width: min(100% - 2rem, 74rem);
  margin-inline: auto;
  padding-block: 0.5rem 2rem;
}

.map-controls {
  margin-bottom: 0.75rem;
}

.map-controls .trail-tile > button {
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  text-align: start;
}

.map-controls .trail-tile > button[aria-pressed="true"] {
  box-shadow: inset 0 0 0 3px #ff4f1a;
}

.map-controls .trail-tile > button[aria-pressed="true"]::after {
  box-shadow: inherit;
  border-radius: inherit;
}

.map-controls .trail-tile > button[aria-pressed="true"]:focus-visible {
  outline-color: #fff8ed;
}

.map-view {
  isolation: isolate;
  min-height: 18rem;
  height: min(65vh, 42rem);
  overflow: hidden;
  border-radius: var(--rounded-box, 1rem);
  background: #e7e4dc;
}

.map-status:not(:empty) {
  margin-top: 0.75rem;
}

.map-status {
  color: var(--journal-muted);
  font-size: 0.875rem;
}

.map-view .route-label {
  padding: 0.25rem 0.5rem;
  border-color: #e1cbb2;
  color: #2b251e;
  background: #fff8ed;
  font: 650 0.75rem/1.2 var(--journal-sans);
}