/* Privacy, Terms and Refunds: one readable column */
.legal { flex: 1; width: 100%; max-width: calc(720px + 2 * var(--gutter)); margin: 0 auto; padding: var(--s-7) var(--gutter) var(--s-8); }
.legal h1 { margin: var(--s-2) 0 var(--s-3); }
.legal h2 { margin: var(--s-7) 0 var(--s-3); font: 600 var(--fs-xl)/1.25 var(--font-display); letter-spacing: -0.015em; scroll-margin-top: 80px; }
.legal h3 { margin: var(--s-5) 0 var(--s-2); font-size: var(--fs-md); }
.legal p, .legal li { line-height: 1.65; }
.legal ul { padding-left: 1.2em; display: grid; gap: var(--s-2); }
.legal table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); margin: var(--s-3) 0; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: var(--s-2) var(--s-3); border-bottom: 1px solid var(--line); }
.legal th { font-weight: 600; }
.legal__meta { color: var(--text-muted); font-size: var(--fs-sm); }
.legal__nav { display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-4); margin: var(--s-4) 0 0; font-size: var(--fs-sm); }
/* Details Tyeke fills in before launch. Visible on purpose, so none is missed. */
.legal mark.fill { background: #FFF1B8; color: #5A4300; padding: 0 .25em; border-radius: 3px; }
.legal__draft { margin: var(--s-4) 0 0; }
@media (max-width: 560px) { .legal table, .legal thead, .legal tbody, .legal tr, .legal th, .legal td { display: block; } .legal thead { display: none; } .legal td:first-child { font-weight: 600; border-bottom: 0; padding-bottom: 0; } }