/* Rendered markdown for the terms and privacy documents.
   ------------------------------------------------------------------
   The app loads Tailwind from the CDN with only the forms and
   container-queries plugins (see App.razor), so the typography plugin's
   "prose" classes do NOTHING here. These are explicit rules for the small
   set of elements Markdig actually emits from our legal documents. */

.terms-prose > :first-child { margin-top: 0; }
.terms-prose > :last-child  { margin-bottom: 0; }

.terms-prose h1,
.terms-prose h2,
.terms-prose h3,
.terms-prose h4 {
    color: #111827;
    font-weight: 700;
    line-height: 1.3;
    margin: 1.35em 0 0.5em;
}

.terms-prose h1 { font-size: 1.125rem; }
.terms-prose h2 { font-size: 1rem; }
.terms-prose h3 { font-size: 0.9375rem; }
.terms-prose h4 { font-size: 0.875rem; }

.terms-prose p { margin: 0 0 0.85em; }

.terms-prose ul,
.terms-prose ol { margin: 0 0 0.9em; padding-left: 1.35rem; }
.terms-prose ul { list-style: disc; }
.terms-prose ol { list-style: decimal; }
.terms-prose li { margin: 0.3em 0; }
.terms-prose li > ul,
.terms-prose li > ol { margin: 0.3em 0; }

.terms-prose strong { font-weight: 700; color: #111827; }
.terms-prose em { font-style: italic; }

.terms-prose a {
    color: #314025;
    text-decoration: underline;
    word-break: break-word;
}
.terms-prose a:hover { opacity: 0.8; }

.terms-prose blockquote {
    margin: 0 0 0.9em;
    padding: 0.5em 0.9em;
    border-left: 3px solid #d1d5db;
    color: #4b5563;
    background: #f9fafb;
}

.terms-prose code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.85em;
    background: #f3f4f6;
    padding: 0.1em 0.35em;
    border-radius: 4px;
}

.terms-prose hr { border: 0; border-top: 1px solid #e5e7eb; margin: 1.35em 0; }

.terms-prose table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 0.9em;
    font-size: 0.9em;
}
.terms-prose th,
.terms-prose td {
    border: 1px solid #e5e7eb;
    padding: 0.4em 0.6em;
    text-align: left;
}
.terms-prose th { background: #f9fafb; font-weight: 700; }