/* The site's own palette and type over David Marx's website v0.5
   (thin_protocol::website; MG, 29 Sep 2026: "preserve our server's site-wide
   themes, colors"). His variable names, the site's values — the home page's
   before v0.5, which the site header shares — and the site header's font. The
   tints his rules write out stay his; they are the same greens. Loaded after
   marketing-v0-5.css, which stays his bytes. */
body { margin: 0; background: #f4f6f1; }
.bentham-marketing {
  --forest: #193f34;
  --forest-hover: #2a5344;
  --ink: #193f34;
  --body: #203b32;
  --muted: #52645a;
  --canvas: #f4f6f1;
  --sage: #e5ebe0;
  --sage-soft: #eef2ea;
  --white: #ffffff;
  --line: #ccd8cc;
  --strong-line: #aec3b4;
  --focus: #ad6931;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.bentham-marketing .dark :focus-visible,
.bentham-marketing.site-footer :focus-visible { outline-color: #e0b36b; }

/* The introduction card's one control of ours: after the video starts by
   itself, silently, "Play with sound" starts it again from the beginning. */
.bentham-marketing .media-footer .intro-sound {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 6px;
  padding: 6px 12px; border: 1px solid var(--strong-line); border-radius: 7px;
  background: var(--white); color: var(--forest); font-size: 13px; font-weight: 700; line-height: 1.3;
}
.bentham-marketing .media-footer .intro-sound:hover { border-color: var(--forest); }
.bentham-marketing .media-footer .intro-sound svg { width: 14px; height: 14px; margin: 0; }