
/* v40 : lecture plus directe sur mobile, sans réduire les cibles tactiles. */
@media(max-width:620px){
.preview,.preview-bar{padding:5px 4%;gap:0 10px;font-size:10px}.preview a,.preview-bar a{min-height:32px}.preview-bar button{min-height:36px;padding:4px 10px}.preview-bar span{margin:0}
header:has(.menu-toggle){padding:8px 5%}
.hero{padding:22px 0 24px;gap:18px}.hero h1{font-size:clamp(38px,11vw,46px);margin:12px 0 16px}.hero .eyebrow{margin-bottom:10px}.lead{font-size:16px;line-height:1.55;margin-bottom:18px}.signature{margin-top:18px;padding-top:10px}.signature span{font-size:22px}.hero-photo{height:280px;aspect-ratio:auto}.photo-caption{padding:45px 18px 16px}.photo-caption h2{font-size:27px;margin:7px 0}.recipes{padding:24px 0}.section-title h2{font-size:32px;margin:8px 0 12px}.section-title .eyebrow{margin-bottom:8px}.section-title p:not(.eyebrow){margin-bottom:12px}.filters{margin:0 0 18px}.recipe-grid{gap:22px}.food{height:205px}.recipe h3{font-size:25px;margin:12px 0 7px}.note{margin-top:14px}.duo{margin-top:8px}.duo-illustration{aspect-ratio:auto;height:255px}.duo-copy{padding:24px 7%}.duo-copy h2{font-size:32px;margin:10px 0 16px}.duo-copy .eyebrow{margin-bottom:10px}.newsletter{padding:28px 0;gap:18px}.newsletter h2{font-size:31px;margin:10px 0 16px}.newsletter .eyebrow{margin-bottom:10px}footer{padding-top:24px;gap:12px}
.crumb{margin:15px 0 18px}.video-column{max-width:170px}.intro{padding:0}.intro h1{font-size:36px;margin:8px 0 14px}.intro .subtitle{font-size:16px;margin-bottom:18px}.intro .eyebrow{margin-bottom:12px}.recipe-rating{margin-bottom:12px}.intro .demo{margin-top:12px;padding-top:10px}.action-note{margin-top:10px}.editorial-rule{margin:12px 0 20px}.recipe-columns{gap:14px}#ingredients,.recipe-panel.method{padding:18px}.recipe-columns h2{font-size:27px;margin-bottom:10px}.method-stack .method{min-height:260px}.method .steps-scroll{padding:4px 0 8px}.method .steps-scroll li h2{font-size:23px;margin-bottom:10px}.method .steps-scroll li p{line-height:1.65}.step-navigation{margin-top:10px;padding-top:10px}.rate-callout{min-height:70px;padding:12px}.advice{margin:20px 0 25px;padding:18px 0}.section>h2{margin-bottom:18px}.grid{gap:20px}.card-copy{padding:12px 0}.card-copy h3{margin:0 0 6px}
}

@media(max-width:620px){
#ingredients{padding:16px 18px}#ingredients h2{margin-bottom:8px}
#ingredients .portion-controls{margin-bottom:5px;padding-bottom:7px}
#ingredients .ingredient-list label{min-height:34px;padding:4px 7px;font-size:14px;line-height:1.4;margin:0 -7px;gap:9px}
#ingredients .ingredient-list input{width:18px;height:18px;flex-shrink:0}
#ingredients .quiet{margin-top:7px}#ingredients .progress-text{margin:7px 0 0}
#ingredients .text-button{min-height:34px;padding:4px 0;margin-top:0}
}
