[hidden] { display: none !important; }

.prose table { display: block; overflow-x: auto; font-size: 0.9rem; }
.prose th { white-space: nowrap; }
.prose figure { margin: 2.5rem 0; }
.prose figure img, .prose figure video { width: 100%; height: auto; border: 1px solid hsl(var(--border)); border-radius: 0.5rem; margin: 0; }
.prose figcaption { color: hsl(var(--muted-foreground)); font-size: 0.875rem; line-height: 1.6; margin-top: 0.75rem; }

.explainer { display: grid; gap: 1rem; margin: 2.5rem 0; }
.explainer-row { display: grid; grid-template-columns: 200px 1fr; gap: 1.5rem; align-items: center; padding: 1.25rem; border: 1px solid hsl(var(--border)); border-radius: 0.5rem; background: hsl(var(--card)); }
.explainer-row svg { width: 200px; height: 130px; }
.prose .explainer h3 { margin: 0 0 0.4rem; font-size: 1.15rem; }
.prose .explainer p { margin: 0; font-size: 1rem; line-height: 1.65; color: hsl(var(--muted-foreground)); }
.explainer text { font-family: Inter, sans-serif; font-size: 11px; fill: hsl(var(--muted-foreground)); }
.explainer .ink { fill: hsl(var(--foreground)); }
@media (max-width: 560px) {
  .explainer-row { grid-template-columns: 1fr; gap: 0.75rem; }
  .explainer-row svg { margin: 0 auto; }
}