/* MP04 — shared calm polish for public account/SEO pages (no hero mesh). */
body.vt-public-motion main.section > h2,
body.vt-public-motion main.section > h2:first-of-type {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
  padding-bottom: 8px;
  margin-bottom: 12px;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, var(--accent), transparent 70%) 1;
}

body.vt-public-motion .card,
body.vt-public-motion .mcp-path-card {
  box-shadow: var(--landing-card-shadow);
  border: 1px solid var(--border);
  transition:
    transform 0.25s var(--motion-easing),
    box-shadow 0.25s var(--motion-easing),
    border-color 0.2s ease;
}

@media (hover: hover) and (pointer: fine) {
  body.vt-public-motion .card:hover,
  body.vt-public-motion .mcp-path-card:hover {
    box-shadow: var(--landing-card-shadow-hover);
    border-color: var(--landing-card-border-glow);
  }
}

body.vt-public-motion .card--featured {
  border-color: color-mix(in srgb, var(--accent) 35%, var(--border));
}

body.vt-public-motion.legal-page .wrap > h1,
body.vt-public-motion.legal-page .wrap > h2 {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
}

body.vt-public-motion.help-page h2 {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, var(--accent), transparent 70%) 1;
}

@media (prefers-reduced-motion: reduce) {
  body.vt-public-motion .card,
  body.vt-public-motion .mcp-path-card {
    transform: none !important;
  }
}

.mcp-catalog-root { margin: 12px 0 24px; }
.mcp-catalog-tier {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 8px 12px;
  margin-bottom: 10px;
  background: var(--surface);
}
.mcp-catalog-tier summary {
  cursor: pointer;
  font-weight: 600;
  padding: 6px 0;
}
.mcp-catalog-list {
  margin: 8px 0 4px;
  padding-left: 1.2rem;
}
.mcp-catalog-list li { margin-bottom: 6px; }
.mcp-catalog-doc { margin-left: 6px; font-size: .85rem; }