/* Kontenplan - Hauptbuch & Beleg
   Visual override only. Search, data, tracking and SEO markup stay untouched. */

body.knowledge-hb-body {
  --kp-0: #e5e1d8;
  --kp-1: #dce9f4;
  --kp-2: #dcebe1;
  --kp-3: #f1dfcf;
  --kp-4: #e8def1;
  --kp-5: #e1dfda;
  --kp-6: #d9e9e4;
  --kp-7: #f0d9d5;
  --kp-8: #e4ddd8;
  --kp-9: #e6ddef;
  --kp-0-strong: #56524a;
  --kp-1-strong: #185fa5;
  --kp-2-strong: #2f7650;
  --kp-3-strong: #a85f20;
  --kp-4-strong: #74509a;
  --kp-5-strong: #4e4b45;
  --kp-6-strong: #376f66;
  --kp-7-strong: #a43f34;
  --kp-8-strong: #5b514b;
  --kp-9-strong: #67458c;
}

.knowledge-hb-body .kontenplan-page {
  width: min(100% - 40px, 1500px);
  max-width: 1500px;
  margin: 42px auto 0;
}

.knowledge-hb-body .kontenplan-shell {
  padding: 0;
  border: 0;
  background: transparent;
}

.knowledge-hb-body .kontenplan-breadcrumb {
  max-width: none;
  margin: 0 0 12px;
  padding: 0;
}

.knowledge-hb-body .kontenplan-breadcrumb ol {
  color: var(--kh-ink-muted);
  font-family: var(--kh-mono);
  font-size: 0.66rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.knowledge-hb-body .kontenplan-breadcrumb a {
  color: var(--kh-terra);
}

.knowledge-hb-body .kontenplan-hero {
  max-width: none;
  margin: 0;
  padding: clamp(34px, 5vw, 64px);
  border: 1px solid var(--kh-border);
  border-bottom: 2px solid var(--kh-ink);
  background-color: var(--kh-paper-light);
  background-image: repeating-linear-gradient(#eae3d0 0 1px, transparent 1px 28px);
  background-position: 0 7px;
  text-align: left;
}

.knowledge-hb-body .kontenplan-hero h1 {
  max-width: 22ch;
  font-size: clamp(2.25rem, 4.8vw, 4.25rem);
  text-wrap: balance;
}

.knowledge-hb-body .kontenplan-lead {
  max-width: 76ch;
  margin-inline: 0;
  text-wrap: pretty;
}

.knowledge-hb-body .kontenplan-coffee {
  width: fit-content;
  max-width: 290px;
  margin: 14px 0 0 auto;
  padding: 10px 12px;
  border: 1px solid var(--kh-border);
  border-radius: 0;
  background: rgba(252, 250, 244, 0.92);
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-coffee-button img {
  width: 112px;
  height: 31px;
}

.knowledge-hb-body .kontenplan-coffee-qr img {
  width: 52px;
  height: 52px;
  padding: 3px;
  border: 1px solid var(--kh-border);
  border-radius: 0;
  background: var(--kh-card);
}

/* PDF shelf */
.knowledge-hb-body .kontenplan-downloads {
  margin-top: 22px;
  padding: 26px;
  border: 1px solid #aebcaf;
  border-left: 5px solid var(--kp-2-strong);
  border-radius: 0;
  background:
    linear-gradient(90deg, rgba(220, 235, 225, 0.82), rgba(252, 250, 244, 0.96) 42%),
    var(--kh-paper-light);
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-downloads-head {
  align-items: flex-start;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--kh-border);
}

.knowledge-hb-body .kontenplan-downloads-head-icon {
  width: 40px;
  height: 40px;
  border: 1px solid var(--kh-ink);
  border-radius: 0;
  background: transparent;
  color: var(--kh-blue);
}

.knowledge-hb-body .kontenplan-downloads-kicker {
  color: var(--kh-blue);
  font-family: var(--kh-mono);
  font-size: 0.62rem;
  font-weight: 500;
  letter-spacing: 0.14em;
}

.knowledge-hb-body .kontenplan-downloads-title {
  color: var(--kh-ink);
  font-family: var(--kh-serif);
  font-size: 1.1rem;
  font-weight: 600;
}

.knowledge-hb-body .kontenplan-downloads-copy {
  max-width: 76ch;
  color: var(--kh-ink-mid);
  font-family: var(--kh-serif);
}

.knowledge-hb-body .kontenplan-downloads-version {
  width: fit-content;
  margin: 10px 0 0;
  padding-top: 8px;
  border-top: 1px solid rgba(47, 118, 80, 0.32);
  color: var(--kp-2-strong);
  font-family: var(--kh-mono);
  font-size: 0.64rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.knowledge-hb-body .kontenplan-downloads-version span {
  padding-inline: 5px;
  color: var(--kh-ink-muted);
}

.knowledge-hb-body .kontenplan-downloads-grid {
  gap: 0;
  border: 1px solid #aebcaf;
  background: rgba(252, 250, 244, 0.64);
}

.knowledge-hb-body .kontenplan-download-card {
  min-width: 0;
  padding: 18px;
  border: 0;
  border-right: 1px solid var(--kh-border);
  border-radius: 0;
  background: transparent;
  color: var(--kh-ink);
  box-shadow: none;
  transition: background-color 160ms ease, color 160ms ease;
}

.knowledge-hb-body .kontenplan-download-card:last-child {
  border-right: 0;
}

.knowledge-hb-body .kontenplan-download-card:hover {
  transform: none;
  border-color: var(--kh-border);
  background: rgba(24, 95, 165, 0.06);
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-download-icon {
  width: 38px;
  height: 38px;
  border: 1px solid var(--kh-blue);
  border-radius: 0;
  background: transparent;
  color: var(--kh-blue);
}

.knowledge-hb-body .kontenplan-download-card:hover .kontenplan-download-icon {
  background: rgba(24, 95, 165, 0.08);
}

.knowledge-hb-body .kontenplan-download-body strong {
  color: var(--kh-ink);
  font-family: var(--kh-serif);
  font-weight: 600;
}

.knowledge-hb-body .kontenplan-download-body span {
  color: var(--kh-ink-mid);
  font-family: var(--kh-serif);
}

.knowledge-hb-body .kontenplan-download-badge {
  padding: 4px 7px;
  border: 1px solid var(--kh-blue);
  border-radius: 0;
  background: transparent;
  color: var(--kh-blue);
  font-family: var(--kh-mono);
  font-weight: 500;
}

/* Tool head */
.knowledge-hb-body .kontenplan-toolbar {
  position: static;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0;
  margin-top: 30px;
  padding: 14px;
  border: 2px solid var(--kh-ink);
  background: var(--kh-paper-light);
}

.knowledge-hb-body .kontenplan-search {
  min-height: 54px;
  padding: 0 16px;
  border: 0;
  border-right: 1px solid var(--kh-border);
  border-radius: 0;
  background: var(--kh-card);
  color: var(--kh-ink);
  font-family: var(--kh-serif);
  font-size: 1rem;
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-search::placeholder {
  color: #746d5f;
  opacity: 1;
}

.knowledge-hb-body .kontenplan-search:focus {
  outline: 2px solid var(--kh-terra);
  outline-offset: -2px;
  border-color: transparent;
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-count {
  display: flex;
  min-width: 152px;
  align-items: center;
  justify-content: flex-end;
  padding: 0 12px;
  color: var(--kh-ink-mid);
  font-family: var(--kh-mono);
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.knowledge-hb-body .kontenplan-quick-search {
  gap: 0;
  margin-top: 10px;
  border: 1px solid var(--kh-border);
  border-bottom: 0;
  background: rgba(252, 250, 244, 0.88);
}

.knowledge-hb-body .kontenplan-quick-search button {
  flex: 1 1 auto;
  min-height: 42px;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-right: 1px solid var(--kh-border);
  border-bottom: 1px solid var(--kh-border);
  border-radius: 0;
  background: transparent;
  color: var(--kh-ink-mid);
  font-family: var(--kh-serif);
  font-size: 0.82rem;
  font-weight: 500;
}

.knowledge-hb-body .kontenplan-quick-search button:hover,
.knowledge-hb-body .kontenplan-quick-search button:focus-visible {
  border-color: var(--kh-border);
  background: rgba(176, 73, 44, 0.07);
  color: var(--kh-ink);
}

.knowledge-hb-body .kontenplan-view-tabs {
  width: auto;
  margin: 24px 0 0;
  padding: 0;
  gap: 0;
  justify-content: flex-start;
  border: 1px solid var(--kh-ink);
  background: var(--kh-card);
}

.knowledge-hb-body .kontenplan-view-tab {
  flex: 1 1 50%;
  width: auto;
  min-width: 210px;
  min-height: 50px;
  padding: 0 24px;
  border: 0;
  border-right: 1px solid var(--kh-ink);
  border-radius: 0;
  background: transparent;
  color: var(--kh-ink-mid);
  font-family: var(--kh-serif);
  font-size: 0.95rem;
  font-weight: 600;
  box-shadow: none;
  transition: background-color 160ms ease, color 160ms ease;
}

.knowledge-hb-body .kontenplan-view-tab:last-child {
  border-right: 0;
}

.knowledge-hb-body .kontenplan-view-tab:hover {
  transform: none;
  background: var(--kh-paper);
}

.knowledge-hb-body .kontenplan-view-tab.is-active {
  background: var(--kh-ink);
  color: var(--kh-off-white);
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-filters {
  gap: 0;
  margin-top: 18px;
  border-top: 1px solid var(--kh-border);
  border-left: 1px solid var(--kh-border);
}

.knowledge-hb-body .kontenplan-filter {
  min-height: 44px;
  margin: 0;
  padding: 0 13px;
  border: 0;
  border-right: 1px solid var(--kh-border);
  border-bottom: 1px solid var(--kh-border);
  border-radius: 0;
  color: var(--kh-ink);
  font-family: var(--kh-serif);
  font-size: 0.84rem;
  font-weight: 600;
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-filter:not([class*='class-']) {
  background: var(--kh-card);
}

.knowledge-hb-body .kontenplan-filter:hover {
  filter: brightness(0.97);
}

.knowledge-hb-body .kontenplan-filter.is-active {
  outline: 2px solid var(--kh-ink);
  outline-offset: -2px;
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-compact-hint {
  grid-template-columns: 110px minmax(0, 1fr);
  margin-top: 14px;
  padding: 11px 13px;
  border: 1px solid var(--kh-border);
  border-radius: 0;
  background: rgba(252, 250, 244, 0.8);
  color: var(--kh-ink-mid);
  font-family: var(--kh-serif);
}

.knowledge-hb-body .kontenplan-compact-hint span {
  color: var(--kh-terra);
  font-family: var(--kh-mono);
  font-size: 0.62rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Account ledger */
.knowledge-hb-body .kontenplan-layout,
.knowledge-hb-body .kontenplan-layout.has-detail {
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
  gap: 22px;
  margin-top: 22px;
}

.knowledge-hb-body .kontenplan-layout.has-detail .kontenplan-detail,
.knowledge-hb-body .kontenplan-layout.has-detail .kontenplan-groups {
  grid-row: 1;
}

.knowledge-hb-body .kontenplan-layout.has-detail .kontenplan-detail {
  grid-column: 1;
}

.knowledge-hb-body .kontenplan-layout.has-detail .kontenplan-groups {
  grid-column: 2;
}

.knowledge-hb-body .kontenplan-groups {
  gap: 18px;
}

.knowledge-hb-body .kontenplan-group,
.knowledge-hb-body .kontenplan-group.class-0,
.knowledge-hb-body .kontenplan-group.class-1,
.knowledge-hb-body .kontenplan-group.class-2,
.knowledge-hb-body .kontenplan-group.class-3,
.knowledge-hb-body .kontenplan-group.class-4,
.knowledge-hb-body .kontenplan-group.class-5,
.knowledge-hb-body .kontenplan-group.class-6,
.knowledge-hb-body .kontenplan-group.class-7,
.knowledge-hb-body .kontenplan-group.class-8,
.knowledge-hb-body .kontenplan-group.class-9 {
  overflow: hidden;
  border: 1px solid var(--kh-border);
  border-top: 3px solid var(--kp-group-strong);
  border-radius: 0;
  background: rgba(252, 250, 244, 0.96);
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-group .kontenplan-group-head {
  min-height: 58px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--kh-border);
  background: color-mix(in srgb, var(--kp-group-tint) 72%, var(--kh-card));
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-group-kicker,
.knowledge-hb-body .kontenplan-detail-kicker {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--kp-group-strong);
  font-family: var(--kh-mono);
  font-size: 0.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}

.knowledge-hb-body .kontenplan-group-head h2 {
  margin-left: 8px;
  color: var(--kh-ink);
  font-family: var(--kh-serif);
  font-size: 1rem;
  font-weight: 600;
}

.knowledge-hb-body .kontenplan-group-head p {
  color: var(--kh-ink-mid);
  font-family: var(--kh-serif);
}

.knowledge-hb-body .kontenplan-group-count {
  min-width: 34px;
  height: 28px;
  border: 1px solid var(--kh-border);
  border-radius: 0;
  background: var(--kh-card);
  color: var(--kh-ink-mid);
  font-family: var(--kh-mono);
  font-size: 0.66rem;
  font-weight: 500;
}

.knowledge-hb-body .kontenplan-group .kontenplan-account-grid,
.knowledge-hb-body .kontenplan-account-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background: var(--kh-card);
}

.knowledge-hb-body .kontenplan-group .kontenplan-account,
.knowledge-hb-body .kontenplan-group .kontenplan-account.class-0,
.knowledge-hb-body .kontenplan-group .kontenplan-account.class-1,
.knowledge-hb-body .kontenplan-group .kontenplan-account.class-2,
.knowledge-hb-body .kontenplan-group .kontenplan-account.class-3,
.knowledge-hb-body .kontenplan-group .kontenplan-account.class-4,
.knowledge-hb-body .kontenplan-group .kontenplan-account.class-5,
.knowledge-hb-body .kontenplan-group .kontenplan-account.class-6,
.knowledge-hb-body .kontenplan-group .kontenplan-account.class-7,
.knowledge-hb-body .kontenplan-group .kontenplan-account.class-8,
.knowledge-hb-body .kontenplan-group .kontenplan-account.class-9 {
  min-height: 46px;
  padding: 7px 10px;
  border: 0;
  border-right: 1px solid var(--kh-border);
  border-bottom: 1px solid var(--kh-border);
  border-radius: 0;
  background: var(--kh-card);
  color: var(--kh-ink);
  box-shadow: none;
  white-space: normal;
}

.knowledge-hb-body .kontenplan-group .kontenplan-account:nth-child(even) {
  background: color-mix(in srgb, var(--kp-group-tint) 38%, var(--kh-card));
}

.knowledge-hb-body .kontenplan-group .kontenplan-account:hover {
  background: color-mix(in srgb, var(--kp-group-tint) 72%, var(--kh-card));
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-group .kontenplan-account.is-selected {
  outline: 2px solid var(--kp-group-strong);
  outline-offset: -2px;
  background: color-mix(in srgb, var(--kp-group-tint) 82%, var(--kh-card));
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-group .kontenplan-account-number {
  min-height: 0;
  padding: 0;
  justify-content: flex-start;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--kp-group-strong);
  font-family: var(--kh-mono);
  font-size: 0.68rem;
  font-weight: 500;
}

.knowledge-hb-body .kontenplan-account-name {
  color: var(--kh-ink);
  font-family: var(--kh-serif);
  font-size: 0.82rem;
  line-height: 1.3;
}

/* Detail ledger */
.knowledge-hb-body .kontenplan-detail {
  top: 82px;
  max-height: calc(100vh - 104px);
  scrollbar-color: var(--kh-border) transparent;
}

.knowledge-hb-body .kontenplan-detail-card,
.knowledge-hb-body .kontenplan-detail-empty,
.knowledge-hb-body .kontenplan-empty {
  padding: 20px;
  border: 1px solid var(--kh-ink);
  border-radius: 0;
  background: var(--kh-paper-light);
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-detail-card h2,
.knowledge-hb-body .kontenplan-detail-empty h2,
.knowledge-hb-body .kontenplan-empty h2 {
  margin: 12px 0 0;
  padding-bottom: 10px;
  border-bottom: 3px double var(--kh-ink);
  color: var(--kh-ink);
  font-family: var(--kh-mono);
  font-size: 1.8rem;
  font-weight: 500;
}

.knowledge-hb-body .kontenplan-detail-card h3 {
  margin-top: 14px;
  color: var(--kh-ink);
  font-family: var(--kh-serif);
  font-weight: 600;
}

.knowledge-hb-body .kontenplan-detail-type,
.knowledge-hb-body .kontenplan-detail-copy,
.knowledge-hb-body .kontenplan-detail-section p,
.knowledge-hb-body .kontenplan-detail-list,
.knowledge-hb-body .kontenplan-detail-booking-text {
  color: var(--kh-ink-mid);
  font-family: var(--kh-serif);
}

.knowledge-hb-body .kontenplan-detail-meta {
  gap: 0;
  border-top: 1px solid var(--kh-border);
  border-left: 1px solid var(--kh-border);
}

.knowledge-hb-body .kontenplan-detail-meta span {
  min-height: 34px;
  padding: 7px 9px;
  border: 0;
  border-right: 1px solid var(--kh-border);
  border-bottom: 1px solid var(--kh-border);
  border-radius: 0;
  background: transparent;
  color: var(--kh-ink-mid);
  font-family: var(--kh-serif);
  font-size: 0.78rem;
  font-weight: 500;
}

.knowledge-hb-body .kontenplan-detail-section {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--kh-border);
}

.knowledge-hb-body .kontenplan-detail-section h4 {
  color: var(--kh-terra);
  font-family: var(--kh-mono);
  font-size: 0.6rem;
  font-weight: 500;
  letter-spacing: 0.12em;
}

.knowledge-hb-body .kontenplan-detail-warning {
  margin-left: 0;
  padding: 14px;
  border: 1px solid #c9a978;
  border-radius: 0;
  background: rgba(168, 116, 77, 0.08);
}

.knowledge-hb-body .kontenplan-detail-links {
  gap: 0;
  border-top: 1px solid var(--kh-border);
  border-left: 1px solid var(--kh-border);
}

.knowledge-hb-body .kontenplan-detail-links a {
  min-height: 40px;
  padding: 8px 10px;
  border: 0;
  border-right: 1px solid var(--kh-border);
  border-bottom: 1px solid var(--kh-border);
  border-radius: 0;
  background: transparent;
  color: var(--kh-ink);
  font-family: var(--kh-serif);
  font-weight: 600;
}

.knowledge-hb-body .kontenplan-detail-links a:hover {
  border-color: var(--kh-border);
  background: rgba(176, 73, 44, 0.07);
}

.knowledge-hb-body .kontenplan-convert-booking {
  border: 1px solid var(--kh-ink);
  border-radius: 0;
  background: var(--kh-card);
  color: var(--kh-ink);
  font-family: var(--kh-serif);
}

.knowledge-hb-body .kontenplan-convert-nr {
  color: var(--kh-blue);
  font-family: var(--kh-mono);
}

/* Balance view */
.knowledge-hb-body .kontenplan-balance-intro {
  margin-top: 22px;
  padding: 18px 20px;
  border: 1px solid var(--kh-border);
  background: rgba(252, 250, 244, 0.88);
}

.knowledge-hb-body .kontenplan-balance-board {
  gap: 16px;
}

.knowledge-hb-body .kontenplan-balance-column {
  padding: 18px;
  border: 1px solid var(--kh-border);
  border-radius: 0;
  background: rgba(252, 250, 244, 0.95);
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-balance-head {
  min-height: 105px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--kh-ink);
}

.knowledge-hb-body .kontenplan-balance-head h2 {
  color: var(--kh-ink);
  font-family: var(--kh-serif);
  font-weight: 600;
}

.knowledge-hb-body .kontenplan-balance-card,
.knowledge-hb-body .kontenplan-balance-empty {
  padding: 14px;
  border: 1px solid var(--kh-border);
  border-radius: 0;
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-balance-kicker {
  color: var(--kh-ink-mid);
  font-family: var(--kh-mono);
  font-size: 0.62rem;
  font-weight: 500;
}

/* Learning bridge and editorial sections */
.knowledge-hb-body .kontenplan-convert {
  gap: 30px;
  margin-top: 42px;
  padding: 34px;
  border: 0;
  border-radius: 0;
  background: var(--kh-ink);
  color: var(--kh-off-white);
}

.knowledge-hb-body .kontenplan-convert h2,
.knowledge-hb-body .kontenplan-convert p,
.knowledge-hb-body .kontenplan-convert li {
  color: var(--kh-off-white);
  font-family: var(--kh-serif);
}

.knowledge-hb-body .kontenplan-convert-kicker,
.knowledge-hb-body .kontenplan-convert-card-kicker {
  color: #d7a47e;
  font-family: var(--kh-mono);
  font-size: 0.62rem;
  font-weight: 500;
}

.knowledge-hb-body .kontenplan-convert-actions,
.knowledge-hb-body .kontenplan-convert-auth-links {
  gap: 8px;
}

.knowledge-hb-body .kontenplan-convert-primary,
.knowledge-hb-body .kontenplan-convert-secondary,
.knowledge-hb-body .kontenplan-convert-auth-links a {
  min-height: 44px;
  padding: 11px 16px;
  border-radius: 0;
  font-family: var(--kh-serif);
  font-weight: 600;
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-convert-primary {
  border: 1px solid var(--kh-terra);
  background: var(--kh-terra);
  color: var(--kh-card);
}

.knowledge-hb-body .kontenplan-convert-secondary {
  border: 1px solid #686156;
  background: transparent;
  color: var(--kh-off-white);
}

.knowledge-hb-body .kontenplan-convert-preview,
.knowledge-hb-body .kontenplan-convert-card {
  border-radius: 0;
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-convert-preview {
  border: 1px solid #686156;
  background: #2d2923;
}

.knowledge-hb-body .kontenplan-convert-card {
  background: transparent;
}

.knowledge-hb-body .kontenplan-convert-card-case,
.knowledge-hb-body .kontenplan-convert-card-hint {
  color: #c9c2b2;
}

.knowledge-hb-body .kontenplan-convert-auth {
  margin-top: 32px;
  padding: 20px;
  border: 1px solid var(--kh-border);
  border-radius: 0;
  background: var(--kh-card);
}

.knowledge-hb-body .kontenplan-seo-divider {
  margin: 52px 0 34px;
  border-top: 2px solid var(--kh-ink);
}

.knowledge-hb-body .kontenplan-seo-intro {
  gap: 24px;
  margin-top: 24px;
}

.knowledge-hb-body .kontenplan-seo-intro > div,
.knowledge-hb-body .kontenplan-seo-faq {
  padding: 24px;
  border: 1px solid var(--kh-border);
  border-radius: 0;
  background: rgba(252, 250, 244, 0.92);
}

.knowledge-hb-body .kontenplan-seo-intro h2,
.knowledge-hb-body .kontenplan-seo-faq h2 {
  color: var(--kh-ink);
  font-family: var(--kh-serif);
  font-weight: 600;
}

.knowledge-hb-body .kontenplan-faq-list > div {
  border-color: var(--kh-border);
}

.knowledge-hb-body .kontenplan-faq-list dt {
  color: var(--kh-ink);
  font-family: var(--kh-serif);
  font-weight: 600;
}

.knowledge-hb-body .kontenplan-faq-list dd {
  color: var(--kh-ink-mid);
  font-family: var(--kh-serif);
}

/* Signup and download dialogs */
.knowledge-hb-body .kontenplan-signup-prompt,
.knowledge-hb-body .kontenplan-download-modal-backdrop {
  background: rgba(35, 32, 27, 0.72);
  backdrop-filter: none;
}

.knowledge-hb-body .kontenplan-signup-dialog,
.knowledge-hb-body .kontenplan-download-dialog {
  border: 2px solid var(--kh-ink);
  border-radius: 0;
  background: var(--kh-paper-light);
  box-shadow: 6px 6px 0 rgba(35, 32, 27, 0.28);
}

.knowledge-hb-body .kontenplan-signup-close,
.knowledge-hb-body .kontenplan-download-dialog-close {
  width: 42px;
  height: 42px;
  border: 1px solid var(--kh-ink);
  border-radius: 0;
  background: var(--kh-card);
  color: var(--kh-ink);
}

.knowledge-hb-body .kontenplan-signup-kicker,
.knowledge-hb-body .kontenplan-download-dialog-kicker,
.knowledge-hb-body .kontenplan-download-demo-label {
  color: var(--kh-terra);
  font-family: var(--kh-mono);
  font-size: 0.62rem;
  font-weight: 500;
}

.knowledge-hb-body .kontenplan-signup-dialog h2,
.knowledge-hb-body .kontenplan-download-dialog-copy h2 {
  color: var(--kh-ink);
  font-family: var(--kh-serif);
  font-weight: 600;
}

.knowledge-hb-body .kontenplan-signup-primary,
.knowledge-hb-body .kontenplan-signup-secondary,
.knowledge-hb-body .kontenplan-download-practice,
.knowledge-hb-body .kontenplan-download-confirm {
  min-height: 46px;
  border-radius: 0;
  font-family: var(--kh-serif);
  font-weight: 600;
  box-shadow: none;
}

.knowledge-hb-body .kontenplan-signup-primary,
.knowledge-hb-body .kontenplan-download-practice {
  border-color: var(--kh-terra);
  background: var(--kh-terra);
  color: var(--kh-card);
}

.knowledge-hb-body .kontenplan-signup-secondary,
.knowledge-hb-body .kontenplan-download-confirm {
  border-color: var(--kh-ink);
  background: transparent;
  color: var(--kh-ink);
}

.knowledge-hb-body .kontenplan-download-demo {
  border-color: var(--kh-border);
  background-color: var(--kh-paper);
  background-image:
    repeating-linear-gradient(0deg, rgba(120, 110, 85, 0.06) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(90deg, rgba(120, 110, 85, 0.06) 0 1px, transparent 1px 26px);
}

.knowledge-hb-body .kontenplan-download-demo-target,
.knowledge-hb-body .kontenplan-download-demo-chip {
  border-radius: 0;
  box-shadow: none;
}

@media (max-width: 1180px) {
  .knowledge-hb-body .kontenplan-layout,
  .knowledge-hb-body .kontenplan-layout.has-detail {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  }

  .knowledge-hb-body .kontenplan-group .kontenplan-account-grid,
  .knowledge-hb-body .kontenplan-account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .knowledge-hb-body .kontenplan-balance-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .knowledge-hb-body .kontenplan-page {
    width: min(100% - 28px, 1500px);
  }

  .knowledge-hb-body .kontenplan-layout,
  .knowledge-hb-body .kontenplan-layout.has-detail {
    grid-template-columns: 1fr;
  }

  .knowledge-hb-body .kontenplan-layout.has-detail .kontenplan-groups,
  .knowledge-hb-body .kontenplan-layout.has-detail .kontenplan-detail {
    grid-column: 1;
    grid-row: auto;
  }

  .knowledge-hb-body .kontenplan-layout.has-detail .kontenplan-groups {
    grid-row: 1;
  }

  .knowledge-hb-body .kontenplan-layout.has-detail .kontenplan-detail {
    grid-row: 2;
  }

  .knowledge-hb-body .kontenplan-detail {
    position: static;
    max-height: none;
    overflow: visible;
  }

  .knowledge-hb-body .kontenplan-downloads-grid {
    grid-template-columns: 1fr;
  }

  .knowledge-hb-body .kontenplan-download-card {
    border-right: 0;
    border-bottom: 1px solid var(--kh-border);
  }

  .knowledge-hb-body .kontenplan-download-card:last-child {
    border-bottom: 0;
  }

  .knowledge-hb-body .kontenplan-seo-intro {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .knowledge-hb-body .kontenplan-page {
    width: min(100% - 20px, 1500px);
    margin-top: 22px;
  }

  .knowledge-hb-body .kontenplan-hero {
    padding: 28px 20px;
  }

  .knowledge-hb-body .kontenplan-hero h1 {
    font-size: clamp(2rem, 11vw, 3rem);
  }

  .knowledge-hb-body .kontenplan-downloads,
  .knowledge-hb-body .kontenplan-seo-intro > div,
  .knowledge-hb-body .kontenplan-seo-faq {
    padding: 20px;
  }

  .knowledge-hb-body .kontenplan-downloads-head {
    display: grid;
  }

  .knowledge-hb-body .kontenplan-toolbar {
    position: static;
    grid-template-columns: 1fr;
    padding: 10px;
  }

  .knowledge-hb-body .kontenplan-search {
    border-right: 0;
    border-bottom: 1px solid var(--kh-border);
  }

  .knowledge-hb-body .kontenplan-count {
    min-height: 38px;
    justify-content: flex-start;
  }

  .knowledge-hb-body .kontenplan-view-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .knowledge-hb-body .kontenplan-view-tab {
    width: 100%;
    min-width: 0;
    border-right: 0;
    border-bottom: 1px solid var(--kh-ink);
  }

  .knowledge-hb-body .kontenplan-view-tab:last-child {
    border-bottom: 0;
  }

  .knowledge-hb-body .kontenplan-group .kontenplan-account-grid,
  .knowledge-hb-body .kontenplan-account-grid,
  .knowledge-hb-body .kontenplan-balance-board {
    grid-template-columns: 1fr;
  }

  .knowledge-hb-body .kontenplan-group .kontenplan-account,
  .knowledge-hb-body .kontenplan-group .kontenplan-account.class-0,
  .knowledge-hb-body .kontenplan-group .kontenplan-account.class-1,
  .knowledge-hb-body .kontenplan-group .kontenplan-account.class-2,
  .knowledge-hb-body .kontenplan-group .kontenplan-account.class-3,
  .knowledge-hb-body .kontenplan-group .kontenplan-account.class-4,
  .knowledge-hb-body .kontenplan-group .kontenplan-account.class-5,
  .knowledge-hb-body .kontenplan-group .kontenplan-account.class-6,
  .knowledge-hb-body .kontenplan-group .kontenplan-account.class-7,
  .knowledge-hb-body .kontenplan-group .kontenplan-account.class-8,
  .knowledge-hb-body .kontenplan-group .kontenplan-account.class-9 {
    min-height: 48px;
  }

  .knowledge-hb-body .kontenplan-convert {
    padding: 26px 20px;
  }

  .knowledge-hb-body .kontenplan-download-dialog {
    max-height: calc(100vh - 20px);
    overflow-y: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .knowledge-hb-body .kontenplan-download-card,
  .knowledge-hb-body .kontenplan-view-tab,
  .knowledge-hb-body .kontenplan-quick-search button {
    transition: none;
  }
}