.md-content :where(h1,h2,h3){font-weight:700;color:#111827;margin:1em 0 .4em}
.md-content h1{font-size:1.4rem}
.md-content h2{font-size:1.2rem}
.md-content h3{font-size:1.05rem}
.md-content p{margin:0 0 .75em}
.md-content ul,.md-content ol{padding-left:1.4em;margin:0 0 .75em}
.md-content ul{list-style:disc}
.md-content ol{list-style:decimal}
.md-content li{margin:0 0 .25em}
.md-content strong{font-weight:700;color:#111827}
.md-content em{font-style:italic}
.md-content a{color:#059669;text-decoration:underline}
.md-content a:hover{color:#10b981}

.dark .md-content :where(h1,h2,h3){color:#f5f5f5}
.dark .md-content strong{color:#f5f5f5}
.dark .md-content a{color:#6ee7b7}
.dark .md-content a:hover{color:#a7f3d0}

.single-page-card {
  background-color: rgba(255,255,255,0.92);
  border: 1px solid rgba(214,211,209,0.9);
  border-radius: 0.75rem;
  padding: 1.25rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.dark .single-page-card {
  background-color: rgba(24,24,27,0.9);
  border-color: rgba(39,39,42,0.9);
}

.single-page-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
}

.dark .single-page-title {
  color: #f4f4f5;
}

.single-page-muted {
  color: #57534e;
}

.dark .single-page-muted {
  color: #a1a1aa;
}

.single-page-subtle {
  color: #78716c;
}

.dark .single-page-subtle {
  color: #71717a;
}
