/* The article inherits its measure, type and link treatments from the PantryJoy reading theme. */
.pj-article-body .pj-steak-pan-guide .pj-pan-choice {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 3vw, 28px);
    margin-block: 24px;
}

.pj-article-body .pj-steak-pan-guide .pj-pan-option {
    min-width: 0;
    margin: 0;
    padding: clamp(16px, 2.5vw, 24px);
    border-top: 2px solid var(--pj-reading-gold, #977545);
    background: var(--pj-reading-paper, #f5f4ed);
}

.pj-article-body .pj-steak-pan-guide .pj-pan-plate {
    margin: clamp(20px, 3vw, 32px) 0;
}

.pj-steak-pan-guide .pj-pan-plate img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
}

.pj-article-body .pj-steak-pan-guide .pj-pan-plate figcaption {
    margin-block: 8px 0;
    color: var(--pj-reading-muted, #53604f);
    font: 400 16px/1.5 var(--pj-reading-sans, Assistant, system-ui, sans-serif);
    text-align: start;
}

.pj-article-body .pj-steak-pan-guide .pj-pan-troubleshooting {
    margin-block: 28px;
    padding-block: 20px;
    border-block: 1px solid var(--pj-reading-rule, #cbd0c4);
}

.pj-article-body .pj-steak-pan-guide :is(.pj-pan-option, .pj-pan-troubleshooting) > :first-child {
    margin-block-start: 0;
}

.pj-article-body .pj-steak-pan-guide :is(.pj-pan-option, .pj-pan-troubleshooting) > :last-child {
    margin-block-end: 0;
}

@media (max-width: 640px) {
    .pj-article-body .pj-steak-pan-guide .pj-pan-choice {
        grid-template-columns: minmax(0, 1fr);
    }
}