/* Shared recipe accordion and estimate presentation in native and V32 views. */
.recipe-detail-approved>details,.recipe-disclosure{box-sizing:border-box!important;background:#fffcf5!important;border:1px solid #ded8c9!important;border-radius:16px!important;padding:20px!important;margin:14px 0!important;box-shadow:none!important;color:#192b20}
.recipe-detail-approved>details>summary,.recipe-disclosure>summary{list-style:none!important;display:flex!important;align-items:center;gap:12px;min-height:48px;margin:0!important;padding:0!important;font-family:Quicksand,sans-serif!important;font-size:1.15rem!important;font-weight:700!important;color:#285b37!important;cursor:pointer}
.recipe-detail-approved>details>summary::-webkit-details-marker,.recipe-disclosure>summary::-webkit-details-marker{display:none}
.recipe-detail-approved>details>summary:before,.recipe-disclosure>summary:before{content:'›';display:inline-block;font-family:inherit;font-size:1.5rem;transition:transform .15s}
.recipe-detail-approved>details[open]>summary:before,.recipe-disclosure[open]>summary:before{transform:rotate(90deg)}
.recipe-detail-approved>details[open]>summary,.recipe-disclosure[open]>summary{margin-bottom:16px!important}
.recipe-detail-approved>details>summary:focus-visible,.recipe-disclosure>summary:focus-visible{outline:3px solid #819b76;outline-offset:5px;border-radius:5px}
.nutrition-metrics{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:12px;margin:16px 0}
.nutrition-metrics>span{display:flex;flex-direction:column;gap:5px;padding:12px;background:#f1f0e5;border-radius:10px;min-width:0}
.nutrition-metrics strong{font-size:1.15rem}.nutrition-metrics small{font-size:.8rem}
.nutrition-matches32{margin-top:16px;border-top:1px solid #ded8c9;padding-top:12px}.nutrition-matches32>summary{cursor:pointer;font-weight:700;min-height:44px}
.nutrition-match32{display:grid;gap:10px;padding:16px 0;border-bottom:1px solid #ded8c9;min-width:0;overflow-wrap:anywhere}
.nutrition-match32 label,.nutrition-match32 form{display:grid;gap:8px;min-width:0}.nutrition-match32 select,.nutrition-match32 input{font:inherit;box-sizing:border-box;width:100%;max-width:100%;min-width:0;border:1px solid #ded8c9;border-radius:8px;padding:10px;background:white;color:#192b20}.nutrition-match32 .btn{justify-self:start}
@media(max-width:600px){.recipe-detail-approved>details,.recipe-disclosure{padding:16px!important;border-radius:14px!important}.nutrition-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.recipe-detail-approved>details>summary:before,.recipe-disclosure>summary:before{transition:none}}

/* Recipe phases share colours across step positions and languages. */
.rich-cooking-list>li,.recipe-disclosure-body>.step{--step-ink:#526052;--step-tint:#f1f3ef;background:var(--step-tint)!important;border-left:5px solid var(--step-ink)!important;border-radius:10px;padding:14px!important;margin-block:12px!important;min-width:0;overflow-wrap:anywhere}
[data-recipe-phase="prep"]{--step-ink:#285b37!important;--step-tint:#eaf3e5!important}
[data-recipe-phase="vegetables"]{--step-ink:#25615b!important;--step-tint:#e4f3ee!important}
[data-recipe-phase="protein"]{--step-ink:#943e2d!important;--step-tint:#fbece5!important}
[data-recipe-phase="simmer"]{--step-ink:#245b78!important;--step-tint:#e6f1fa!important}
[data-recipe-phase="bake"]{--step-ink:#795310!important;--step-tint:#fff2d3!important}
[data-recipe-phase="sauce"]{--step-ink:#654985!important;--step-tint:#f0eafa!important}
[data-recipe-phase="cook"]{--step-ink:#835221!important;--step-tint:#fbefdf!important}
[data-recipe-phase="finish"]{--step-ink:#7a3e6b!important;--step-tint:#f8e9f3!important}
[data-recipe-phase="serve"]{--step-ink:#526320!important;--step-tint:#f0f4dc!important}
.rich-cooking-list>li .step-number,.recipe-disclosure-body>.step .step-number{background:var(--step-ink)!important;color:#fff!important}
.rich-cooking-list>li .step-stage,.recipe-disclosure-body>.step .step-stage32{color:var(--step-ink)!important}
.rich-cooking-list>li>div:last-child,.recipe-disclosure-body>.step>div{min-width:0}