@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
    --kh-paper: #f4f1e8;
    --kh-paper-light: #fbf8ef;
    --kh-card: #fcfaf4;
    --kh-ink: #23201b;
    --kh-ink-mid: #6e6757;
    --kh-ink-muted: #746d5f;
    --kh-off-white: #ede8db;
    --kh-border: #dad3c2;
    --kh-terra: #b0492c;
    --kh-ocker: #a8744d;
    --kh-oliv: #5e7a4f;
    --kh-blue: #185fa5;
    --kh-serif: 'Lora', 'Source Serif 4', Georgia, serif;
    --kh-mono: 'JetBrains Mono', 'IBM Plex Mono', monospace;
}

body.knowledge-hb-body {
    min-height: 100vh;
    margin: 0;
    background-color: var(--kh-paper);
    background-image:
        repeating-linear-gradient(0deg, rgba(120, 110, 85, 0.035) 0 1px, transparent 1px 26px),
        repeating-linear-gradient(90deg, rgba(120, 110, 85, 0.035) 0 1px, transparent 1px 26px);
    color: var(--kh-ink);
    font-family: var(--kh-serif);
}

body.knowledge-hb-body::before,
body.knowledge-hb-body::after {
    display: none;
}

.knowledge-hb-body *,
.knowledge-hb-body *::before,
.knowledge-hb-body *::after {
    box-sizing: border-box;
}

/* Public and authenticated chrome */
.knowledge-hb-body .seo-public-header {
    width: 100%;
    max-width: none;
    min-height: 64px;
    margin: 0;
    padding: 0 clamp(20px, 4vw, 58px);
    border: 0;
    background: var(--kh-ink);
    color: var(--kh-off-white);
}

.knowledge-hb-body .seo-brand {
    color: var(--kh-off-white);
    font-family: var(--kh-serif);
    font-size: 1rem;
    font-weight: 600;
}

.knowledge-hb-body .seo-brand::before {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    background-image: url('/img/LOGO/mark-filled.svg');
    filter: grayscale(1) brightness(4);
}

.knowledge-hb-body .seo-nav {
    gap: 22px;
}

.knowledge-hb-body .seo-nav a,
.knowledge-hb-body .seo-nav a:last-child {
    min-height: 44px;
    padding: 8px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #c9c2b2;
    font-family: var(--kh-serif);
    font-size: 0.9rem;
    font-weight: 500;
}

.knowledge-hb-body .seo-nav a:hover,
.knowledge-hb-body .seo-nav a:focus-visible {
    color: var(--kh-off-white);
}

.knowledge-hb-body .seo-nav a:last-child {
    padding-inline: 14px;
    border: 1px solid #4a453b;
    color: var(--kh-off-white);
}

.knowledge-hb-body #navbar-container {
    width: 100%;
}

.knowledge-hb-body.knowledge-footer-ready > .seo-footer {
    display: none !important;
}

.knowledge-hb-body #knowledge-footer-container {
    width: 100%;
    margin-top: 72px;
}

.knowledge-hb-body #knowledge-footer-container .site-footer {
    margin: 0;
}

/* Authenticated app shell: same three-rail chrome as Dashboard and Lernen. */
@media (min-width: 1281px) {
    body.knowledge-hb-body.knowledge-authenticated {
        display: grid;
        grid-template-columns: minmax(190px, 250px) minmax(0, 1180px) minmax(240px, 290px);
        gap: 22px;
        align-items: start;
        justify-content: center;
        padding: 0 20px 64px;
    }

    .knowledge-hb-body.knowledge-authenticated #navbar-container {
        grid-column: 1 / -1;
        grid-row: 1;
        width: 100vw;
        margin-inline: calc(50% - 50vw);
    }

    .knowledge-hb-body.knowledge-authenticated > :is(.wissen-page, .kontenplan-page) {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        max-width: 1180px;
        margin: 52px 0 0;
    }

    .knowledge-hb-body.knowledge-authenticated .beta-info-stack {
        grid-column: 1;
        grid-row: 2;
        position: sticky;
        top: 96px;
        z-index: 10;
        width: 100%;
        margin-top: 52px;
    }

    .knowledge-hb-body.knowledge-authenticated .gamification-stack {
        grid-column: 3;
        grid-row: 2;
        position: sticky;
        top: 96px;
        z-index: 10;
        display: grid;
        gap: 12px;
        width: 100%;
        margin-top: 52px;
    }

    .knowledge-hb-body.knowledge-authenticated #knowledge-footer-container,
    .knowledge-hb-body.knowledge-authenticated > .site-footer {
        grid-column: 1 / -1;
        grid-row: 3;
        width: 100vw;
        margin: 60px calc(50% - 50vw) -64px;
    }
}

.knowledge-hb-body.knowledge-state-pending .beta-info-stack {
    visibility: hidden;
}

.knowledge-hb-body.knowledge-public .beta-info-stack {
    display: none;
}

/* Authenticated navbar chrome */
.knowledge-hb-body .app-navbar {
    min-height: 74px;
    padding: 0 28px;
    border: 0;
    background: var(--kh-ink);
    color: var(--kh-off-white);
    font-family: var(--kh-serif);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.knowledge-hb-body .nav-logo-image {
    width: clamp(170px, 16vw, 218px);
}

.knowledge-hb-body .nav-center {
    gap: clamp(18px, 2vw, 34px);
}

.knowledge-hb-body .nav-link {
    color: #c9c2b2;
    font-family: var(--kh-serif);
    font-size: 15px;
    font-weight: 400;
    transition: color 150ms ease;
}

.knowledge-hb-body .nav-link:hover,
.knowledge-hb-body .nav-link.active {
    color: var(--kh-off-white);
    font-weight: 500;
    transform: none;
}

.knowledge-hb-body .nav-link:not(.nav-summary).active::after,
.knowledge-hb-body .nav-link:not(.nav-summary):hover::after {
    border-radius: 0;
    background: var(--kh-terra);
}

.knowledge-hb-body .nav-summary::after {
    border-color: #8a8273;
}

.knowledge-hb-body .nav-dropdown {
    padding: 6px;
    border: 1px solid #3d3830;
    border-radius: 0;
    background: #2e2a22;
    box-shadow: 3px 3px 0 #0e0c09;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.knowledge-hb-body .nav-dropdown-link {
    border-radius: 0;
    color: #c9c2b2;
    font-family: var(--kh-serif);
}

.knowledge-hb-body .nav-dropdown-link:hover {
    background: #3d3830;
    color: var(--kh-off-white);
}

.knowledge-hb-body .logout-btn {
    padding: 6px 12px;
    border: 1px solid #4a453b;
    border-radius: 0;
    background: transparent;
    color: #9a9385;
    font-family: var(--kh-mono);
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.knowledge-hb-body .logout-btn:hover {
    border-color: #7a7468;
    background: transparent;
    color: var(--kh-off-white);
}

/* Left and right rail chrome */
.knowledge-hb-body .beta-info-stack,
.knowledge-hb-body .gamification-stack {
    gap: 10px;
}

.knowledge-hb-body .gamification-panel,
.knowledge-hb-body .feedback-cta-link {
    position: static;
    width: 100%;
}

.knowledge-hb-body .beta-info-box,
.knowledge-hb-body .gamification-panel {
    border: 1px solid var(--kh-border);
    border-radius: 0;
    background: var(--kh-card);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.knowledge-hb-body .beta-info-toggle {
    min-height: 56px;
    padding: 13px 14px;
    background: transparent;
}

.knowledge-hb-body .beta-info-title,
.knowledge-hb-body .beta-info-icon,
.knowledge-hb-body .gamification-kicker,
.knowledge-hb-body .gamification-stat-label,
.knowledge-hb-body .gamification-profile-link,
.knowledge-hb-body .feedback-cta-link {
    font-family: var(--kh-mono);
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.knowledge-hb-body .beta-info-title {
    color: var(--kh-ocker);
    font-size: 0.62rem;
}

.knowledge-hb-body .beta-info-icon,
.knowledge-hb-body .gamification-kicker,
.knowledge-hb-body .gamification-stat-label {
    color: var(--kh-ink-muted);
    font-size: 0.58rem;
}

.knowledge-hb-body .beta-info-body {
    padding: 0 14px 14px;
    border-top: 1px solid var(--kh-border);
}

.knowledge-hb-body .beta-info-body p,
.knowledge-hb-body .gamification-muted,
.knowledge-hb-body .gamification-support-note {
    color: var(--kh-ink-mid);
    font-family: var(--kh-serif);
}

.knowledge-hb-body .gamification-panel {
    padding: 20px;
}

.knowledge-hb-body .gamification-panel-head {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--kh-border);
}

.knowledge-hb-body .gamification-avatar,
.knowledge-hb-body .gamification-stat,
.knowledge-hb-body .gamification-progress,
.knowledge-hb-body .gamification-badges,
.knowledge-hb-body .gamification-badge-slot {
    border-color: var(--kh-border);
    border-radius: 0;
    background: var(--kh-paper-light);
}

.knowledge-hb-body .gamification-avatar {
    border-width: 1px;
}

.knowledge-hb-body .gamification-head-copy h2 {
    margin: 0;
    color: var(--kh-ink);
    font-family: var(--kh-serif);
    font-size: 0.98rem;
    font-weight: 600;
}

.knowledge-hb-body .gamification-stats {
    gap: 0;
    border: 1px solid var(--kh-border);
}

.knowledge-hb-body .gamification-stat {
    border: 0;
    background: transparent;
}

.knowledge-hb-body .gamification-stat:first-child {
    border-right: 1px solid var(--kh-border);
}

.knowledge-hb-body .gamification-stat-value {
    color: var(--kh-ink);
    font-family: var(--kh-mono);
    font-weight: 500;
}

.knowledge-hb-body .gamification-progress-bar {
    height: 7px;
    border-radius: 0;
    background: #e6e0d2;
}

.knowledge-hb-body .gamification-progress-fill {
    border-radius: 0;
    background: var(--kh-oliv);
}

.knowledge-hb-body .gamification-badge-slot.is-earned {
    border-color: var(--kh-oliv);
    background: rgba(94, 122, 79, 0.08);
    color: var(--kh-oliv);
}

.knowledge-hb-body .gamification-profile-link {
    border: 1px solid var(--kh-ink);
    border-radius: 0;
    background: transparent;
    color: var(--kh-ink);
    font-size: 0.62rem;
}

.knowledge-hb-body .gamification-profile-link:hover {
    background: var(--kh-paper-light);
}

.knowledge-hb-body .gamification-support-note {
    border-top: 1px solid var(--kh-border);
    text-align: left;
}

.knowledge-hb-body .gamification-support-note a {
    color: var(--kh-ink);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.knowledge-hb-body .feedback-cta-link {
    min-height: 50px;
    border: 0;
    border-radius: 0;
    background: var(--kh-terra);
    color: var(--kh-card);
    font-size: 0.62rem;
    box-shadow: none;
}

.knowledge-hb-body .feedback-cta-link:hover {
    background: var(--kh-ink);
}

/* Shared footer chrome */
.knowledge-hb-body .site-footer {
    margin-top: 0;
    padding: 44px 28px 32px;
    border-top: 2px solid var(--kh-ink);
    background: var(--kh-paper);
}

.knowledge-hb-body .site-footer-logo img {
    width: min(210px, 100%);
    filter: brightness(0) opacity(0.82);
}

.knowledge-hb-body .site-footer-copy,
.knowledge-hb-body .site-footer-support {
    color: var(--kh-ink-mid);
    font-family: var(--kh-serif);
}

.knowledge-hb-body .site-footer-support a {
    color: var(--kh-ink);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.knowledge-hb-body .site-footer-column h2 {
    margin: 0 0 14px;
    color: var(--kh-ocker);
    font-family: var(--kh-mono);
    font-size: 0.56rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.knowledge-hb-body .site-footer-column a {
    color: #3d3930;
    font-family: var(--kh-serif);
    line-height: 2.05;
}

.knowledge-hb-body .site-footer-column a:hover {
    color: var(--kh-terra);
    text-decoration: none;
}

.knowledge-hb-body .site-footer-bottom {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--kh-border);
    color: var(--kh-ink-muted);
    font-family: var(--kh-mono);
    font-size: 0.62rem;
}

.knowledge-hb-body .site-footer-bottom a {
    color: var(--kh-ink-muted);
    font-family: var(--kh-mono);
}

@media (max-width: 1280px) {
    body.knowledge-hb-body.knowledge-authenticated {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        padding: 0 18px 52px;
    }

    .knowledge-hb-body.knowledge-authenticated #navbar-container {
        grid-column: 1;
        grid-row: 1;
        width: calc(100% + 36px);
        margin-inline: -18px;
    }

    .knowledge-hb-body.knowledge-authenticated > :is(.wissen-page, .kontenplan-page) {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        max-width: 1080px;
        margin: 36px auto 0;
    }

    .knowledge-hb-body.knowledge-authenticated .beta-info-stack {
        grid-column: 1;
        grid-row: 3;
        position: static;
        width: min(680px, 100%);
        margin: 24px auto 0;
    }

    .knowledge-hb-body.knowledge-authenticated .gamification-stack {
        grid-column: 1;
        grid-row: 4;
        position: static;
        display: grid;
        gap: 12px;
        width: min(680px, 100%);
        margin: 12px auto 0;
    }

    .knowledge-hb-body.knowledge-authenticated #knowledge-footer-container,
    .knowledge-hb-body.knowledge-authenticated > .site-footer {
        grid-column: 1;
        grid-row: 5;
        width: calc(100% + 36px);
        margin: 52px -18px -52px;
    }

    .knowledge-hb-body .app-navbar {
        padding: 12px 18px;
    }

    .knowledge-hb-body .nav-dropdown {
        margin-top: 8px;
        border-radius: 0;
        background: #2e2a22;
        box-shadow: none;
    }
}

/* Shared editorial frame */
.knowledge-hb-body .seo-page,
.knowledge-hb-body .article-page,
.knowledge-hb-body .wissen-page,
.knowledge-hb-body .kontenplan-page {
    width: min(100% - 40px, 1120px);
    max-width: 1120px;
    margin: 48px auto 0;
    padding: 0;
}

.knowledge-hb-body.knowledge-authenticated .seo-page,
.knowledge-hb-body.knowledge-authenticated .article-page,
.knowledge-hb-body.knowledge-authenticated .wissen-page,
.knowledge-hb-body.knowledge-authenticated .kontenplan-page {
    margin-top: 48px;
}

.knowledge-hb-body .seo-article,
.knowledge-hb-body .article-shell,
.knowledge-hb-body .kontenplan-shell {
    overflow: visible;
    border: 1px solid var(--kh-border);
    border-radius: 0;
    background: rgba(252, 250, 244, 0.96);
    box-shadow: none;
}

.knowledge-hb-body .seo-hero,
.knowledge-hb-body .article-hero,
.knowledge-hb-body .kontenplan-hero {
    position: relative;
    padding: clamp(34px, 5vw, 62px);
    border: 0;
    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;
}

.knowledge-hb-body .seo-kicker,
.knowledge-hb-body .article-kicker,
.knowledge-hb-body .kontenplan-kicker,
.knowledge-hb-body .wissen-kicker {
    margin: 0 0 12px;
    color: var(--kh-terra);
    font-family: var(--kh-mono);
    font-size: 0.64rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.knowledge-hb-body .seo-hero h1,
.knowledge-hb-body .article-hero h1,
.knowledge-hb-body .kontenplan-hero h1,
.knowledge-hb-body .wissen-hero h1 {
    max-width: 18ch;
    margin: 0;
    color: var(--kh-ink);
    font-family: var(--kh-serif);
    font-size: clamp(2.15rem, 5vw, 4.15rem);
    font-weight: 600;
    line-height: 1.06;
    letter-spacing: -0.025em;
    text-wrap: balance;
}

.knowledge-hb-body .seo-lead,
.knowledge-hb-body .article-lead,
.knowledge-hb-body .kontenplan-lead,
.knowledge-hb-body .wissen-lead {
    max-width: 72ch;
    margin: 20px 0 0;
    color: var(--kh-ink-mid);
    font-family: var(--kh-serif);
    font-size: 1.04rem;
    line-height: 1.78;
}

.knowledge-hb-body .editorial-meta {
    gap: 8px 18px;
    margin-top: 24px;
    padding-top: 14px;
    border-top: 1px solid var(--kh-border);
    color: var(--kh-ink-muted);
    font-family: var(--kh-mono);
    font-size: 0.62rem;
    letter-spacing: 0.04em;
}

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

.knowledge-hb-body .seo-body,
.knowledge-hb-body .article-body {
    padding: clamp(34px, 5vw, 62px);
}

.knowledge-hb-body .seo-body h2,
.knowledge-hb-body .article-body h2,
.knowledge-hb-body .kontenplan-shell h2 {
    max-width: 34ch;
    margin: 44px 0 14px;
    color: var(--kh-ink);
    font-family: var(--kh-serif);
    font-size: clamp(1.45rem, 3vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
    text-wrap: balance;
}

.knowledge-hb-body .seo-body h2:first-child,
.knowledge-hb-body .article-body h2:first-child {
    margin-top: 0;
}

.knowledge-hb-body .seo-body h3,
.knowledge-hb-body .article-body h3,
.knowledge-hb-body .kontenplan-shell h3 {
    color: var(--kh-ink);
    font-family: var(--kh-serif);
    font-weight: 600;
}

.knowledge-hb-body .seo-body p,
.knowledge-hb-body .seo-body li,
.knowledge-hb-body .article-body p,
.knowledge-hb-body .article-body li,
.knowledge-hb-body .kontenplan-shell p,
.knowledge-hb-body .kontenplan-shell li {
    color: var(--kh-ink-mid);
    font-family: var(--kh-serif);
    line-height: 1.82;
}

.knowledge-hb-body .seo-body a,
.knowledge-hb-body .article-body a,
.knowledge-hb-body .kontenplan-shell a {
    color: #7f351f;
    text-underline-offset: 3px;
}

/* Information blocks: one hierarchy, no rounded nested cards */
.knowledge-hb-body .seo-note,
.knowledge-hb-body .seo-example,
.knowledge-hb-body .seo-final-cta,
.knowledge-hb-body .article-box,
.knowledge-hb-body .article-definition,
.knowledge-hb-body .editorial-note,
.knowledge-hb-body .seo-inline-tip,
.knowledge-hb-body .seo-bridge-cta {
    margin: 28px 0;
    padding: 22px 24px;
    border: 1px solid var(--kh-border);
    border-radius: 0;
    background: rgba(168, 116, 77, 0.065);
    box-shadow: none;
}

.knowledge-hb-body .article-definition,
.knowledge-hb-body .seo-inline-tip {
    border-color: rgba(94, 122, 79, 0.52);
    background: rgba(94, 122, 79, 0.07);
}

.knowledge-hb-body .editorial-note {
    border: 1px solid var(--kh-border);
    background: transparent;
}

.knowledge-hb-body .seo-formula {
    display: block;
    margin: 20px 0;
    padding: 14px 16px;
    border: 1px solid var(--kh-ink);
    border-radius: 0;
    background: var(--kh-paper-light);
    color: var(--kh-ink);
    font-family: var(--kh-mono);
    font-size: 0.88rem;
    line-height: 1.6;
}

.knowledge-hb-body .seo-steps {
    gap: 0;
    margin: 28px 0;
    border-top: 1px solid var(--kh-border);
}

.knowledge-hb-body .seo-step {
    border: 0;
    border-bottom: 1px solid var(--kh-border);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.knowledge-hb-body .seo-step-number {
    border-radius: 0;
    background: var(--kh-ink);
    color: var(--kh-off-white);
    font-family: var(--kh-mono);
}

.knowledge-hb-body .seo-table {
    width: 100%;
    margin: 24px 0 34px;
    border: 1px solid var(--kh-ink);
    border-collapse: collapse;
    border-radius: 0;
    background: var(--kh-card);
    box-shadow: none;
}

.knowledge-hb-body .seo-table th {
    background: #ebe6d9;
    color: var(--kh-ink);
    font-family: var(--kh-mono);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.knowledge-hb-body .seo-table th,
.knowledge-hb-body .seo-table td {
    padding: 13px 14px;
    border: 1px solid var(--kh-border);
    color: var(--kh-ink-mid);
    font-family: var(--kh-serif);
    vertical-align: top;
}

.knowledge-hb-body .seo-table tr:last-child td {
    border-bottom: 3px double var(--kh-ink);
}

.knowledge-hb-body .seo-body > p,
.knowledge-hb-body .article-body > p,
.knowledge-hb-body .seo-body > ul,
.knowledge-hb-body .seo-body > ol,
.knowledge-hb-body .article-body > ul,
.knowledge-hb-body .article-body > ol {
    max-width: 75ch;
}

/* Interactive and illustrative article components */
.knowledge-hb-body .seo-quick-test,
.knowledge-hb-body .knowledge-unlock,
.knowledge-hb-body .seo-topic-card,
.knowledge-hb-body .mini-t-account {
    border: 1px solid var(--kh-border);
    border-radius: 0;
    background: var(--kh-paper-light);
    box-shadow: none;
}

.knowledge-hb-body .seo-quick-test {
    border-color: rgba(94, 122, 79, 0.52);
}

.knowledge-hb-body .seo-quick-test-account {
    border: 1px solid var(--kh-border);
    border-radius: 0;
    background: var(--kh-card);
}

.knowledge-hb-body .seo-quick-test-choices button,
.knowledge-hb-body .seo-quick-test-success,
.knowledge-hb-body .knowledge-unlock-cover a,
.knowledge-hb-body .knowledge-unlock-auth a {
    border-radius: 0;
    box-shadow: none;
}

.knowledge-hb-body .seo-quick-test-choices button {
    border-color: var(--kh-ink);
    background: var(--kh-card);
    color: var(--kh-ink);
    font-family: var(--kh-serif);
}

.knowledge-hb-body .seo-quick-test-choices button.is-correct {
    border-color: var(--kh-oliv);
    background: var(--kh-oliv);
    color: var(--kh-card);
}

.knowledge-hb-body .knowledge-unlock-visual {
    border-color: var(--kh-border);
    background: #ebe6d9;
}

.knowledge-hb-body .knowledge-unlock-cover {
    background: rgba(252, 250, 244, 0.96);
}

.knowledge-hb-body .mini-t-account h3 {
    border-bottom: 2px solid var(--kh-ink);
    background: transparent;
    color: var(--kh-ink);
    font-family: var(--kh-serif);
}

.knowledge-hb-body .mini-t-body::before {
    background: var(--kh-ink);
}

.knowledge-hb-body .mini-t-label {
    color: var(--kh-terra);
    font-family: var(--kh-mono);
}

.knowledge-hb-body .seo-cta-row,
.knowledge-hb-body .article-links,
.knowledge-hb-body .wissen-hero-actions {
    gap: 10px;
}

.knowledge-hb-body .seo-cta-row a,
.knowledge-hb-body .seo-card-link,
.knowledge-hb-body .article-links a,
.knowledge-hb-body .wissen-hero-actions a,
.knowledge-hb-body .wissen-card-link {
    min-height: 44px;
    padding: 11px 16px;
    border: 1px solid var(--kh-ink);
    border-radius: 0;
    background: transparent;
    color: var(--kh-ink);
    font-family: var(--kh-serif);
    font-weight: 600;
    box-shadow: none;
}

.knowledge-hb-body .seo-cta-row a:first-child,
.knowledge-hb-body .wissen-hero-actions a:first-child {
    border-color: var(--kh-terra);
    background: var(--kh-terra);
    color: var(--kh-card);
}

.knowledge-hb-body a:focus-visible,
.knowledge-hb-body button:focus-visible,
.knowledge-hb-body input:focus-visible,
.knowledge-hb-body summary:focus-visible {
    outline: 3px solid rgba(176, 73, 44, 0.42);
    outline-offset: 3px;
}

/* Knowledge overview */
.knowledge-hb-body .wissen-page {
    max-width: 1240px;
}

.knowledge-hb-body .wissen-hero {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 330px);
    gap: 0;
    align-items: stretch;
    padding: 0;
    border: 1px solid var(--kh-border);
    border-radius: 0;
    background: var(--kh-card);
    box-shadow: none;
}

.knowledge-hb-body .wissen-hero::before {
    display: none;
}

.knowledge-hb-body .wissen-hero-copy {
    padding: clamp(36px, 5vw, 62px);
    border-right: 1px solid var(--kh-border);
    background-color: var(--kh-paper-light);
    background-image: repeating-linear-gradient(#eae3d0 0 1px, transparent 1px 28px);
    background-position: 0 7px;
}

.knowledge-hb-body .wissen-hero-note {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 30px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.knowledge-hb-body .wissen-hero-note h2 {
    color: var(--kh-ink);
    font-family: var(--kh-serif);
    font-weight: 600;
}

.knowledge-hb-body .wissen-section {
    margin-top: 24px;
    padding: clamp(28px, 4vw, 46px);
    border: 1px solid var(--kh-border);
    border-radius: 0;
    background: rgba(252, 250, 244, 0.96);
    box-shadow: none;
}

.knowledge-hb-body .wissen-section-head {
    padding-bottom: 20px;
    border-bottom: 2px solid var(--kh-ink);
}

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

.knowledge-hb-body .wissen-search {
    margin: 28px 0;
    padding: 18px 20px;
    border: 1px solid var(--kh-border);
    border-radius: 0;
    background: var(--kh-paper);
}

.knowledge-hb-body .wissen-search label,
.knowledge-hb-body .wissen-search-status {
    color: var(--kh-terra);
    font-family: var(--kh-mono);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.knowledge-hb-body .wissen-search input {
    min-height: 48px;
    border: 0;
    border-bottom: 2px solid var(--kh-ink);
    border-radius: 0;
    background: var(--kh-card);
    color: var(--kh-ink);
    font-family: var(--kh-serif);
    box-shadow: none;
}

.knowledge-hb-body .wissen-path-grid {
    gap: 0;
    border-top: 1px solid var(--kh-border);
}

.knowledge-hb-body .wissen-card {
    min-height: 0;
    padding: 24px 18px;
    border: 0;
    border-bottom: 1px solid var(--kh-border);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: background-color 160ms ease, color 160ms ease;
}

.knowledge-hb-body .wissen-card:nth-child(odd) {
    border-right: 1px solid var(--kh-border);
}

.knowledge-hb-body .wissen-card:hover {
    transform: none;
    background: rgba(168, 116, 77, 0.07);
}

.knowledge-hb-body .wissen-card-icon {
    border: 1px solid var(--kh-ink);
    border-radius: 0;
    background: var(--kh-card);
    color: var(--kh-terra);
    font-family: var(--kh-mono);
}

.knowledge-hb-body .wissen-card-tag {
    color: var(--kh-ink-muted);
    font-family: var(--kh-mono);
    font-size: 0.61rem;
    letter-spacing: 0.12em;
}

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

.knowledge-hb-body .wissen-card p,
.knowledge-hb-body .wissen-guide-step p,
.knowledge-hb-body .wissen-section-head p,
.knowledge-hb-body .wissen-search-hint {
    color: var(--kh-ink-mid);
    font-family: var(--kh-serif);
}

.knowledge-hb-body .wissen-card-link {
    min-height: 0;
    padding: 0;
    border: 0;
    color: var(--kh-terra);
    font-family: var(--kh-mono);
    font-size: 0.64rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.knowledge-hb-body .wissen-guide {
    gap: 0;
    border-top: 1px solid var(--kh-border);
}

.knowledge-hb-body .wissen-guide-step {
    padding: 22px;
    border: 0;
    border-right: 1px solid var(--kh-border);
    border-bottom: 1px solid var(--kh-border);
    border-radius: 0;
    background: transparent;
}

.knowledge-hb-body .wissen-guide-step strong {
    color: var(--kh-ink);
    font-family: var(--kh-serif);
}

/* Support card: clearly secondary */
.knowledge-hb-body .knowledge-coffee,
.knowledge-hb-body .kontenplan-coffee {
    max-width: 280px;
    margin: 18px 0 18px auto;
    padding: 12px;
    border: 1px solid var(--kh-border);
    border-radius: 0;
    background: var(--kh-card);
    box-shadow: none;
}

.knowledge-hb-body .knowledge-coffee-copy span,
.knowledge-hb-body .knowledge-coffee-copy strong,
.knowledge-hb-body .kontenplan-coffee-copy p,
.knowledge-hb-body .kontenplan-coffee-copy strong {
    color: var(--kh-ink-mid);
    font-family: var(--kh-serif);
}

.knowledge-hb-body .knowledge-coffee-qr img,
.knowledge-hb-body .kontenplan-coffee-qr img {
    border: 1px solid var(--kh-border);
    border-radius: 0;
}

/* Kontenplan keeps its functional hierarchy, but joins the visual system. */
.knowledge-hb-body .kontenplan-shell {
    padding: clamp(24px, 4vw, 48px);
}

.knowledge-hb-body .kontenplan-breadcrumb {
    margin-bottom: 22px;
    color: var(--kh-ink-muted);
    font-family: var(--kh-mono);
    font-size: 0.66rem;
}

.knowledge-hb-body .kontenplan-hero {
    max-width: none;
    margin: 0 calc(clamp(24px, 4vw, 48px) * -1);
    text-align: left;
}

.knowledge-hb-body .kontenplan-downloads,
.knowledge-hb-body .kontenplan-search-section,
.knowledge-hb-body .kontenplan-seo-intro,
.knowledge-hb-body .kontenplan-seo-faq,
.knowledge-hb-body .kontenplan-confusion-section {
    border-radius: 0;
    box-shadow: none;
}

.knowledge-hb-body .kontenplan-seo-intro > div,
.knowledge-hb-body .kontenplan-seo-faq,
.knowledge-hb-body .kontenplan-compact-hint,
.knowledge-hb-body .kontenplan-group,
.knowledge-hb-body .kontenplan-detail-card,
.knowledge-hb-body .kontenplan-detail-empty,
.knowledge-hb-body .kontenplan-empty,
.knowledge-hb-body .kontenplan-detail-warning,
.knowledge-hb-body .kontenplan-balance-column,
.knowledge-hb-body .kontenplan-balance-card,
.knowledge-hb-body .kontenplan-balance-empty,
.knowledge-hb-body .kontenplan-convert,
.knowledge-hb-body .kontenplan-convert-card,
.knowledge-hb-body .kontenplan-convert-preview {
    border-radius: 0;
    box-shadow: none;
}

.knowledge-hb-body .kontenplan-seo-intro > div,
.knowledge-hb-body .kontenplan-seo-faq,
.knowledge-hb-body .kontenplan-compact-hint,
.knowledge-hb-body .kontenplan-group,
.knowledge-hb-body .kontenplan-detail-card,
.knowledge-hb-body .kontenplan-detail-empty,
.knowledge-hb-body .kontenplan-empty,
.knowledge-hb-body .kontenplan-balance-column {
    border-color: var(--kh-border);
    background: var(--kh-card);
}

.knowledge-hb-body .kontenplan-toolbar {
    padding-top: 26px;
    border-top: 2px solid var(--kh-ink);
}

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

.knowledge-hb-body .kontenplan-quick-search button,
.knowledge-hb-body .kontenplan-filter,
.knowledge-hb-body .kontenplan-view-tab,
.knowledge-hb-body .kontenplan-group-kicker,
.knowledge-hb-body .kontenplan-detail-kicker,
.knowledge-hb-body .kontenplan-group-count,
.knowledge-hb-body .kontenplan-detail-meta span,
.knowledge-hb-body .kontenplan-detail-links a {
    border-radius: 0;
    box-shadow: none;
}

.knowledge-hb-body .kontenplan-view-tabs {
    width: auto;
    margin: 28px 0 0;
    padding: 0 0 16px;
    border-top: 0;
    border-bottom: 1px solid var(--kh-border);
    background: transparent;
}

.knowledge-hb-body .kontenplan-view-tab {
    border-color: var(--kh-border);
    background: transparent;
    color: var(--kh-ink-mid);
    font-family: var(--kh-serif);
}

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

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

.knowledge-hb-body .kontenplan-convert {
    background: var(--kh-ink);
}

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

.knowledge-hb-body .kontenplan-download-card,
.knowledge-hb-body .kontenplan-result-card,
.knowledge-hb-body .kontenplan-quick-link {
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 820px) {
    .knowledge-hb-body .wissen-hero {
        grid-template-columns: 1fr;
    }

    .knowledge-hb-body .wissen-hero-copy {
        border-right: 0;
        border-bottom: 2px solid var(--kh-ink);
    }

    .knowledge-hb-body .wissen-path-grid {
        grid-template-columns: 1fr;
    }

    .knowledge-hb-body .wissen-card:nth-child(odd) {
        border-right: 0;
    }

    .knowledge-hb-body .wissen-guide {
        grid-template-columns: 1fr 1fr;
    }

    .knowledge-hb-body .seo-table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 620px) {
    .knowledge-hb-body .seo-public-header {
        min-height: 58px;
        padding-inline: 16px;
    }

    .knowledge-hb-body .seo-brand {
        font-size: 0.9rem;
    }

    .knowledge-hb-body .seo-brand::before {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }

    .knowledge-hb-body .seo-nav {
        gap: 12px;
    }

    .knowledge-hb-body .seo-nav a:first-child {
        display: none;
    }

    .knowledge-hb-body .seo-page,
    .knowledge-hb-body .article-page,
    .knowledge-hb-body .wissen-page,
    .knowledge-hb-body .kontenplan-page {
        width: min(100% - 24px, 1120px);
        margin-top: 24px;
    }

    .knowledge-hb-body .seo-hero,
    .knowledge-hb-body .article-hero,
    .knowledge-hb-body .kontenplan-hero,
    .knowledge-hb-body .wissen-hero-copy,
    .knowledge-hb-body .seo-body,
    .knowledge-hb-body .article-body,
    .knowledge-hb-body .wissen-section {
        padding: 26px 20px;
    }

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

    .knowledge-hb-body .wissen-hero-note {
        padding: 24px 20px;
    }

    .knowledge-hb-body .wissen-section-head {
        display: block;
    }

    .knowledge-hb-body .wissen-guide {
        grid-template-columns: 1fr;
    }

    .knowledge-hb-body .seo-cta-row,
    .knowledge-hb-body .article-links,
    .knowledge-hb-body .wissen-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .knowledge-hb-body .seo-cta-row a,
    .knowledge-hb-body .article-links a,
    .knowledge-hb-body .wissen-hero-actions a {
        justify-content: center;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .knowledge-hb-body *,
    .knowledge-hb-body *::before,
    .knowledge-hb-body *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}