/* Hallmark · genre: editorial · macrostructure: Long Document · theme: custom (brand emerald on warm paper)
 * Shared by privacy.html and terms.html. The tokens below mirror the ones in
 * index.html — change a colour or a face in one place and change it in the other. */

@font-face{font-family:'Newsreader';src:url('fonts/newsreader-latin-300-normal.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Newsreader';src:url('fonts/newsreader-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

:root{
  --font-display:'Newsreader','Iowan Old Style','Palatino Linotype',Georgia,serif;
  --font-body:'IBM Plex Sans','Segoe UI',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;

  --color-paper:oklch(97.4% .009 95);
  --color-paper-2:oklch(94.6% .011 95);
  --color-ink:oklch(23% .014 165);
  --color-ink-2:oklch(41% .014 165);
  --color-ink-3:oklch(50% .013 165);
  --color-rule:oklch(84% .012 95);
  --color-accent:oklch(50% .1 163);
  --color-focus:oklch(50% .1 163);

  --space-xs:.75rem; --space-sm:1rem; --space-md:1.5rem; --space-lg:2rem; --space-xl:3rem; --space-2xl:4.5rem;
  --gutter:clamp(1.25rem,4vw,3rem);
  --radius-sm:6px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --color-paper:oklch(17.5% .012 165);
  --color-paper-2:oklch(21% .013 165);
  --color-ink:oklch(94% .008 95);
  --color-ink-2:oklch(77% .01 95);
  --color-ink-3:oklch(66% .01 95);
  --color-rule:oklch(33% .014 165);
  --color-accent:oklch(78% .15 165);
  --color-focus:oklch(78% .15 165);
}}
:root[data-theme="dark"]{
  --color-paper:oklch(17.5% .012 165);
  --color-paper-2:oklch(21% .013 165);
  --color-ink:oklch(94% .008 95);
  --color-ink-2:oklch(77% .01 95);
  --color-ink-3:oklch(66% .01 95);
  --color-rule:oklch(33% .014 165);
  --color-accent:oklch(78% .15 165);
  --color-focus:oklch(78% .15 165);
}

*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{overflow-x:clip;font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;background:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.2em}
a:hover{color:var(--color-accent)}
:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}
code{font-family:var(--font-mono);font-size:.9em;background:var(--color-paper-2);padding:.05em .35em;border-radius:var(--radius-sm)}
strong{font-weight:600}

.wrap{width:min(100% - 2*var(--gutter),42rem);margin-inline:auto;padding-block:var(--space-lg) var(--space-2xl)}
.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.01em;padding-block:.5rem}
.brand:hover{color:inherit}
.brand svg{width:1.55rem;height:1.55rem;color:var(--color-ink)}
.brand .logo-dot{fill:var(--color-accent)}

h1{margin-top:var(--space-xl);font-family:var(--font-display);font-weight:300;font-size:clamp(2.4rem,1.2rem + 4vw,3.75rem);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.updated{margin-top:var(--space-xs);font-size:.875rem;color:var(--color-ink-3)}
h2{margin-top:var(--space-xl);font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:1.2;letter-spacing:-.01em}
p{margin-top:var(--space-xs);color:var(--color-ink-2);text-wrap:pretty}
p strong{color:var(--color-ink)}

/* The one-paragraph summary leads the policy; ruled, not boxed. */
.summary{margin-top:var(--space-lg);padding-block:var(--space-md);border-block:1px solid var(--color-rule)}
.summary p{margin:0;font-size:1.1875rem;line-height:1.55;color:var(--color-ink)}

.back{display:inline-block;margin-top:var(--space-xl);padding-block:.6rem;color:var(--color-ink-2)}

@media (prefers-contrast:more){p{color:var(--color-ink)}}