@media (min-width: 960px /* md breakpoint */) {

    /* the shared .v-container:has(..) selector should make these only match on recipes that contain at least one per-step ingredients list */

    .v-container:has(.v-card-text .v-row > .v-col-md-6 ~ .v-col-md-6)
    .v-card-title {
        margin-left: 35%;
    }

    .v-container:has(.v-card-text .v-row > .v-col-md-6 ~ .v-col-md-6)
    .v-card-text .v-row > .v-col-md-6:not(.markdown-body):first-child {
        flex: 0 0 35%;
    }

    .v-container:has(.v-card-text .v-row > .v-col-md-6 ~ .v-col-md-6)
    .v-card-text .v-row > .v-col-md-6.markdown-body {
        flex: 0 0 65%;
        max-width: 65%;
    }

    .v-container:has(.v-card-text .v-row > .v-col-md-6 ~ .v-col-md-6)
    .v-card-text .v-row > .v-col-md-6.markdown-body:first-child {
        margin-left: 35%;
    }
}