/* Shared look for the terms and privacy pages. Same brand as the website,
   set for reading rather than selling: one column, generous line height, and
   headings you can scan to find the clause you're after. */
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonts/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root {
  --forest: #176B4D;
  --growth: #36A96B;
  --spring: #9AD56A;
  --midnight: #17324D;
  --midnight-2: #24466A;
  --gold: #E2A63B;
  --sky: #4B9BC8;
  --coral: #E26D5A;
  --ground: #F7F9F5;
  --slate: #4D5D63;
  --forest-800: #114F39;
  --forest-100: #E8F5EE;
  --gold-ink: #8A6115;
  --ink: #17324D;
  --ink-soft: #4D5D63;
  --line: #E4E8E2;
  --white: #fff;
  --ok: #176B4D;
  --font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-head: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: var(--font); color: var(--ink); background: var(--white);
  -webkit-font-smoothing: antialiased; line-height: 1.65; }
header { background: var(--midnight); color: #fff; }
header .wrap { display: flex; align-items: center; height: 60px; gap: 24px; }
header .wrap a.back { margin-left: auto; color: #C7D0D9; text-decoration: none; font-size: 14.5px; }
header .wrap a.back:hover { color: #fff; }
.logo { display: flex; align-items: center; text-decoration: none; }
.logo img { height: 22px; width: auto; }
.wrap { max-width: 780px; margin: 0 auto; padding: 0 24px; }
main { padding: 44px 0 80px; }
h1 { font-weight: 700; font-size: 34px; margin: 0 0 6px; letter-spacing: -.02em; }
.dates { color: var(--ink-soft); font-size: 14px; margin: 0 0 26px; }
.lede { font-size: 17.5px; color: var(--ink-soft); margin: 0 0 30px; }
h2 { font-weight: 700; font-size: 21px; margin: 40px 0 10px; letter-spacing: -.01em; scroll-margin-top: 76px; }
h3 { font-weight: 700; font-size: 16.5px; margin: 24px 0 6px; }
p, li { font-size: 16px; }
p { margin: 0 0 14px; }
ul, ol { margin: 0 0 16px; padding-left: 22px; }
li { margin-bottom: 7px; }
a { color: var(--forest); }
strong { font-weight: 650; }
.toc { background: var(--ground); border: 1px solid var(--line); border-radius: 12px;
  padding: 20px 24px; margin: 0 0 36px; }
.toc h2 { font-size: 13px; text-transform: uppercase; letter-spacing: .13em; color: var(--ink-soft);
  margin: 0 0 10px; }
.toc ol { columns: 2; column-gap: 30px; margin: 0; padding-left: 20px; font-size: 14.5px; }
.toc li { margin-bottom: 5px; break-inside: avoid; }
.note { background: var(--forest-100); border-left: 3px solid var(--growth); border-radius: 0 8px 8px 0;
  padding: 16px 20px; margin: 0 0 30px; font-size: 15px; }
.note p:last-child { margin-bottom: 0; }
table { width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: 15px; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font-size: 13px; text-transform: uppercase; letter-spacing: .07em; color: var(--ink-soft); }
footer { border-top: 1px solid var(--line); padding: 28px 0; font-size: 13.5px; color: var(--ink-soft); }
footer .wrap { display: flex; gap: 18px; flex-wrap: wrap; }
footer a { color: var(--ink-soft); }
@media (max-width: 640px) { .toc ol { columns: 1; } main { padding: 32px 0 60px; } }