/* Shared responsive images and recipe layout. */
img,video,svg{max-width:100%}
.recipe-page,.recipe-workshop{min-width:0}
.recipe-heading,.creative-head,.recipe-columns,.recipe-layout{min-width:0}
.recipe-heading>*,.creative-head>*,.recipe-columns>*,.recipe-layout>*{min-width:0}
.recipe-heading figure,.creative-head figure{min-width:0;max-width:100%;margin:0}
.recipe-heading figure img,.creative-head figure img{display:block;width:100%;height:auto;max-height:440px;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:14px}
.recipe-heading h1,.creative-head h1,.recipe-meta,.recipe-workshop,.recipe-page{overflow-wrap:anywhere}
.recipe-heading figure{align-self:start}
.recipe-workshop .related-treats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.recipe-workshop .related-treats .treat-photo img{height:150px;aspect-ratio:auto;object-fit:contain}
.recipe-workshop .related-treats .treat-copy{padding:14px}
.recipe-workshop .related-treats h3{font-size:19px;line-height:1.3}
.recipe-workshop .related-treats .tiny{font-size:11px}
/* Intrinsic height attributes must not become fixed 950px teaser heights. */
.more .teaser img{display:block;width:100%;height:auto;max-height:300px;aspect-ratio:4/5;object-fit:contain;object-position:center}
@media(max-width:700px){
 .more .teaser img{max-height:200px}
 .modern-card .card-visual{height:260px;aspect-ratio:auto}
 .modern-card .card-photo{object-fit:contain;object-position:center}
 .feature-media{min-height:0;height:260px}
 .feature-media img{object-fit:contain;object-position:center}
 .recipe-page{padding-inline:18px}
 .recipe-heading,.creative-head{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:22px}
 .recipe-heading figure img,.creative-head figure img{width:100%;height:260px;max-height:260px;aspect-ratio:auto;object-fit:contain;box-shadow:none;border-width:0;background:transparent}
 .recipe-heading figure,.recipe-workshop .creative-head figure{max-width:100%;width:100%;margin:0;transform:none}
 .recipe-heading h1,.search-heading h1,.recipe-workshop .creative-head h1{font-size:clamp(30px,8.5vw,38px);line-height:1.1}
 .recipe-heading .hook,.creative-lead{font-size:17px;line-height:1.6}
 .recipe-topbar{gap:12px;flex-wrap:wrap;padding-block:8px 14px}
 .recipe-columns,.recipe-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .ingredients-panel{padding:20px}.timings{gap:8px;padding-block:18px}
 .recipe-actions .btn{min-width:0;padding-inline:12px;font-size:12px}
 .method-list li{padding-left:35px}.method-list p{font-size:16px}
 .recipe-workshop .related-treats{grid-template-columns:minmax(0,1fr);gap:12px}
 .recipe-workshop .related-treats .treat-link{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px}
 .recipe-workshop .related-treats .treat-photo{width:88px;height:100px;aspect-ratio:auto}
 .recipe-workshop .related-treats .treat-photo img{width:88px;height:100px;object-fit:contain;aspect-ratio:auto}
 .recipe-workshop .related-treats .treat-copy{padding:12px 12px 12px 0}
 .recipe-workshop .related-treats h3{font-size:17px;margin:5px 0}
 .recipe-workshop .related-treats .tiny{display:none}
 .related-links img{width:76px;height:90px;flex:none;object-fit:contain}
 .recipe-workshop .recipe-brandline{gap:12px;padding-block:8px 14px;margin-bottom:14px}
 .recipe-workshop .recipe-brandline img{width:48px;height:48px}
 .complete-card img{height:230px;max-height:230px;aspect-ratio:auto;object-fit:contain}
 .complete-catalogue .complete-grid{gap:18px}
 .recipe-page .cards>article img{max-height:260px;object-fit:contain}
}
@media print{.recipe-heading figure,.creative-head figure,.related{display:none!important}}

/* Mobile audit: shared controls, including pages with inline base styles. */
@media(max-width:700px){.search-form input,.catalogue-filters select{font-size:16px;min-height:44px}.catalogue-filters label{font-size:12px}.search-form button{font-size:12px;min-height:44px}.recipe-detail-body li{font-size:16px;line-height:1.6}.recipe-detail-head p{font-size:16px;line-height:1.6}}