/* Isolated recipe detail, reusable by Tracker in the next phase. */
.sf-recipe-dialog{margin:auto;background:var(--card);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:22px;width:min(620px,calc(100vw - 24px));max-height:88vh;max-height:88dvh;overflow:auto;overscroll-behavior:contain;font:inherit;box-shadow:0 24px 80px #0009}
.sf-recipe-dialog::backdrop{background:rgba(0,0,0,.72)}
.sf-recipe-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.sf-recipe-head h2{font-size:20px;line-height:1.4;flex:1;overflow-wrap:anywhere}
.sf-recipe-head button{flex-shrink:0;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:25px;cursor:pointer}
.sf-recipe-dialog h3{font-size:14px;margin:20px 0 10px}
.sf-recipe-time,.sf-recipe-macros{font-size:12px;line-height:1.7;color:#c2c2cd}
.sf-recipe-ingredients{list-style:none;font-size:13px}
.sf-recipe-ingredients li{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--border)}
.sf-recipe-ingredients li span{overflow-wrap:anywhere}
.sf-recipe-ingredients strong{white-space:nowrap;font-weight:600}
.sf-recipe-steps{padding-left:24px;font-size:14px;line-height:1.75;color:#ececf2}
.sf-recipe-steps li{padding-left:5px;margin:10px 0}
.sf-recipe-steps li::marker{color:var(--orange);font-weight:700}
.sf-recipe-notice{border:1px solid #ff6b354d;border-radius:10px;background:#ff6b3510;color:#ffd0b8;padding:12px;font-size:13px;line-height:1.6;margin:14px 0}
.sf-recipe-note,.sf-recipe-safety{font-size:12px;line-height:1.7;color:#b9b9c6;margin-top:12px}
.sf-recipe-safety summary{cursor:pointer;padding:8px 0;color:#dddde7}
.sf-recipe-safety a{color:var(--orange)}
.sf-recipe-retry{background:var(--orange);border:0;color:#fff;border-radius:8px;padding:12px 18px;font:inherit;cursor:pointer}
.sf-recipe-dialog button:focus-visible,.sf-recipe-safety summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:480px){.sf-recipe-dialog{padding:16px}.sf-recipe-head h2{font-size:18px}}
