/* ============================================================
   Anfahrt-Page — Karte + Adressblock
   ============================================================ */

#anfahrt address {
  margin-block: 1rem;
  font-style: normal;
}

#anfahrt address .name {
  display: block;
  margin-bottom: 0.25rem;
}

#anfahrt address .lines {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

#anfahrt address .lines .line {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

/* Kompaktes Inline-Layout wenn Karte angezeigt wird — Lines mit "·"-Separator.
   Auf schmalen Viewports umbruch auf vertikal (zu viele Wraps wäre unleserlich). */
#anfahrt address[data-layout="compact"] .lines {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0;
}

#anfahrt address[data-layout="compact"] .lines .line + .line::before {
  content: '·';
  padding-inline: 0.6em;
  color: var(--color-text-muted);
}

@media (max-width: 600px) {
  #anfahrt address[data-layout="compact"] .lines {
    flex-direction: column;
    gap: 0.25rem;
  }
  #anfahrt address[data-layout="compact"] .lines .line + .line::before {
    content: none;
  }
}