/* Scoped styling for legal pages (Terms, Privacy) */

.legal-content {
  @apply max-w-3xl mx-auto px-4 py-10 text-ink;
}

.legal-content h1 {
  @apply text-3xl md:text-4xl font-serif font-semibold tracking-tight mb-2;
}

.legal-content h2 {
  @apply text-xl md:text-2xl font-serif font-semibold mt-8 mb-2;
}

.legal-content p {
  @apply text-base leading-relaxed text-ink/80 mb-4;
}

.legal-content ul {
  @apply list-disc pl-6 space-y-2 marker:text-faint mb-4;
}

.legal-content ol {
  @apply list-decimal pl-6 space-y-2 marker:text-faint mb-4;
}

.legal-content a {
  @apply text-primary font-medium underline underline-offset-2 hover:no-underline;
}

.legal-content strong { @apply font-semibold text-ink; }

/* Blockquotes if needed in legal */
.legal-content blockquote {
  @apply italic my-4 py-2 pl-4 rounded-s-md;
}
:root[data-theme="light"] .legal-content blockquote {
  @apply bg-surface-2 border-l-4 border-primary;
}
:root[data-theme="dark"] .legal-content blockquote {
  @apply bg-surface-2 border-l-4 border-primary;
}