/* Native select menus must keep an explicit readable palette. */
.recipe-facts select,
.recipe-facts select option {
    color: var(--ink, #111);
    background-color: var(--paper, #fff);
}

.backstage .recipe-facts select,
.backstage .recipe-facts select option {
    color: var(--backstage-ink);
    background-color: color-mix(in srgb, var(--backstage-bg) 94%, var(--backstage-ink));
}

.design-weiglin-cms .recipe-facts select,
.design-weiglin-cms .recipe-facts select option {
    color: var(--design-ink);
    background-color: color-mix(in srgb, var(--design-bg) 95%, white);
}

/* Keep recipe narratives on the same left margin as the rest of the site. */
.recipe-story.shell.prose {
    max-width: none;
}

.recipe-story.shell.prose > :not(figure) {
    max-width: 760px;
}

/* Printing uses a deterministic high-contrast palette independently of the active theme. */
@media print {
    html,
    body {
        color: #111 !important;
        background: #fff !important;
    }

    .recipe-page,
    .recipe-page * {
        color: #111 !important;
        background-color: transparent !important;
        border-color: #555 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        opacity: 1 !important;
        -webkit-print-color-adjust: economy;
        print-color-adjust: economy;
    }

    .recipe-page .kicker,
    .recipe-facts dt,
    .recipe-card-meta {
        color: #111 !important;
    }

    .recipe-ingredients li,
    .recipe-facts {
        border-color: #666 !important;
    }

    .recipe-ingredients input,
    .recipe-facts select {
        color: #111 !important;
        background: #fff !important;
        border: 1px solid #333 !important;
    }

    .recipe-method li::before {
        color: #fff !important;
        background: #111 !important;
        border-color: #111 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .recipe-tips {
        color: #111 !important;
        background: #fff !important;
        border-left-color: #111 !important;
    }

    .recipe-page a {
        color: #111 !important;
        text-decoration: underline !important;
    }
}