.container--recipe{max-width:70rem}.recipe-hero{margin-bottom:1.25rem}.recipe-hero__eyebrow,.recipe-kicker{margin:0 0 .3rem;color:var(--color-primary);font-size:.72rem;font-weight:850;letter-spacing:.1em}.recipe-hero__trust{padding:.65rem .8rem;border-radius:.6rem;background:#edf8f5;color:#195d55;font-size:.78rem;font-weight:700}.recipe-panel{padding:clamp(1rem,3vw,1.5rem)}.recipe-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.recipe-heading h2,.recipe-heading p{margin:0}.recipe-heading__actions,.recipe-actions,.recipe-copy-row{display:flex;flex-wrap:wrap;gap:.55rem}.recipe-mode{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0;padding:0;border:0}.recipe-mode legend{width:100%;font-weight:850}.recipe-mode label{display:flex;align-items:center;gap:.45rem;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:.55rem;background:var(--color-surface-soft);font-weight:750}.recipe-condition-grid,.recipe-pan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.recipe-condition-card{min-width:0;padding:.85rem;border:1px solid var(--color-border);border-radius:.65rem;background:var(--color-surface-soft)}.recipe-condition-card h3{margin:0 0 .65rem;color:var(--color-primary-dark)}.recipe-field{display:grid;min-width:0;gap:.3rem;margin-top:.55rem}.recipe-field:first-child{margin-top:0}.recipe-field span,.recipe-material-label{font-size:.72rem;font-weight:800}.recipe-control{display:flex;align-items:center;min-width:0;border:1px solid var(--color-border-strong);border-radius:.5rem;background:#fff;overflow:hidden}.recipe-control:focus-within{border-color:var(--color-primary);outline:3px solid rgb(20 107 99 / 12%)}.recipe-control input,.recipe-control select{min-width:0;width:100%;min-height:2.65rem;padding:.55rem .6rem;border:0;background:#fff;color:var(--color-text);font:inherit}.recipe-control input:focus,.recipe-control select:focus{outline:0}.recipe-unit{flex:0 0 auto;padding-right:.6rem;color:var(--color-muted);font-size:.72rem}.recipe-materials{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.recipe-materials__heading{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.recipe-materials__heading h3,.recipe-materials__heading p{margin:0}.recipe-materials__heading p{color:var(--color-muted);font-size:.72rem}.recipe-material-list{display:grid;gap:.55rem;margin-top:.7rem}.recipe-material-row{display:grid;grid-template-columns:minmax(8rem,1.5fr) minmax(6rem,1fr) minmax(5rem,.8fr) auto;gap:.5rem;align-items:end;padding:.65rem;border:1px solid var(--color-border);border-radius:.6rem;background:var(--color-surface-soft)}.recipe-material-field{display:grid;min-width:0;gap:.25rem}.recipe-material-field input{min-width:0;width:100%;min-height:2.5rem;padding:.5rem .55rem;border:1px solid var(--color-border-strong);border-radius:.45rem;background:#fff;color:var(--color-text);font:inherit}.recipe-material-remove{min-height:2.5rem}.recipe-actions{margin-top:1rem}.recipe-error{min-height:1.5em;margin:.65rem 0 0;color:var(--color-danger);font-weight:750}.recipe-results{margin-top:1rem}.recipe-summary{padding:1rem;border-radius:.75rem;background:#173f3a;color:#fff;text-align:center}.recipe-summary h2,.recipe-summary p{margin:0}.recipe-factor{margin:.3rem 0!important;color:#c8f2e8;font-size:clamp(2rem,8vw,3.4rem);font-weight:950;overflow-wrap:anywhere}.recipe-condition{font-weight:850}.recipe-change{margin-top:.3rem!important}.recipe-areas{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-top:.55rem}.recipe-areas p{padding:.35rem .55rem;border-radius:.4rem;background:rgb(255 255 255 / 10%);font-size:.76rem}.recipe-ingredient-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.8rem}.recipe-ingredient-result,.recipe-no-materials{min-width:0;margin:0;padding:.75rem;border:1px solid var(--color-border);border-radius:.6rem;background:#fff}.recipe-ingredient-result h3,.recipe-ingredient-result p{margin:0;overflow-wrap:anywhere}.recipe-ingredient-result h3{color:var(--color-primary-dark);font-size:.82rem}.recipe-ingredient-result p{margin-top:.3rem;font-weight:800}.recipe-copy-row{align-items:center;margin-top:.8rem}.recipe-copy-status{margin:0;color:var(--color-muted);font-size:.75rem}.recipe-notice{margin-top:.8rem;padding:.7rem .8rem;border-radius:.55rem;background:#fff8e8;color:#745918;font-size:.75rem;line-height:1.65}.recipe-mode input:focus-visible,.recipe-actions button:focus-visible,.recipe-material-remove:focus-visible,.recipe-copy-row button:focus-visible,.recipe-materials__heading button:focus-visible{outline:3px solid #f2b84b;outline-offset:3px}.faq-section details{margin:.55rem 0;padding:.7rem .8rem;border:1px solid var(--color-border);border-radius:.55rem}.faq-section summary{cursor:pointer;font-weight:800}.faq-section details p{margin:.5rem 0 0}.related-tools p{display:flex;flex-wrap:wrap;gap:.45rem}.related-tools a{display:inline-block;padding:.45rem .65rem;border:1px solid var(--color-border);border-radius:99rem;background:var(--color-surface-soft)}@media(max-width:48rem){.recipe-material-row{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-material-remove{grid-column:1/-1}.recipe-ingredient-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:40rem){.recipe-condition-grid,.recipe-pan-grid,.recipe-ingredient-results{grid-template-columns:1fr}}@media(max-width:30rem){.recipe-heading,.recipe-materials__heading{display:block}.recipe-heading__actions,.recipe-materials__heading button{margin-top:.65rem}.recipe-material-row{grid-template-columns:1fr}.recipe-material-remove{grid-column:auto}.recipe-actions>*{flex:1 1 9rem}.recipe-areas{display:block}.recipe-areas p{margin:.35rem 0}}
