.substitution-page [hidden]{display:none!important}.substitution-heading{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:48px}.substitution-heading p{max-width:730px}.substitution-art{color:var(--olive,#737e56)}.substitution-art svg{width:100%;height:auto}.substitution-workspace{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:32px;align-items:start;margin:40px 0 64px}.substitution-form,.substitution-result{border:1px solid var(--line,#d9ddcc);border-radius:20px;padding:32px;min-width:0}.substitution-form{background:#eeefe6}.substitution-form label{display:block;margin:22px 0 8px;font-weight:600;color:#30362c}.substitution-form select,.substitution-form input{width:100%;min-height:52px;border:1px solid #cbd0bd;border-radius:8px;background:#fff;color:#292e26;font:inherit;padding:12px;box-sizing:border-box;min-width:0}.substitution-form :is(input,select,button):focus-visible{outline:3px solid #858f68;outline-offset:3px}.substitution-amount{display:flex;align-items:center;gap:12px}.substitution-amount input{flex:1;width:0}.substitution-amount>span{min-width:28px;color:#555d49}.substitution-hint{font-size:14px;line-height:1.6;color:#626b56;margin:10px 0 0}.substitution-error{font-size:14px;line-height:1.6;color:#943e2c;margin:12px 0}.substitution-form input[aria-invalid=true]{border-color:#943e2c}.substitution-submit,.substitution-share{font:inherit;cursor:pointer;width:100%;border-radius:8px;padding:15px;line-height:1.4}.substitution-submit{display:flex;justify-content:space-between;gap:10px;margin-top:24px;background:#727e55;color:#fff;border:1px solid #727e55}.substitution-submit:hover{background:#5d6844}.substitution-share{background:transparent;color:#505d3b;border:1px solid #b4bea0;margin-top:12px;font-size:14px}.substitution-share:disabled{opacity:.5;cursor:default}.substitution-result{background:#fff;min-height:380px}.substitution-result h2{font-size:clamp(28px,3vw,42px);line-height:1.18;margin:16px 0 20px;overflow-wrap:anywhere}.substitution-original{color:#70766a;line-height:1.7}.substitution-parts{list-style:none;padding:0;margin:24px 0}.substitution-parts li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:18px 0;border-bottom:1px solid #e5e7de;font-size:19px}.substitution-parts strong{color:#596740;white-space:nowrap;font-size:24px}.substitution-note{background:#f5f5ef;padding:22px;border-radius:12px;margin:24px 0}.substitution-note h3{font-family:var(--sans,sans-serif);font-size:15px;letter-spacing:.04em;margin:0 0 10px;text-transform:uppercase;color:#626f4b}.substitution-note p{font-size:17px;line-height:1.75;margin:0;color:#535b4c}.substitution-result .kitchen-inline-link{font-size:16px;overflow-wrap:anywhere}.substitution-page #sub-status:empty{display:none}
@media(max-width:900px){.substitution-heading{grid-template-columns:minmax(0,1fr) 160px;gap:24px}.substitution-workspace{grid-template-columns:1fr;gap:20px}.substitution-result{min-height:0}.substitution-form{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.substitution-form>*{grid-column:1/-1}}
@media(max-width:560px){.substitution-heading{display:block}.substitution-art{display:none}.substitution-workspace{margin-top:24px}.substitution-form,.substitution-result{padding:22px 18px;border-radius:14px}.substitution-form{display:block}.substitution-parts li{font-size:16px;gap:12px}.substitution-parts strong{font-size:20px}.substitution-note{padding:18px}.substitution-heading h1{font-size:44px}}