.kw-bb {
  --kw-bb-text: hsl(var(--main, 330), 15%, 90%);
  --kw-bb-text-muted: hsl(var(--main, 330), 15%, 75%);
  --kw-bb-text-dim: hsl(var(--main, 330), 12%, 62%);
  --kw-bb-accent: hsl(var(--main, 330), 70%, 70%);
  --kw-bb-accent-hover: hsl(var(--main, 330), 75%, 78%);
  --kw-bb-border: hsla(var(--main, 330), 30%, 60%, 0.25);
  --kw-bb-border-strong: hsla(var(--main, 330), 40%, 65%, 0.5);
  --kw-bb-surface: hsla(var(--main, 330), 25%, 30%, 0.25);
  --kw-bb-surface-sunken: hsla(var(--main, 330), 25%, 8%, 0.35);
  --kw-bb-radius: 6px;
  --kw-bb-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  overflow-wrap: anywhere;
  line-height: 1.55;
}
.kw-bb strong {
  color: inherit;
  font-weight: 700;
}
.kw-bb em {
  font-style: italic;
}
.kw-bb u {
  text-decoration: underline;
}
.kw-bb s {
  text-decoration: line-through;
}

.kw-bb-center {
  text-align: center;
}

.kw-bb-heading {
  margin: 0.9em 0 0.35em;
  font-size: 1.35em;
  font-weight: 600;
  color: var(--kw-bb-text);
}

.kw-bb-notice {
  margin: 0.6em 0;
  padding: 0.7em 0.9em;
  background: var(--kw-bb-surface);
  border: 1px solid var(--kw-bb-border);
  border-left: 3px solid var(--kw-bb-accent);
  border-radius: var(--kw-bb-radius);
}

.kw-bb-quote {
  margin: 0.6em 0;
  padding: 0.5em 0.9em;
  border-left: 3px solid var(--kw-bb-border-strong);
  color: var(--kw-bb-text-muted);
  background: transparent;
}
.kw-bb-quote .kw-bb-quote-cite {
  display: block;
  margin-bottom: 0.25em;
  font-size: 0.8em;
  font-style: normal;
  font-weight: 600;
  color: var(--kw-bb-text-dim);
}
.kw-bb-quote .kw-bb-quote-cite::after {
  content: " wrote:";
  font-weight: 400;
}
.kw-bb-quote .kw-bb-quote-link {
  color: inherit;
  text-decoration: none;
}
.kw-bb-quote .kw-bb-quote-link:hover, .kw-bb-quote .kw-bb-quote-link:focus-visible {
  color: var(--kw-bb-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.kw-bb-quote.kw-bb-quote-empty {
  padding-top: 0.15em;
  padding-bottom: 0.15em;
}
.kw-bb-quote.kw-bb-quote-empty .kw-bb-quote-cite {
  margin-bottom: 0;
}

.kw-bb-link {
  color: var(--kw-bb-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}
.kw-bb-link:hover {
  color: var(--kw-bb-accent-hover);
}

.kw-bb-link-inert {
  color: var(--kw-bb-text-muted);
  text-decoration: underline dotted;
  text-underline-offset: 2px;
  cursor: help;
  overflow-wrap: anywhere;
}

.kw-bb-img,
.kw-bb-img-inline {
  max-width: 100%;
  height: auto;
  border-radius: var(--kw-bb-radius);
  vertical-align: middle;
}

.kw-bb-list {
  margin: 0.5em 0;
  padding-left: 1.4em;
  list-style: disc outside;
}
.kw-bb-list.kw-bb-list-ordered {
  list-style: decimal outside;
}
.kw-bb-list .kw-bb-list {
  list-style-type: circle;
}
.kw-bb-list .kw-bb-list.kw-bb-list-ordered {
  list-style-type: lower-alpha;
}
.kw-bb-list > li {
  display: list-item;
  margin: 0.15em 0;
}

.kw-bb-spoiler {
  margin: 0.6em 0;
  border: 1px solid var(--kw-bb-border);
  border-radius: var(--kw-bb-radius);
  background: var(--kw-bb-surface-sunken);
}
.kw-bb-spoiler .kw-bb-spoiler-summary {
  padding: 0.5em 0.9em;
  cursor: pointer;
  font-weight: 600;
  color: var(--kw-bb-text-muted);
}
.kw-bb-spoiler .kw-bb-spoiler-summary:hover {
  color: var(--kw-bb-text);
}
.kw-bb-spoiler .kw-bb-spoiler-summary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--kw-bb-border-strong);
  border-radius: var(--kw-bb-radius);
}
.kw-bb-spoiler .kw-bb-spoiler-body {
  padding: 0.2em 0.9em 0.7em;
}

.kw-bb-code-inline {
  padding: 0.12em 0.38em;
  border-radius: 4px;
  border: 1px solid var(--kw-bb-border);
  background: var(--kw-bb-surface);
  color: inherit;
  font-family: var(--kw-bb-mono);
  font-size: 0.92em;
  overflow-wrap: anywhere;
}

.kw-bb-code-block {
  margin: 0.6em 0;
  padding: 0.7em 0.9em;
  border-radius: var(--kw-bb-radius);
  border: 1px solid var(--kw-bb-border);
  background: var(--kw-bb-surface);
  color: inherit;
  font-family: var(--kw-bb-mono);
  font-size: 0.88em;
  line-height: 1.5;
  overflow-x: auto;
  white-space: pre;
}
.kw-bb-code-block code {
  font: inherit;
  padding: 0;
  background: none;
  color: inherit;
}