/*
 * Matching a requisition on paper to somebody in the record.
 *
 * Paragraph rules carry the root id, because `index.css` styles every `p` under it at (1,0,1).
 */

.match-requisition-dialog {
    max-width: 40rem;
}

/*
 * The page and the record, side by side and equally weighted. Neither is the authority: a person
 * reads both and decides. They stack on a narrow screen rather than shrinking, because two columns
 * of squeezed names is how somebody misreads one.
 */
.match-compare {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

@media (max-width: 40rem) {
    .match-compare {
        grid-template-columns: 1fr;
    }
}

.match-register {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 1rem;
}

/* Each side's heading sits apart from its first line, as the frame draws it. */
#akashic-health-records-patient-portal-root .match-compare .ak-section-title {
    margin: 0 0 8px;
}