/* Shared by privacy.html and terms.html. Values hand-copied from ui-tokens,
   as index.html does — this site ships with no bundler. Sized for the
   patient cohort: 17px body, generous leading, short measure. */
:root{
  --coral:      #FF8351;
  --coral-deep: #E5501C;
  --coral-50:   #FFF2EC;
  --coral-100:  #FFE0D2;
  --teal:       #244B56;
  --teal-400:   #3A6571;
  --cream:      #FFFAF3;
  --paper:      #FFFFFF;
  --plum:       #2E1D2A;
  --sand-200:   #EDE3D5;
  --sand-500:   #8C8071;

  --font-display: 'Quicksand', 'Trebuchet MS', system-ui, sans-serif;
  --font-body:    'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

*{ box-sizing: border-box; }
body{
  margin: 0;
  background: var(--cream);
  color: var(--teal);
  font: 400 1.0625rem/1.7 var(--font-body);
  -webkit-font-smoothing: antialiased;
}
a{ color: var(--coral-deep); text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
a:hover{ color: var(--coral); }
::selection{ background: var(--coral-100); color: var(--plum); }
:focus-visible{ outline: 2px solid var(--coral); outline-offset: 2px; border-radius: 4px; }

.wrap{ max-width: 680px; margin: 0 auto; padding: 0 20px; }

header{ border-bottom: 1px solid var(--sand-200); }
header .wrap{ display: flex; align-items: center; min-height: 80px; }
header img{ display: block; height: 40px; width: auto; }

main{ padding: 40px 0 64px; }
h1,h2{ font-family: var(--font-display); color: var(--plum); letter-spacing: -0.01em; text-wrap: balance; }
h1{ font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem); line-height: 1.15; margin: 0 0 8px; }
h2{ font-size: 1.25rem; line-height: 1.3; margin: 40px 0 8px; }
p, li{ text-wrap: pretty; }
p{ margin: 0 0 16px; }
ul{ margin: 0 0 16px; padding-left: 1.25em; }
li{ margin-bottom: 8px; }

.meta{ color: var(--teal-400); margin-bottom: 24px; }
.callout{
  background: var(--paper);
  border: 1px solid var(--sand-200);
  border-radius: 14px;
  padding: 16px 20px;
  margin: 24px 0;
}
.callout p:last-child{ margin-bottom: 0; }
.draft{
  background: var(--coral-50);
  border-radius: 14px;
  padding: 12px 20px;
  margin-bottom: 32px;
  font-weight: 600;
}

footer{ border-top: 1px solid var(--sand-200); padding: 24px 0 40px; font-size: 0.9375rem; color: var(--sand-500); }
footer a{ color: var(--teal-400); margin-right: 20px; }