/* gym buk — support and privacy pages.
   The app's own paper: #FBF9F5 ground, Averia Serif Libre headings, system
   text for the body. One stylesheet for both pages so they cannot drift. */

/* The app's own serif, served rather than hoped for.
   The stack below has always named "Averia Serif Libre", but the site never
   sent it — so everyone without it installed locally read these pages in
   Georgia, which is to say the page wore the app's palette and none of its
   handwriting. Latin subset, 37 KB. SIL OFL 1.1; licence sits beside it as
   averia-serif-libre-OFL.txt. */
@font-face {
  font-family: "Averia Serif Libre";
  src: url("averia-serif-libre.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  /* The heading shows in Georgia and is replaced when the file lands, rather
     than sitting invisible: a support page has to be readable first. */
  font-display: swap;
}

:root {
  --paper: #fbf9f5;
  --paper-tint: #fef2e0;
  --ink: #1c1a17;
  --ink-soft: #5b544a;
  --rule: #e2dbcd;
  --link: #8a5a2b;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #17150f;
    --paper-tint: #201c14;
    --ink: #f2ede2;
    --ink-soft: #a89f8f;
    --rule: #35301f;
    --link: #d8a45f;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 3rem 1.25rem 5rem;
  background: var(--paper);
  color: var(--ink);
  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-text-size-adjust: 100%;
}

main { max-width: 40rem; margin: 0 auto; }

h1, h2, h3 {
  font-family: "Averia Serif Libre", Georgia, "Times New Roman", serif;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.01em;
}

h1 { font-size: 2.25rem; margin: 0 0 0.25rem; }
h2 { font-size: 1.4rem; margin: 2.75rem 0 0.5rem; }
h3 { font-size: 1.1rem; margin: 1.75rem 0 0.25rem; }

.tagline {
  color: var(--ink-soft);
  margin: 0 0 2.5rem;
  font-size: 1.05rem;
}

.updated {
  color: var(--ink-soft);
  font-size: 0.9rem;
  margin: 0 0 2.5rem;
}

a { color: var(--link); text-decoration: underline; text-underline-offset: 2px; }
a:hover { text-decoration-thickness: 2px; }

ul { padding-left: 1.2rem; }
li { margin: 0.35rem 0; }

.card {
  background: var(--paper-tint);
  border: 1px solid var(--rule);
  border-radius: 12px;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
}

.card p:first-child { margin-top: 0; }
.card p:last-child { margin-bottom: 0; }

hr { border: 0; border-top: 1px solid var(--rule); margin: 3rem 0 1.5rem; }

footer { color: var(--ink-soft); font-size: 0.9rem; }
footer a { color: var(--ink-soft); }

code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em;
  background: var(--paper-tint);
  border: 1px solid var(--rule);
  border-radius: 4px;
  padding: 0.1em 0.35em;
}