/* Shared by every Clinic Rescue page (clinic page, /start, /clinic-setup, /clinic-welcome, /agreement), 2026-10-19.
   Moses: one font, the same sizes everywhere, bigger rather than smaller, and the logo top left on every page.
   Pages use these sizes only (var(--fs-*)); don't add a one-off font-size. */
:root{
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --fs-h1:2.6rem;     /* page headline */
  --fs-h2:2rem;       /* section headings */
  --fs-h3:1.4rem;     /* card / step headings */
  --fs-title:1.2rem;  /* bold item titles inside cards */
  --fs-lead:1.25rem;  /* the one line under a page headline */
  --fs-body:1.125rem; /* every paragraph, list, form field */
  --fs-small:1rem;    /* notes, labels, footers: the smallest text on any page */
  --fs-label:.875rem; /* UPPERCASE eyebrows and badges only */
  --fs-btn:1.125rem;
}
@media (max-width:600px){:root{--fs-h1:2rem;--fs-h2:1.65rem;--fs-h3:1.3rem;}}
body{font-family:var(--font);font-size:var(--fs-body);}

/* Top bar with the logo */
.topbar{background:#00272e;color:#fff;border-bottom:1px solid rgba(255,255,255,.14);}
.topbar.sticky{position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(0,0,0,.18);}
.topbar .tb-in{max-width:1000px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:10px 18px;}
.topbar .tb-logo{display:block;flex:0 0 auto;line-height:0;}
.topbar .tb-logo img{height:32px;width:auto;}
.topbar .tb-mid{flex:1;min-width:0;font-size:var(--fs-small);color:#dfe9ea;line-height:1.35;}
.topbar .tb-mid strong{color:#fff;}
.topbar .tb-mid s{color:#9fb3b5;}
.topbar .tb-gold{color:#f9c54b;font-weight:700;}
.topbar .tb-right{flex:0 0 auto;margin-left:auto;font-size:var(--fs-small);color:#dfe9ea;}
.topbar .tb-right a{color:#fff;font-weight:700;text-decoration:none;white-space:nowrap;}
.topbar .tb-btn{display:inline-block;background:#fff;color:#00272e;font-weight:800;font-size:var(--fs-small);padding:10px 18px;border-radius:8px;text-decoration:none;white-space:nowrap;}
.nowrap{white-space:nowrap;}
@media (max-width:600px){
  .topbar .tb-in{flex-wrap:wrap;padding:8px 16px;}
  .topbar .tb-logo img{height:26px;}
  .topbar .tb-mid{order:3;flex-basis:100%;}
  .topbar .tb-wide{display:none;}
  .topbar .tb-btn{padding:8px 14px;}
}