.knowledge-hero,
.knowledge-article-hero {
    background: #0b1220;
    color: #fff;
    padding: 64px 0 60px;
}

.knowledge-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 72px;
    align-items: end;
}

.knowledge-hero h1,
.knowledge-article-hero h1 {
    max-width: 900px;
    margin: 14px 0 18px;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.04;
    letter-spacing: 0;
}

.knowledge-stats {
    margin: 0;
    border-top: 1px solid #334155;
}

.knowledge-stats div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 0;
    border-bottom: 1px solid #334155;
}

.knowledge-stats dt {
    color: #aeb8c6;
    font-size: 13px;
    font-weight: 700;
}

.knowledge-stats dd {
    margin: 0;
    color: #e2c56f;
    font-size: 26px;
    font-weight: 900;
}

.knowledge-heading h2 {
    margin-bottom: 0;
}

.knowledge-category-grid {
    border-top: 1px solid var(--line);
}

.knowledge-category-item {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 110px;
    gap: 24px;
    align-items: start;
    padding: 24px 0;
    border-bottom: 1px solid var(--line);
    transition: color .18s ease, padding .18s ease;
}

.knowledge-category-item:hover {
    color: var(--teal);
    padding-left: 8px;
}

.knowledge-category-number {
    color: #84909e;
    font-size: 12px;
    font-weight: 900;
}

.knowledge-category-item h3 {
    margin: 0 0 6px;
    font-size: 21px;
    line-height: 1.25;
}

.knowledge-category-item p {
    max-width: 780px;
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.knowledge-category-count {
    justify-self: end;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.knowledge-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
}

.knowledge-feature-item {
    min-width: 0;
    padding: 28px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: #fff;
}

.knowledge-feature-item h3 {
    margin: 7px 0 10px;
    font-size: 23px;
    line-height: 1.25;
}

.knowledge-feature-item h3 a:hover {
    color: var(--teal);
}

.knowledge-feature-item > p:not(.knowledge-kicker) {
    margin: 0 0 16px;
    color: var(--muted);
    font-size: 14px;
}

.knowledge-kicker,
.knowledge-row-meta {
    margin: 0;
    color: #8a6a2d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.knowledge-read-link {
    color: var(--teal);
    font-size: 13px;
    font-weight: 900;
}

.knowledge-list {
    border-top: 1px solid var(--line);
}

.knowledge-list-row {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 170px 24px;
    gap: 22px;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid var(--line);
}

.knowledge-list-row:hover strong {
    color: var(--teal);
}

.knowledge-list-row > span,
.knowledge-list-row small {
    color: var(--muted);
    font-size: 12px;
}

.knowledge-list-row strong {
    font-size: 16px;
    line-height: 1.35;
}

.knowledge-list-row b {
    justify-self: end;
    color: var(--teal);
}

.knowledge-disclaimer-band {
    background: #f5edda;
    border-top: 1px solid #e4d5ad;
    padding: 24px 0;
}

.knowledge-disclaimer-inner {
    display: grid;
    grid-template-columns: 210px 1fr;
    gap: 32px;
}

.knowledge-disclaimer-inner p {
    margin: 0;
    color: #5d5542;
}

.guide-meta,
.knowledge-byline {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    margin-top: 24px;
    color: #aeb8c6;
    font-size: 12px;
    font-weight: 700;
}

.knowledge-category-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 72px;
    align-items: start;
}

.knowledge-article-row {
    padding: 28px 0;
    border-bottom: 1px solid var(--line);
}

.knowledge-row-meta {
    display: flex;
    gap: 12px;
}

.knowledge-row-meta b {
    color: var(--teal);
}

.knowledge-article-row h2 {
    margin: 9px 0 10px;
    font-size: clamp(23px, 3vw, 31px);
}

.knowledge-article-row h2 a:hover {
    color: var(--teal);
}

.knowledge-article-row > p,
.knowledge-category-aside > p {
    color: var(--muted);
}

.knowledge-category-aside,
.knowledge-article-aside {
    position: sticky;
    top: 96px;
}

.knowledge-category-aside {
    padding-left: 24px;
    border-left: 2px solid var(--gold);
}

.knowledge-category-aside h2 {
    margin: 8px 0 12px;
    font-size: 24px;
}

.knowledge-category-aside .button {
    width: 100%;
    margin-top: 12px;
}

.knowledge-pagination {
    margin-top: 28px;
}

.knowledge-empty {
    padding: 36px 0;
}

.knowledge-article-hero .breadcrumbs {
    margin-bottom: 32px;
}

.knowledge-article-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 72px;
    align-items: start;
}

.knowledge-article-copy {
    min-width: 0;
}

.knowledge-short-answer {
    padding: 26px;
    border-left: 3px solid var(--gold);
    background: #f8f5ed;
}

.knowledge-short-answer h2 {
    margin: 6px 0 10px;
    font-size: 28px;
}

.knowledge-short-answer p {
    margin: 0;
    color: #384454;
    font-size: 18px;
}

.knowledge-toc {
    margin: 36px 0 48px;
}

.knowledge-section {
    scroll-margin-top: 100px;
    padding-top: 8px;
}

.knowledge-article-copy .knowledge-section + .knowledge-section,
.knowledge-article-copy .article-section + .article-section {
    margin-top: 52px;
}

.knowledge-section > p:not(.section-number),
.knowledge-sources > p:not(.section-number) {
    color: var(--muted);
    font-size: 17px;
}

.knowledge-checklist-section {
    padding: 30px;
    background: #0b1220;
    color: #fff;
}

.knowledge-checklist-section .section-number {
    color: #e2c56f;
}

.knowledge-checklist-section ol {
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
}

.knowledge-checklist-section li {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 14px;
    padding: 13px 0;
    border-top: 1px solid #334155;
}

.knowledge-checklist-section li span {
    color: #e2c56f;
    font-size: 12px;
    font-weight: 900;
}

.knowledge-checklist-section li p {
    margin: 0;
    color: #dbe3ed;
}

.knowledge-sources ul {
    list-style: none;
    padding: 0;
    margin: 22px 0 0;
    border-top: 1px solid var(--line);
}

.knowledge-sources li {
    border-bottom: 1px solid var(--line);
}

.knowledge-sources a {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    padding: 15px 0;
}

.knowledge-sources a:hover strong {
    color: var(--teal);
}

.knowledge-sources span {
    color: var(--muted);
    font-size: 12px;
    text-align: right;
}

.knowledge-legal-note {
    margin-top: 48px;
    padding: 22px 24px;
    border: 1px solid #e4d5ad;
    background: #fffaf0;
}

.knowledge-legal-note p {
    margin: 7px 0 0;
    color: #665e4d;
    font-size: 13px;
}

.knowledge-aside-block {
    padding: 20px 0;
    border-top: 3px solid var(--ink);
    border-bottom: 1px solid var(--line);
}

.knowledge-aside-block dl {
    margin: 14px 0 0;
}

.knowledge-aside-block dl div {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 12px;
    padding: 9px 0;
    border-top: 1px solid #edf0f2;
}

.knowledge-aside-block dt {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.knowledge-aside-block dd {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
}

.knowledge-aside-cta {
    margin-top: 18px;
    padding: 20px;
    background: var(--ink);
    color: #fff;
}

.knowledge-aside-cta p {
    color: #c7d0dc;
    font-size: 13px;
}

.knowledge-aside-cta a {
    color: #e2c56f;
    font-size: 13px;
    font-weight: 900;
}

.knowledge-related-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
}

.knowledge-related-grid a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px;
    gap: 10px 20px;
    min-height: 150px;
    padding: 24px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: #fff;
}

.knowledge-related-grid span {
    grid-column: 1 / -1;
    color: #8a6a2d;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.knowledge-related-grid strong {
    font-size: 18px;
    line-height: 1.35;
}

.knowledge-related-grid b {
    color: var(--teal);
}

@media (max-width: 900px) {
    .knowledge-hero-grid,
    .knowledge-category-layout,
    .knowledge-article-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .knowledge-stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .knowledge-stats div {
        display: block;
        padding: 15px 10px;
        border-right: 1px solid #334155;
    }

    .knowledge-stats dd {
        margin-top: 4px;
        font-size: 21px;
    }

    .knowledge-category-aside,
    .knowledge-article-aside {
        position: static;
    }

    .knowledge-list-row {
        grid-template-columns: 82px minmax(0, 1fr) 24px;
    }

    .knowledge-list-row small {
        display: none;
    }
}

@media (max-width: 640px) {
    .knowledge-hero,
    .knowledge-article-hero {
        padding: 42px 0 40px;
    }

    .knowledge-hero h1,
    .knowledge-article-hero h1 {
        font-size: 37px;
    }

    .knowledge-stats {
        grid-template-columns: 1fr;
    }

    .knowledge-stats div {
        display: flex;
        border-right: 0;
    }

    .knowledge-category-item {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 12px;
        padding: 19px 0;
    }

    .knowledge-category-count {
        grid-column: 2;
        justify-self: start;
    }

    .knowledge-feature-grid,
    .knowledge-related-grid {
        grid-template-columns: 1fr;
    }

    .knowledge-feature-item,
    .knowledge-related-grid a {
        padding: 21px;
    }

    .knowledge-list-row {
        grid-template-columns: minmax(0, 1fr) 24px;
        gap: 10px;
    }

    .knowledge-list-row > span {
        grid-column: 1;
    }

    .knowledge-list-row strong {
        grid-column: 1;
    }

    .knowledge-list-row b {
        grid-column: 2;
        grid-row: 1 / 3;
        align-self: center;
    }

    .knowledge-disclaimer-inner {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .knowledge-short-answer,
    .knowledge-checklist-section {
        padding: 21px;
    }

    .knowledge-sources a {
        display: block;
    }

    .knowledge-sources span {
        display: block;
        margin-top: 4px;
        text-align: left;
    }
}