/* The Debatable wordmark, everywhere the header carries it.
   2026-10-23, the founder's pick from the wordmark canvas: two-tone Inter
   Black, "Debat" in the page's ink and "able" in red. Live text, not an
   image, so it follows the theme; the sheet loads Inter 900 itself for the
   pages that do not. The two-chevron mark (ink and red, For and Against,
   meeting) is the favicon and the app icon; it stays out of the bar, where
   at 20px it read as an X. Outlined vectors live in /assets/logo/. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap");
.db-wordmark{
  display:inline-flex!important;align-items:center;position:relative;
  vertical-align:-.02em;
  font-family:'Inter',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif!important;
  font-size:inherit!important;font-weight:900!important;font-style:normal!important;
  line-height:1!important;letter-spacing:-.045em!important;text-transform:none;
  color:inherit!important;white-space:nowrap;text-decoration:none;
}
.db-wordmark > span{
  position:static!important;width:auto!important;height:auto!important;
  margin:0!important;padding:0!important;overflow:visible!important;clip-path:none;
  font:inherit!important;letter-spacing:inherit!important;
}
/* 2026-10-23 (the founder, off a screenshot of "Debat" painted white on a
   cream page): the base half no longer inherits. Inheriting took the bar's
   text colour, and on a page that paints light without data-theme="light"
   the shared tokens default to the dark theme's white, so half the name
   vanished. The base is explicit ink, the four dark themes flip it to
   bone, and topbar.js measures the real background behind every wordmark
   and stamps .db-wordmark--on-dark / --on-light, which wins over both. */
.db-wordmark > .db-wordmark-base{color:#141413!important;-webkit-text-fill-color:#141413}
:is([data-theme="crimson"],[data-theme="grey"],[data-theme="dark"],[data-theme="stone"]) .db-wordmark > .db-wordmark-base,
:is(body.crimson-theme,body.grey-theme,body.dark-theme) .db-wordmark > .db-wordmark-base{color:#f5efe7!important;-webkit-text-fill-color:#f5efe7}
.db-wordmark.db-wordmark--on-light > .db-wordmark-base{color:#141413!important;-webkit-text-fill-color:#141413}
.db-wordmark.db-wordmark--on-dark > .db-wordmark-base{color:#f5efe7!important;-webkit-text-fill-color:#f5efe7}
.db-wordmark > .db-wordmark-accent{color:var(--accent,#dc2626)!important;-webkit-text-fill-color:var(--accent,#dc2626)}
@media print, (forced-colors:active){
  .db-wordmark > span{color:inherit!important;-webkit-text-fill-color:currentColor}
}