.recipe-page{background:#f6f7f2;color:#183d30}.recipe-main{max-width:1100px}.recipe-intro{padding:42px 0 28px;max-width:790px}.recipe-eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.12em;color:#48634e}.recipe-intro h1{font-size:clamp(2rem,4.8vw,3.6rem);line-height:1.18;letter-spacing:-.05em;text-wrap:balance;margin:16px 0}.recipe-intro>p:not(.recipe-eyebrow){line-height:1.7;color:#476354}.recipe-trust{font-size:.9rem;font-weight:650}.recipe-languages{display:flex;flex-wrap:wrap;gap:2px}.recipe-languages a{display:inline-flex;align-items:center;min-height:44px;padding:4px 9px;font-size:.8rem}.recipe-languages [aria-current]{color:#183d30;background:#e8eecf;border-radius:12px}.recipe-panel{padding:clamp(20px,4vw,34px);border:1px solid #d8dfd1;border-radius:24px;background:#fff;margin:0 0 20px}.recipe-panel h2{font-size:1.2rem;line-height:1.4;margin:0 0 20px;letter-spacing:-.025em}.recipe-panel p{line-height:1.7}.recipe-presets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.recipe-preset{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid #ced9c3;border-radius:16px;background:#f4f7eb;min-height:92px;padding:18px;color:#204c39;cursor:pointer;text-align:left}.recipe-preset:hover{background:#e9f2d1}.recipe-preset strong{font-size:1.05rem}.recipe-preset span{font-size:.82rem}.recipe-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}.recipe-fields label{display:flex;flex-direction:column;gap:8px;font-size:.88rem;font-weight:650;min-width:0}.recipe-fields input,.recipe-fields select{width:100%;box-sizing:border-box;min-height:46px;border:1px solid #adbdaf;border-radius:10px;background:#fff;color:#163f2e;padding:10px 12px;font:inherit;font-size:1rem}.recipe-fields small{color:#516457;font-size:.78rem;line-height:1.6;font-weight:450}.recipe-prefix{grid-column:span 2}.recipe-pipeline{padding:12px 16px;border-radius:10px;background:#f1f5e8;color:#355342;font-size:.85rem;font-weight:550;word-break:keep-all}.recipe-page .button{min-height:46px;white-space:normal;text-align:center;cursor:pointer}.recipe-page .button.primary{color:#fff;background:#204e3a;border-color:#204e3a}.recipe-page .button:disabled{opacity:.48;cursor:not-allowed}.recipe-page :focus-visible{outline:3px solid #76943c;outline-offset:4px}.recipe-saved summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:650}.recipe-saved summary:before{content:"+";margin-right:12px;font-size:1.3rem}.recipe-saved[open] summary:before{content:"−"}.recipe-saved ul{list-style:none;padding:0}.recipe-saved li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #e3e8db;padding:12px 0}.recipe-saved li span{flex:1;min-width:160px;font-size:.85rem;overflow-wrap:anywhere}.recipe-message{font-size:.9rem;min-height:1.6em;margin:12px 0 0;color:#355744;overflow-wrap:anywhere}.recipe-message[data-error=true]{color:#98372d}.recipe-drop{padding:24px 18px;border:1px dashed #9dad93;border-radius:16px;text-align:center;background:#fafbf5}.recipe-drop.dragover{background:#eaf2d2;border-color:#204e3a}.recipe-drop>p:first-child{font-weight:650}.recipe-drop:focus-within{outline:3px solid #76943c;outline-offset:3px}.recipe-limit{max-width:650px;margin:16px auto 0;font-size:.82rem;color:#586557}.recipe-actions{display:flex;flex-wrap:wrap;gap:8px}.recipe-picked{font-size:.9rem;font-weight:650}.recipe-page progress{width:100%;height:9px;accent-color:#315941;margin-top:16px}.recipe-results{padding:0;list-style:none;display:grid;gap:12px}.recipe-result{border:1px solid #dce3d2;border-radius:15px;padding:16px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px 16px}.recipe-result img{width:92px;height:92px;object-fit:contain;border-radius:9px;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/12px 12px}.recipe-result .recipe-meta{grid-column:2;grid-row:1;min-width:0}.recipe-result h3{font-size:.95rem;margin:0 0 5px;overflow-wrap:anywhere}.recipe-result p{margin:4px 0;font-size:.84rem;overflow-wrap:anywhere}.recipe-result .recipe-item-status{font-weight:650}.recipe-result[data-state=failed] .recipe-item-status{color:#98372d}.recipe-result .button{grid-column:2;justify-self:start;margin-top:6px}.recipe-result .recipe-placeholder{width:92px;height:92px;border-radius:9px;background:#f0f3e7;display:flex;align-items:center;justify-content:center;color:#627058;font-size:1.2rem}.recipe-help{margin:24px 0;padding:24px;border-radius:20px;background:#eaf1d7}.recipe-help h2{font-size:1rem;margin:0 0 10px}.recipe-help a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}.recipe-privacy{font-size:.85rem;line-height:1.7;color:#4b6653}.recipe-page [hidden]{display:none!important}@media(max-width:760px){.recipe-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-intro{padding-top:24px}.recipe-page .site-header{align-items:flex-start;flex-wrap:wrap;gap:8px}.recipe-languages{width:100%}.recipe-presets{gap:8px}.recipe-preset{padding:14px;min-height:92px}}@media(max-width:400px){.recipe-panel{padding:18px 14px;border-radius:18px}.recipe-fields{grid-template-columns:1fr}.recipe-prefix{grid-column:auto}.recipe-presets{grid-template-columns:1fr}.recipe-result{grid-template-columns:60px minmax(0,1fr);gap:10px}.recipe-result img,.recipe-result .recipe-placeholder{width:60px;height:60px}.recipe-actions>.button{flex:1 1 100%}.recipe-languages a{padding:4px 8px}}@media(prefers-reduced-motion:reduce){.recipe-page *{scroll-behavior:auto!important}}

.recipe-quick{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.recipe-quick span{font-size:.85rem;color:#426148}.recipe-result img{content-visibility:auto}

.recipe-page .site-footer a{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}
