:root {
  --jarod-accent: #0f766e;
  --jarod-ink: #1f2937;
}

.markdown-body h2 {
  margin-top: 2.2rem;
}

.markdown-body .profile-grid,
.markdown-body .project-grid,
.markdown-body .link-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin: 1.4rem 0;
}

.markdown-body .profile-card,
.markdown-body .project-card,
.markdown-body .link-card {
  border: 1px solid rgba(15, 118, 110, 0.18);
  border-radius: 8px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.72);
}

.markdown-body .profile-card strong,
.markdown-body .project-card strong,
.markdown-body .link-card strong {
  color: var(--jarod-accent);
}

.markdown-body .muted {
  color: #6b7280;
}

.markdown-body .hero-note {
  border-left: 4px solid var(--jarod-accent);
  padding: 12px 16px;
  background: rgba(15, 118, 110, 0.08);
  color: var(--jarod-ink);
  border-radius: 0 8px 8px 0;
}