[data-md-color-scheme="default"] {
  --md-primary-fg-color: #1a5632;
  --md-primary-fg-color--light: #2d7a4a;
  --md-primary-fg-color--dark: #0e3a1f;
  --md-accent-fg-color: #d97706;
  --md-accent-fg-color--light: #f59e0b;
  --md-accent-fg-color--dark: #b45309;
  --md-default-bg-color: #fafaf9;
  --md-code-bg-color: #f5f5f4;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #4ade80;
  --md-primary-fg-color--light: #86efac;
  --md-primary-fg-color--dark: #22c55e;
  --md-accent-fg-color: #fbbf24;
  --md-accent-fg-color--light: #fcd34d;
  --md-accent-fg-color--dark: #f59e0b;
  --md-default-bg-color: #1c1917;
  --md-code-bg-color: #292524;
}

.pd-hero {
  text-align: center;
  padding: 2rem 1rem;
}

.pd-hero h1 {
  font-size: 2.4rem;
  margin-bottom: 0.2rem;
}

.pd-hero p {
  font-size: 1.15rem;
  opacity: 0.85;
  max-width: 38rem;
  margin: 0 auto;
}

.pd-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}

.pd-card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.4rem;
  padding: 1.2rem;
  transition: box-shadow 0.15s;
}

.pd-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.pd-card h3 {
  margin: 0 0 0.4rem;
  font-size: 1rem;
}

.pd-card strong {
  display: block;
  font-size: 1rem;
  margin-bottom: 0.4rem;
}

.pd-card p {
  margin: 0;
  font-size: 0.85rem;
  opacity: 0.8;
}