/* Baseline styling for dev landing */
:root {
  color-scheme: dark;
}

body {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

a {
  text-decoration: none; 
}

.hero-care {
  background-image: linear-gradient(110deg, rgba(15, 45, 82, 0.65), rgba(15, 45, 82, 0.35)), url('/assets/images/hero-care.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-care-card {
  background-image: url('/assets/images/hero-care.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Documentatie weergave */
.doc-content ol,
.doc-content ul {
  padding-left: 1.2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}
.doc-content ol {
  list-style: decimal;
  display: block;
}
.doc-content ol li,
.doc-content ul li {
  display: list-item;
  list-style-position: outside;
}
.doc-content h1,
.doc-content h2,
.doc-content h3,
.doc-content h4 {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
.doc-content li + li {
  margin-top: 0.35rem;
}
.doc-content blockquote,
.doc-content .note-box {
  background: #fff;
  border: 1px solid #e6edf5;
  border-radius: 16px;
  padding: 12px 16px;
  margin: 0.75rem 0;
}
.doc-content blockquote p:last-child {
  margin-bottom: 0;
}