/* One brand lock-up for the marketing site and the application: Terry's logo of 28 September 2026
   (Brief 35, ruling 10), the speech bubble mark, then "Site" in navy and "Clara" in blue, in Manrope
   ExtraBold. The mark is public/logo-mark.svg on the static pages and the same drawing inline in
   BrandLogo.vue; public/logo.svg is the whole lock-up as one file. The app's dark surfaces set
   --sc-site and --sc-clara in client/src/styles.css. */
.siteclara-brand {
  --sc-site: #012c55;
  --sc-clara: #147df3;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  vertical-align: middle;
  font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 21px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.03em;
  text-transform: none;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
}
.siteclara-mark { display: block; flex-shrink: 0; width: auto; height: 1.5em; margin-right: .32em; }
.sc-site { color: var(--sc-site); }
.sc-clara { color: var(--sc-clara); }
@media print {
  .siteclara-brand { --sc-site: #012c55; --sc-clara: #147df3; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}