/* verità — "the journal". Shared by every page on askverita.com.
   Tokens mirror verita-app/design-system/tokens.ts exactly: paper, surface,
   ink, two greys and a hairline. No other colors. One radius (10px). */
:root{
  --paper:#FAF9F6; --surface:#F2F1ED;
  --ink:#141210; --soft:#5B5751; --muted:#A5A19A; --line:#E5E3DE; --nav-off:#C9C5BE;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,system-ui,'Helvetica Neue',sans-serif;
  --hand:'La Belle Aurore','Bradley Hand',cursive;
  --r:10px;
  --gutter:24px;
  --ease:cubic-bezier(.25,.1,.25,1);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{font-family:var(--sans);font-weight:300;font-size:15px;line-height:1.6;letter-spacing:.2px;color:var(--soft);background:var(--paper);-webkit-font-smoothing:antialiased;}
a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1px;}
a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px;}
img{max-width:100%;height:auto;display:block;}
strong{font-weight:500;color:var(--ink);}

.serif{font-family:var(--serif);font-weight:500;color:var(--ink);}
.hand{font-family:var(--hand);font-weight:400;color:var(--ink);}
.eyebrow{font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--muted);line-height:1.4;}

/* ─── masthead ─── */
.mast{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:22px var(--gutter);}
.wordmark{font-family:var(--serif);font-weight:500;font-size:20px;letter-spacing:.02em;color:var(--ink);text-decoration:none;line-height:1;}
.mast nav{display:flex;gap:22px;align-items:center;}
.mast nav a{font-size:11px;font-weight:500;letter-spacing:.1em;text-decoration:none;color:var(--soft);}
.mast nav a.get{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px;}

/* ─── Apple's official App Store badge — never restyled, never below 40px tall ─── */
.appstore{display:inline-block;line-height:0;transition:opacity .2s var(--ease);}
.appstore:hover{opacity:.82;}
.appstore img{height:48px;width:auto;}
.free{font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--muted);}

/* ─── footer ─── */
footer{border-top:1px solid var(--line);margin-top:24px;}
.foot{max-width:1120px;margin:0 auto;padding:36px var(--gutter) 48px;display:grid;gap:18px;}
.foot nav{display:flex;flex-wrap:wrap;gap:10px 22px;}
.foot nav a{font-size:12px;font-weight:400;letter-spacing:.02em;text-decoration:none;color:var(--ink);}
.foot nav.more a{color:var(--muted);}
.foot small{font-size:12px;color:var(--muted);}
.foot .medical{font-size:12px;line-height:1.6;color:var(--muted);max-width:60ch;}
.foot .medical a{color:var(--soft);}

/* ─── document pages (about, faq, vs, support, privacy, terms) ─── */
.doc{max-width:720px;margin:0 auto;padding:40px var(--gutter) 72px;}
.doc .eyebrow{margin-bottom:16px;}
.doc h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,5vw,40px);line-height:1.15;color:var(--ink);margin-bottom:22px;}
.doc h2{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.25;color:var(--ink);margin:40px 0 10px;}
.doc p{margin-bottom:14px;max-width:62ch;}
.doc .updated{font-size:12px;color:var(--muted);margin:-10px 0 32px;}
.doc .intro{max-width:58ch;margin-bottom:36px;}
.doc .plain{background:var(--surface);border-radius:var(--r);padding:18px 20px;margin:8px 0 20px;font-size:14.5px;}
.doc .fine{font-size:12.5px;color:var(--muted);margin-top:28px;}
.cta{margin-top:56px;padding-top:36px;border-top:1px solid var(--line);display:grid;gap:16px;justify-items:start;}
.cta .line{font-family:var(--serif);font-weight:500;font-size:clamp(22px,4vw,28px);color:var(--ink);line-height:1.2;}

@media (max-width:600px){
  .mast nav a:not(.get){display:none;}
  .doc{padding-top:24px;}
}