.lq{display:flex;flex-direction:column;gap:16px}
.lq-tabs{display:flex;border:2px solid var(--color-text);background:#fff;width:fit-content;max-width:100%;overflow-x:auto}
.lq-tab{appearance:none;border:0;border-right:1px solid var(--color-divider);cursor:pointer;padding:11px 18px;min-height:44px;font-family:var(--font-heading);font-weight:800;font-size:13px;letter-spacing:.03em;text-transform:uppercase;background:#fff;color:var(--color-text);white-space:nowrap}
.lq-tab:last-child{border-right:0}
.lq-tab:hover{background:var(--color-accent-100)}
.lq-tab[aria-selected="true"]{background:var(--color-text);color:#fff}
.lq-lab{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin-bottom:6px}
.lq-chips{display:flex;flex-wrap:wrap;gap:6px}
.lq-g,.lq-i,.lq-u{appearance:none;cursor:pointer;font:inherit;font-size:14px;color:var(--color-text);background:#fff;border:1px solid var(--color-divider);padding:8px 12px;min-height:40px;line-height:1.2}
.lq-g{border-left:6px solid var(--gc,#444);font-weight:700}
.lq-g:hover,.lq-i:hover,.lq-u:hover{background:var(--color-accent-100)}
.lq-g[aria-pressed="true"]{background:var(--gc,#444);color:#fff;border-color:var(--gc,#444)}
.lq-i[aria-pressed="true"]{background:var(--color-text);color:#fff;border-color:var(--color-text)}
.lq-u[aria-pressed="true"]{background:var(--color-accent);color:#fff;border-color:var(--color-accent);font-weight:700}
.lq-items{margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-divider)}
.lq-amt{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.lq-amt .pairfield{flex:0 1 260px}
.lq-swap{appearance:none;cursor:pointer;min-height:60px;padding:0 16px;font-family:var(--font-heading);font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;background:#fff;color:var(--color-text);border:2px solid var(--color-text)}
.lq-swap:hover{background:var(--color-accent-100)}
.lq-out{background:#fff;border:2px solid var(--color-text);padding:14px 16px}
.lq-big{font-family:var(--font-heading);font-weight:800;font-size:clamp(22px,6vw,34px);letter-spacing:-.02em;overflow-wrap:anywhere}
.lq-sub{font-size:13px;margin:6px 0 0}
.lq-all{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--color-divider);border:1px solid var(--color-divider);margin-top:12px}
.lq-all div{background:#fff;padding:8px 10px;font-variant-numeric:tabular-nums}
.lq-all b{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:color-mix(in srgb,var(--color-text) 60%,transparent)}
.about>table.ref{max-width:760px}

.lq-g[data-g="oils"]{--gc:#a86b00}
.lq-g[data-g="dairy"]{--gc:#2a6fb0}
.lq-g[data-g="water"]{--gc:#0f8a7a}
.lq-g[data-g="acid"]{--gc:#7a3fb5}
.lq-g[data-g="sauce"]{--gc:#c0392b}
.lq-g[data-g="syrup"]{--gc:#8a5a2b}