/* Terms.razor's <style> block, extracted per DECISION-009 before the .razor was deleted — see
   docs/DECISIONS.md. Kept byte-for-byte: this page has no @media/@keyframes/@supports, so nothing
   needed un-escaping from the Blazor "@@" form. Near-identical to privacy.css by original design
   (the two legal pages share one look) — see the comment on .legal ul below. */

body { margin: 0; }

/* Reading width, not the 1400px data width .fo-page defaults to. Two classes, so it beats
   theme's .fo-page outright instead of winning only on document order. */
.fo-page.legal { max-width: 820px; line-height: 1.6; }
.legal .fo-card { padding: var(--s5); }
.legal .fo-card > :first-child { margin-top: 0; }

/* Numbered section heads are structure — black/line furniture, never a colour. */
.legal h2 { font-size: var(--fs-title); font-weight: 700; color: var(--brand-black);
            margin: var(--s5) 0 var(--s2); padding-bottom: var(--s1);
            border-bottom: 1px solid var(--line); }

.legal p { color: var(--ink-2); margin: 0 0 var(--s3); }
/* Kept identical to /privacy even though Terms has no list today — the two legal pages must
   not drift apart the moment one of them gains a bullet. */
.legal ul { padding-left: var(--s5); margin: 0 0 var(--s3); }
.legal li { color: var(--ink-2); margin: var(--s1) 0; }
.legal b { color: var(--ink); }

.legal .foot { margin: var(--s5) 0 0; padding-top: var(--s3);
               border-top: 1px solid var(--line); font-size: var(--fs-small); color: var(--ink-3); }