/* Master–detail demo extras */

.md-layout {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 960px) {
  .md-layout {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

.demo-map {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-muted);
  font-family: var(--mono);
}

.demo-h3 {
  margin: 1.25rem 0 0.75rem;
  font-size: 1rem;
  letter-spacing: -0.02em;
}

.md-inline-form {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed var(--border);
}