.document-hub-layout {
    display: grid;
    grid-template-columns: minmax(15rem, .35fr) minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 4rem);
    align-items: start;
}

.document-sidebar {
    position: sticky;
    top: 7rem;
    padding: 1.5rem;
    border: 1px solid var(--ccp-line);
    border-radius: var(--ccp-radius);
    background: #fff;
}

.document-group {
    margin-bottom: 3rem;
}

.document-group:last-child {
    margin-bottom: 0;
}

.document-group h2 {
    margin-bottom: 1.2rem;
    padding-bottom: .8rem;
    border-bottom: 2px solid var(--ccp-primary);
    font-size: 1.7rem;
}

.records-card {
    color: #fff;
    background: var(--ccp-ink);
}

.records-card a {
    color: #f0b0ad;
}

@media (max-width: 767.98px) {
    .document-hub-layout {
        grid-template-columns: 1fr;
    }

    .document-sidebar {
        position: static;
    }
}