/* Keep the full-bleed artwork, but align content to the shared 1240px header. */
.knowledge-index .kb-hero {
    padding: 80px 22px;
}

.knowledge-index .kb-hero > .kb-hero-inner {
    width: 100%;
    max-width: 1240px;
    margin-inline: auto;
}

.knowledge-index .kb-hero h1 {
    max-width: 780px;
}

.knowledge-index .knowledge-map {
    /* 1240px of content plus the two 22px page gutters. */
    max-width: 1284px;
    padding-inline: 22px;
}

.knowledge-index .knowledge-tabs {
    justify-content: flex-start;
    padding-inline: max(22px, calc((100% - 1240px) / 2));
}

.knowledge-index .knowledge-tabs > a:first-child {
    padding-inline-start: 0;
}

/* Match the shared header's compact gutters, without changing other pages. */
@media (max-width: 650px) {
    .knowledge-index .kb-hero {
        min-height: 470px;
        padding: 60px 16px;
    }

    .knowledge-index .knowledge-map,
    .knowledge-index .knowledge-tabs {
        padding-inline: 16px;
    }
}