:root {
  --md-primary-fg-color: #111827;
  --md-primary-fg-color--light: #243044;
  --md-primary-fg-color--dark: #080d16;
  --md-accent-fg-color: #f05a28;
  --kb-orange: #f05a28;
  --kb-cyan: #36c5d0;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0b1018;
  --md-default-fg-color: #eef2f7;
  --md-primary-fg-color: #080d16;
  --md-accent-fg-color: #ff7849;
}

.md-header {
  border-bottom: 2px solid var(--kb-orange);
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 760;
  letter-spacing: -0.025em;
}

.md-typeset h1 {
  max-width: 24ch;
}

.md-typeset .md-button--primary {
  background-color: var(--kb-orange);
  border-color: var(--kb-orange);
  color: #fff;
}

.md-typeset .md-button--primary:hover {
  background-color: #d94716;
  border-color: #d94716;
}

.kb-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1.5rem 0;
}

.kb-stats span {
  border: 1px solid color-mix(in srgb, var(--md-default-fg-color) 20%, transparent);
  border-radius: 0.55rem;
  min-width: 10rem;
  padding: 0.75rem 1rem;
}

.kb-stats strong {
  color: var(--kb-orange);
  display: block;
  font-size: 1.45rem;
  line-height: 1;
  margin-bottom: 0.3rem;
}

.manual-qr {
  background: #fff;
  border: 1px solid #d7dce3;
  border-radius: 0.5rem;
  box-sizing: border-box;
  max-width: 12rem;
  padding: 0.65rem;
}

.md-typeset table:not([class]) {
  display: table;
  width: 100%;
}

@media print {
  .manual-qr {
    break-inside: avoid;
    max-width: 1.35in;
  }
}

@media screen and (max-width: 44.984375em) {
  .kb-stats span {
    flex: 1 1 8rem;
  }
}