/* Keep example workflows readable without widening the page on small screens. */
.distribution-examples {
    max-width: 100%;
    overflow-x: auto;
    margin-block: 1.5rem;
}

.distribution-examples table {
    width: 100%;
    min-width: 36rem;
    border-collapse: collapse;
    line-height: 1.6;
}

.distribution-examples caption {
    padding-block-end: 0.75rem;
    font-weight: 700;
    text-align: left;
}

.distribution-examples th,
.distribution-examples td {
    padding: 0.85rem;
    border: 1px solid currentColor;
    text-align: left;
    vertical-align: top;
}

.distribution-examples th {
    font-weight: 700;
}

.distribution-examples:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}