/* Shared by terms.html, privacy.html, cookies.html (E1 in REVIEW-PLAN.md) —
 * the "legal document" page shape: a single wide card of headings/paragraphs
 * and, on privacy/cookies, a table. Linked only by those three pages, NOT
 * added to theme.css: selectors like h1/h2/table/.card are too generic to
 * apply site-wide safely (theme.css's own header comment already flags
 * card/panel styling as deliberately page-scoped for the same reason).
 * Each page keeps anything genuinely its own (e.g. privacy.html's
 * .actions/#delete-status block) in its own <style>.
 */

body {
  margin: 0;
  min-height: 100vh; display: flex; flex-direction: column;
}
main { max-width: 680px; margin: 0 auto; padding: 44px 20px; flex: 1; width: 100%; }
.card { background: #fff; border: 1.5px solid var(--line); border-radius: var(--radius-card); padding: 28px 30px; }
h1 { font-size: 23px; color: #0000FE; margin: 0 0 4px; }
.updated { font-size: 13px; color: #595959; margin: 0 0 24px; }
h2 { font-size: 16px; color: #0000FE; margin: 28px 0 10px; }
h2:first-of-type { margin-top: 0; }
p, li { font-size: 15px; line-height: 1.6; }
ul, ol { padding-left: 22px; margin: 8px 0; }
table { width: 100%; border-collapse: collapse; margin: 8px 0 4px; font-size: 14px; }
th, td { text-align: left; padding: 7px 8px; border-bottom: 1.5px solid var(--line-soft); vertical-align: top; }
th { color: #0000FE; }
.contact { margin-top: 26px; padding-top: 18px; border-top: 1.5px solid var(--line); font-size: 14px; }