/* Faregrounds bottle-yield calculator, for Syrups only */
.fg-syrup-batch{display:grid;gap:14px;color:#294333}
.fg-syrup-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.fg-syrup-head h3{font-size:19px;margin:7px 0 0;line-height:1.3}
.fg-syrup-bottle-tag{display:inline-flex;align-items:center;background:#e7efe6;border-radius:999px;padding:7px 12px;font-size:12px;color:#43644a;font-weight:700}
.fg-syrup-help,.fg-syrup-caution{font-size:12px;color:#6e8072;line-height:1.65;margin:0}
.fg-syrup-base-caption{font-size:13px;color:#506758;margin:0}
.fg-syrup-base-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:700}
.fg-syrup-base-field input,.fg-syrup-custom input{font:inherit;border:1px solid #d4e1d2;background:#fff;color:#254733;border-radius:10px;padding:10px 12px;width:88px;box-sizing:border-box}
.fg-syrup-controls{display:flex;justify-content:space-between;align-items:end;gap:13px;flex-wrap:wrap}
.fg-syrup-presets{display:flex;gap:7px;flex-wrap:wrap}
.fg-syrup-presets button{border:1px solid #d4e1d2;background:#fff;color:#41624a;border-radius:10px;min-width:42px;padding:10px 13px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.fg-syrup-presets button.active,.fg-syrup-presets button[aria-pressed="true"]{background:#25503a;border-color:#25503a;color:#fff}
.fg-syrup-custom{font-size:12px;font-weight:700;display:grid;gap:7px;color:#59735e}
.fg-syrup-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;border-radius:13px;background:#edf4ec;padding:13px 17px}
.fg-syrup-summary strong{font-size:15px;color:#2b5639}
.fg-syrup-summary span{color:#5a7661;font-size:12px}
.fg-syrup-results{border:1px solid #e1e9df;border-radius:13px;overflow:hidden}
.fg-syrup-result-heading,.fg-syrup-result-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.6fr);gap:14px;align-items:center;padding:11px 14px}
.fg-syrup-result-heading{background:#f4f7f3;color:#6a8270;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.fg-syrup-result-row+.fg-syrup-result-row{border-top:1px solid #eef1ed}
.fg-syrup-result-row span{font-size:13px}
.fg-syrup-result-row strong{font-size:13px;color:#234c35}
.fg-syrup-warning{padding:10px 13px;background:#fff2e4;color:#914d28;margin:0;font-size:12px}
@media(max-width:650px){.fg-syrup-controls{align-items:stretch}.fg-syrup-custom input{width:100%}}