/* Tobava brand colours for help, blog and legal pages: the same palette and light/dark choice as the homepage.
   html.light is set by the inline script in each page's <head> (saved 'tobava-theme' choice, else the device setting). */
:root {
  --bg: #212121; --bg2: #2A2A2A; --bg3: #303030;
  --teal: #5FD3BC; --teal-glow: rgba(31,168,144,0.10); --teal-border: rgba(31,168,144,0.30);
  --text: #ECECEC; --text2: #A8A8A8; --border: rgba(255,255,255,0.12);
  --on-teal: #10231F;
  color-scheme: dark;
}
html.light {
  --bg: #F9FBFA; --bg2: #FFFFFF; --bg3: #F1F5F4;
  --teal: #0F5F55; --teal-glow: rgba(15,95,85,0.06); --teal-border: rgba(15,95,85,0.25);
  --text: #11231F; --text2: #4B5F5A; --border: #C9D5D1;
  --on-teal: #FFFFFF;
  color-scheme: light;
}
/* Blog labels: keep them label-sized, and readable on the light background */
.card .tag { align-self: flex-start; width: fit-content; }
html.light .tag.guide { color: #15803D; }
html.light .tag.security { color: #B91C1C; }
html.light .tag.product { color: #B45309; }
/* Blog card byline: wrap whole items, never split "October 17, 2026" across lines */
.card-meta { flex-wrap: wrap; row-gap: 4px; }
.card-meta > span:not(.dot) { white-space: nowrap; }