/* 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;
}

.legal-content h3 {
  @apply text-lg font-serif font-semibold mt-6 mb-2;
}

/* Tables scroll sideways on their own on narrow phones, not the whole page */
.legal-content .legal-table {
  @apply overflow-x-auto mb-4 border border-line rounded-card;
}

.legal-content table {
  @apply w-full text-[14px] leading-relaxed border-collapse;
}

.legal-content th,
.legal-content td {
  @apply text-left align-top px-3 py-2 border-b border-line text-ink/80;
}

.legal-content th {
  @apply font-semibold text-ink bg-surface-2;
}

.legal-content tr:last-child td {
  @apply border-b-0;
}