/* Images support reading; comparative and historical compositions stay intact. */
.article.article-guide .article-figure{max-width:640px;margin:26px auto 30px}
.article.article-guide .article-figure .cover{display:block;width:auto;max-width:100%;height:auto;max-height:360px;object-fit:contain;margin:0 auto;border-radius:12px}
.article .article-figure figcaption{margin:10px auto 0;max-width:600px;font-size:11px;line-height:1.65;color:#737780;text-align:left}
main .card .thumb{height:auto;aspect-ratio:3/2;background:#f5f4f1;border-radius:12px;overflow:hidden}
main .card .thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
main .card .thumb img[data-image-treatment=preserve]{object-fit:contain}
.article.article-recipe>.cover{object-fit:contain;background:#f7f6f3;border-radius:12px}
.production-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:20px 0;margin:20px 0 28px;border-top:1px solid #e1e5eb;border-bottom:1px solid #e1e5eb;list-style:none;counter-reset:production}
.article .copy .production-steps li{font-size:13px;line-height:1.5;counter-increment:production}.production-steps li:before{content:counter(production,decimal-leading-zero);display:block;color:#3863a5;font-size:11px;letter-spacing:.1em;margin-bottom:9px}.production-steps strong{display:block;font-weight:600;margin-bottom:6px}.production-steps span{color:#737780;font-size:12px}
@media(max-width:750px){.article.article-guide .article-figure{margin:24px 0}.article.article-guide .article-figure .cover{max-height:300px;max-width:100%}.article .article-figure figcaption{font-size:11px}.production-steps{grid-template-columns:1fr;gap:0}.article .copy .production-steps li{position:relative;padding:12px 0 12px 38px;border-bottom:1px solid #eceef1}.production-steps li:last-child{border-bottom:0}.production-steps li:before{position:absolute;left:0;top:13px}.production-steps strong{margin-bottom:3px}}
