/* SocialChef recipe detail: airy layout approved 2026-10-20.
   Loaded only for published recipe pages; no changes to calculators, family or menu. */
.sc-recipe{--recipe-orange:#cd5630;--recipe-line:#eadfd4;--recipe-ink:#282726}
body:has([data-recipe-scaler]) .sc-recipe .sc-recipe__toolbar{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;column-gap:30px;row-gap:14px;
  padding:22px 0 21px;min-height:106px;border-bottom:1px solid var(--recipe-line)
}
.sc-recipe__servings{display:flex;align-items:center;flex-wrap:wrap;gap:13px;min-width:0}
.sc-recipe__servings .sc-field-label{
  display:block;flex:0 0 auto;margin:0;color:var(--recipe-ink);
  font-size:16px;line-height:1.25;font-weight:700;letter-spacing:0
}
.sc-recipe__servings .sc-party{display:flex;align-items:stretch;margin:0;gap:9px;max-width:100%}
.sc-recipe__servings .sc-party button{
  flex:0 0 54px;width:54px;height:56px;min-width:0;
  border:1px solid #ead8c8;border-radius:14px;background:#fffaf7;
  color:var(--recipe-orange);font-size:27px;font-weight:500;
  cursor:pointer;transition:background .15s,border-color .15s
}
.sc-recipe__servings .sc-party button:hover{background:#fff0e7;border-color:#dda98d}
.sc-recipe__servings .sc-party button:focus-visible,.sc-recipe__servings .sc-party input:focus-visible{
  outline:3px solid rgba(205,86,48,.3);outline-offset:2px
}
.sc-recipe__servings .sc-party label{
  flex:0 1 178px;min-width:130px;height:56px;
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:0 16px;border:1px solid var(--recipe-line);
  border-radius:14px;background:#fff
}
.sc-recipe__servings .sc-party label span{
  order:2;flex:0 0 auto;font-size:14px;color:#928780
}
.sc-recipe__servings .sc-party input{
  flex:1 1 45px;min-width:0;width:45px;padding:0;
  font-size:22px;font-weight:700;color:#282726;line-height:1.3;
  background:transparent;border:0;outline:0
}
body:has([data-recipe-scaler]) .sc-recipe .sc-recipe__actions{gap:10px;display:flex;align-items:center;flex-wrap:wrap}
.sc-recipe__actions .sc-button{display:inline-flex;align-items:center;justify-content:center;
  min-height:51px;padding:12px 22px;border-radius:999px;font-size:15px;font-weight:680;white-space:nowrap
}
.sc-recipe__actions .sc-button--primary{background:#cb5a35;border-color:#cb5a35}
.sc-recipe__actions .sc-button:not(.sc-button--primary):hover{background:#fff4ed}
.sc-recipe .sc-recipe__meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:20px;
  margin:0;padding:22px 0 19px;border:0;font-size:14px
}
.sc-recipe__stat{display:flex;align-items:center;gap:13px;padding-right:24px;min-height:50px}
.sc-recipe__stat+.sc-recipe__stat{border-left:1px solid var(--recipe-line);padding-left:24px}
.sc-recipe .sc-recipe__stat-icon{
  display:flex;align-items:center;justify-content:center;flex:0 0 51px;width:51px;height:51px;
  border-radius:50%;background:#fff2e7;color:var(--recipe-orange)
}
.sc-recipe__stat-icon svg{display:block;width:25px;height:25px;
  stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sc-recipe__stat-info{display:grid;gap:4px}
.sc-recipe__stat-info>span{font-size:13px;color:#887e76;line-height:1.2}
.sc-recipe__stat-info>b{font-size:16px;font-weight:750;color:#232323;line-height:1.2}
.sc-recipe .sc-recipe__time-note{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;
  margin:0 0 0;padding:15px 23px;min-height:70px;
  border:1px solid #f0bf9f;border-radius:14px;background:#fffbf7;
  color:#635e59;font-size:15px;line-height:1.55
}
.sc-recipe__warning-icon{
  display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;
  border:2px solid var(--recipe-orange);border-radius:50%;
  color:var(--recipe-orange);font-size:21px;font-weight:750;line-height:1
}
.sc-recipe .sc-recipe__time-note>b{
  display:block;white-space:normal;flex:0 0 auto;font-size:15px;font-weight:750;
  color:#bb4729;margin:0;padding-right:16px;border-right:1px solid var(--recipe-line)
}
.sc-recipe__time-note-text{flex:1 1 300px;min-width:0;color:#655e59}
.sc-recipe .sc-recipe__layout{
  display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);
  align-items:start;gap:clamp(35px,5vw,88px);padding:37px 0 52px
}
.sc-recipe .sc-recipe__layout section{min-width:0}
.sc-recipe .sc-recipe__layout h2{
  font-weight:540;letter-spacing:-.03em;
  font-size:clamp(31px,2.8vw,44px);line-height:1.1;
  margin:0 0 21px;padding:0;color:#272625
}
.sc-recipe .sc-ingredients{list-style:none;padding:0;margin:0}
.sc-recipe .sc-ingredients li{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  border-bottom:1px solid var(--recipe-line);padding:13px 0;margin:0;
  font-size:17px;line-height:1.5;color:#494743
}
.sc-recipe .sc-ingredients li:first-child{padding-top:4px}
.sc-recipe .sc-ingredients li span{min-width:0}
.sc-recipe .sc-ingredients li b{font-size:16px;font-weight:750;color:#222;white-space:nowrap}
.sc-recipe .sc-method{
  list-style:none;counter-reset:recipe-step;
  padding:4px 0 0;margin:0
}
.sc-recipe .sc-method li{
  counter-increment:recipe-step;display:grid;
  grid-template-columns:37px minmax(0,1fr);column-gap:14px;
  align-items:start;margin:0 0 19px;padding:0;
  font-size:17px;line-height:1.64;color:#4d4b49
}
.sc-recipe .sc-method li::before{
  content:counter(recipe-step) ".";
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;margin-top:0;border-radius:50%;
  background:#fff2e8;color:#90522f;font-size:15px;font-weight:600;line-height:1
}
.sc-recipe__photo{margin:25px 0 0}
.sc-recipe__photo img{border-radius:20px}
@media(max-width:900px){
  .sc-recipe .sc-recipe__layout{grid-template-columns:1fr;gap:30px;padding:32px 0 45px}
  .sc-recipe .sc-recipe__layout h2{margin-bottom:16px;font-size:clamp(30px,5vw,39px)}
  .sc-recipe .sc-ingredients li{padding:11px 0}
}
@media(max-width:720px){
  body:has([data-recipe-scaler]) .sc-recipe .sc-recipe__toolbar{align-items:stretch;gap:18px;padding:19px 0 22px;min-height:0}
  .sc-recipe__servings{gap:9px 14px}
  .sc-recipe__servings .sc-party{width:auto;flex:0 1 auto;gap:7px}
  .sc-recipe__servings .sc-party button{width:46px;flex-basis:46px;height:50px;border-radius:12px}
  .sc-recipe__servings .sc-party label{height:50px;min-width:126px;flex:1 1 145px;padding:0 11px;border-radius:12px}
  .sc-recipe__servings .sc-party input{font-size:20px}
  body:has([data-recipe-scaler]) .sc-recipe .sc-recipe__actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  body:has([data-recipe-scaler]) .sc-recipe .sc-recipe__actions .sc-button{width:100%;min-width:0;min-height:47px;font-size:13px;padding:10px}
  .sc-recipe__actions .sc-recipe__shop-link{grid-column:1/-1}
  .sc-recipe .sc-recipe__meta{gap:10px 18px;padding:19px 0}
  .sc-recipe__stat{gap:9px;padding:0}
  .sc-recipe__stat+.sc-recipe__stat{padding-left:18px}
  .sc-recipe__stat-icon{width:40px;height:40px;flex-basis:40px}
  .sc-recipe__stat-icon svg{width:22px;height:22px}
  .sc-recipe__stat-info>span{font-size:12px}
  .sc-recipe__stat-info>b{font-size:14px}
  .sc-recipe .sc-recipe__time-note{padding:14px;gap:9px 12px;font-size:13px;min-height:0}
  .sc-recipe .sc-recipe__time-note>b{border:0;padding:0;font-size:14px}
  .sc-recipe__time-note-text{flex-basis:100%}
  .sc-recipe .sc-ingredients li{font-size:15px}
  .sc-recipe .sc-method li{grid-template-columns:32px minmax(0,1fr);gap:11px;font-size:15px}
  .sc-recipe .sc-method li::before{width:31px;height:31px;font-size:13px}
}
@media(max-width:430px){
  .sc-recipe__servings{gap:10px}
  .sc-recipe__servings .sc-field-label{width:100%;font-size:15px}
  .sc-recipe__servings .sc-party{width:100%}
  .sc-recipe__servings .sc-party label{min-width:0}
  .sc-recipe .sc-recipe__meta{gap:12px}
  .sc-recipe__stat{flex:1 1 115px}
  .sc-recipe__stat+.sc-recipe__stat{border-left:0;padding-left:0}
}
@media print{
  .sc-recipe__actions{display:none!important}
  .sc-recipe .sc-recipe__layout{grid-template-columns:43% 1fr;gap:22px}
  .sc-recipe__warning-icon,.sc-recipe__stat-icon{color:#80563a}
}