/* Document cards keep every painted inner section inside the same rounded silhouette. */
.document-card {
    --document-card-inner-radius: 11px;

    border-radius: 12px;
}

.document-card > :first-child {
    border-top-left-radius: var(--document-card-inner-radius);
    border-top-right-radius: var(--document-card-inner-radius);
}

.document-card > :last-child {
    border-bottom-right-radius: var(--document-card-inner-radius);
    border-bottom-left-radius: var(--document-card-inner-radius);
}