/* ===== recipe-layout-fix-v1 : restore the original two-column recipe layout =====
   maple-main.css forces .o-layout{display:block!important} and the
   recipe-overview image/item to 20%/80%, collapsing the side-by-side
   layout. Re-enable it (higher specificity + !important), scoped to recipe
   pages only via .o-container.-relative / .c-splash markers. */
.o-container.-relative .c-recipe-overview{display:flex!important;flex-wrap:wrap;gap:2rem;align-items:stretch}
.o-container.-relative .c-recipe-overview .c-recipe-overview_image,
.o-container.-relative .c-recipe-overview .c-recipe-overview_item{width:auto!important;flex:1 1 0;min-width:0;display:block!important}
.o-container.-relative .c-recipe-overview .c-recipe-overview_item{display:flex!important;flex-direction:column;justify-content:center}
.o-container.-relative .c-recipe-overview_image img{width:100%;height:auto;display:block}
.o-container.-relative .o-layout.-gutter-big{display:flex!important;flex-wrap:wrap;gap:2.5rem}
.o-container.-relative .o-layout.-gutter-big>.o-layout_item{flex:1 1 0;min-width:0}
/* info-box: fill full width so the centre divider reaches the right edge */
.o-container.-relative .c-recipe-overview_content .o-dual-info-box{display:flex!important}
.o-container.-relative .c-recipe-overview_content .o-dual-info-box>.o-layout_item:empty{display:none!important}
.o-container.-relative .c-recipe-overview_content .o-dual-info-box>.o-dual-info-box_item{flex:1 1 0!important;justify-content:center;text-align:center!important}
/* restore the overview item underline killed by border:none!important */
.o-container.-relative .c-recipe-overview .c-recipe-overview_item{border-bottom:solid 1px #dcd6cc!important}
/* === recipe hero: no photo background, dark title, orange subtitle === */
.c-splash.-has-offset .o-background{display:none!important}
.c-splash.-has-offset{padding-top:3.5rem!important;padding-bottom:2.5rem!important}
.c-splash.-has-offset h1{color:#333!important}
.c-splash.-has-offset .s-content p{color:var(--brand-primary,#e07b2a)!important;font-weight:700}
/* fill overview content so the info box reaches the column right edge */
.o-container.-relative .c-recipe-overview_content{max-width:100%!important;margin-left:0!important;margin-right:0!important;width:100%!important}
@media (max-width:699px){
  .o-container.-relative .c-recipe-overview .c-recipe-overview_image,
  .o-container.-relative .c-recipe-overview .c-recipe-overview_item,
  .o-container.-relative .o-layout.-gutter-big>.o-layout_item{flex:1 1 100%!important;width:100%!important}
}