@layer global {
    :root {
        --flow: 1.5rem;
    }

    .flow > * + * {
        margin-block-start: var(--flow, 1.5rem);
    }

    dl {
        display: grid;
        grid-template-columns: max-content 1fr;
        gap: 0.5rem;
        align-items: start;
    }

    dt {
        font-weight: bold;
        grid-column: 1;
    }

    dd {
        margin: 0;
        grid-column: 2;
    }
}