/* Additions on top of the unchanged Concept B stylesheet (b.css): pieces the static prototype did not have. */
.hero .bg img.rwcb-hero-img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.lede .ph img.rwcb-lede-img{width:100%;object-fit:cover;object-position:50% 50%}
.rwcb-story p{color:var(--bone-2)}
.why p{margin:0 0 1em}.why strong{color:var(--bone)}
.serve ul{margin:8px 0 0;padding-left:20px}.serve li{margin:4px 0}

/* serving selector — 2/4/6/8, styled as Concept B pills */
.rwcb-scale{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.rwcb-scale button{min-width:48px;min-height:44px;border-radius:999px;border:1px solid var(--kline);background:transparent;color:var(--ink);font:700 15px var(--sans);cursor:pointer}
.rwcb-scale button:hover{border-color:var(--ember)}
.rwcb-scale button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.rwcb-scale-label{font-size:.85rem;color:#7a6e61;letter-spacing:.08em;text-transform:uppercase;margin-left:4px}
.ingr .rwcb-note{color:#7a6e61;font-weight:400}
.ingr .rwcb-group{font:700 12px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ember);padding:18px 0 6px;border:0}
.rwcb-scaled-note{font-size:.85rem;color:#7a6e61;margin:14px 0 0}
.ingr .q.scaled{color:var(--ember)}

/* the rest of the generated article, set on the light paper after the kitchen */
.rwcb-article{background:var(--paper);color:var(--ink);padding:0 var(--gutter) clamp(60px,9vh,110px)}
.rwcb-article .rwcb-sec{max-width:760px;margin:0 auto;padding:40px 0 0;border-top:1px solid var(--kline)}
.rwcb-article h2{font-size:clamp(1.7rem,1rem + 1.6vw,2.6rem);margin-bottom:14px}
.rwcb-article h3{font:700 1.05rem/1.4 var(--sans);letter-spacing:0;margin:22px 0 6px}
.rwcb-article p,.rwcb-article li{color:#3d352d}.rwcb-article ul,.rwcb-article ol{padding-left:22px}

/* "Cook next" empty-state styles (unused now that the reel is hidden without published recipes) */
.rwcb-empty .ph{display:flex;align-items:center;justify-content:center;border:1px dashed var(--kline);background:#efe6d8}
.rwcb-empty .ph span{font:600 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#7a6e61}

@media (max-width:700px){.hero .bg img.rwcb-hero-img{object-position:42% 50%}}
@media print{
  .rwcb-scale,.rwcb-article{display:none!important}
  .hero .copy{text-shadow:none}.hero .copy .eyebrow{background:none;padding:0}.kitchen,.serve{background:#fff!important}
  .ingr .q.scaled{color:#000}
}

/* Worth The Fork branding: no developer banner above the header; optional circular logo before the wordmark */
body.rwcb .site{top:0}
.brand-logo{display:inline-block;width:40px;height:40px;border-radius:50%;vertical-align:middle;margin:-4px 10px 0 0}
@media (max-width:900px){body.rwcb .site{top:0}}

/* Homepage: the brand cover is a wide 2056x765 photo; keep the dish (right of centre) in frame on phones */
.rwcb-home .hero .bg img.rwcb-cover{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.rwcb-soon p{color:var(--bone-2);font-size:1.15rem;max-width:46ch;margin:0;padding-top:24px;border-top:1px solid var(--line)}
.rwcb-home .slide .ph img{height:100%;object-fit:cover}
@media (max-width:700px){.rwcb-home .hero .bg img.rwcb-cover{object-position:68% 50%}}

/* Site pages (About, Contact, Privacy Policy, not found): solid header, dark title band, text on paper */
.rwcb-page .site{background:rgba(15,13,11,.92)}
.rwcb-page-head{padding:clamp(120px,18vh,190px) var(--gutter) clamp(40px,7vh,80px);max-width:1400px;margin:0 auto}
.rwcb-page-head h1{font-size:clamp(2.6rem,1rem + 5vw,6rem);margin-top:16px}
.rwcb-page-body{padding-top:clamp(40px,7vh,80px);border-radius:28px 28px 0 0}
.rwcb-page-body .rwcb-sec{border-top:0;padding-top:0}
.rwcb-page-body a:not(.btn){color:var(--ember)}
.rwcb-page-body .btn{background:var(--ink);color:var(--paper)}
/* footer links */
footer.ft .ft-links{display:flex;flex-wrap:wrap;gap:6px 0}footer.ft .ft-links a{color:var(--bone-2)}footer.ft .ft-links a:hover{color:var(--flame)}
/* contact form */
.rwcb-form{display:grid;gap:18px;max-width:560px;margin-top:24px}
.rwcb-form label{display:grid;gap:6px;font:600 .85rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#5c5249}
.rwcb-form input,.rwcb-form textarea{font:400 1rem/1.5 var(--sans);color:var(--ink);background:#fff;border:1px solid var(--kline);border-radius:10px;padding:12px 14px;text-transform:none;letter-spacing:0}
.rwcb-form input:focus,.rwcb-form textarea:focus{outline:2px solid var(--ember);outline-offset:1px}
.rwcb-form .btn{justify-self:start}
.rwcb-form .rwcb-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rwcb-form-msg{padding:12px 16px;border-radius:10px;margin:18px 0 0}.rwcb-form-msg.ok{background:#e4efdf;color:#24451a}.rwcb-form-msg.err{background:#f6e0d8;color:#7a2a12}