@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f7f5ed;--ink:#243e30;--muted:#687364;--line:#d7d9ca;--green:#dfe7cf;--serif:'Libre Caslon Display',Georgia,serif;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a16b34;outline-offset:4px}button{border:0;background:none}button:hover{background:#e8ebdf}main,.topbar,footer{max-width:1320px;margin:auto;padding-left:64px;padding-right:64px}.topbar{height:105px;display:flex;align-items:center;gap:55px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--serif);font-size:43px;letter-spacing:-2px;white-space:nowrap}.wordmark span{font-family:Georgia;font-size:25px;vertical-align:top;margin-left:5px;display:inline-block;margin-top:7px}.topbar nav{display:flex;gap:27px;font-size:12px}.topbar nav .active{border-bottom:1px solid var(--ink);padding:12px 0}.edition{font-size:9px;letter-spacing:1.7px;margin-left:auto;max-width:165px;line-height:1.7}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;padding:64px 0 58px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650}.dot{display:inline-block;width:6px;height:6px;background:#728b51;border-radius:50%;margin-right:7px}h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,5vw,70px);line-height:1.03;letter-spacing:-1.3px;margin:26px 0 24px}em{font-weight:400;color:#6a7f4e}p{line-height:1.7}.intro{max-width:440px;font-size:14px;color:var(--muted)}.hero-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #859479;padding:13px 0;font-size:12px;margin-top:8px}.hero-link span{font-size:22px}.illustration svg{width:100%;display:block}.illustration p{text-align:center;font-size:10px;color:var(--muted);font-style:italic}.explorer{border-top:1px solid var(--line);padding:25px 0 60px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.section-heading>span{font-size:10px;color:var(--muted)}.search-row{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center;padding-bottom:25px}.search-wrap{position:relative}.search-wrap>label{font-family:var(--serif);font-size:29px;display:block;margin-bottom:14px}.search-box{border:1px solid #a7b19a;background:#fffef8;border-radius:5px;display:flex;align-items:center;padding:0 18px;gap:12px;height:59px}.search-box>span{font-size:29px;line-height:1}.search-box input{width:100%;border:0;background:none;outline-offset:6px;font-size:13px;min-width:0}.search-box input::-webkit-search-cancel-button{display:none}.search-box button{font-size:22px}.search-wrap>p{font-size:10px;color:var(--muted);margin-bottom:0}.try>span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.try>div{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.try button{border:1px solid var(--line);padding:10px 14px;border-radius:25px;font-size:11px}.suggestions{position:absolute;z-index:5;top:108px;width:100%;max-height:330px;overflow:auto;background:#fffef8;box-shadow:0 10px 25px #243e3020;border:1px solid var(--line);border-radius:4px}.suggestions button{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;padding:12px 17px;font-size:13px;border-bottom:1px solid #eee}.suggestions small{font-size:9px;color:var(--muted);margin-left:10px}.suggestions p{padding:0 16px;font-size:12px}.status{font-size:13px;padding:28px;background:#eeeee3;border-radius:5px}.status:empty{display:none}.status button{text-decoration:underline}.results-heading{border-top:1px solid var(--line);padding:30px 0 25px;display:flex;justify-content:space-between;align-items:center}.results-heading h2{font-family:var(--serif);font-weight:400;font-size:52px;line-height:1.05;letter-spacing:-.5px;text-transform:capitalize;margin:8px 0 10px}.results-heading p:last-child{font-size:11px;color:var(--muted);margin:0}.result-mark{font-family:Georgia;font-size:70px;color:#9aa987;padding-right:20px}.toolbar{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);align-items:center}.tabs{display:flex;gap:25px}.tabs button{font-size:12px;padding:15px 0;border-bottom:2px solid transparent}.tabs .selected{border-color:var(--ink);font-weight:700}.sort-label{font-size:10px;white-space:nowrap;color:var(--muted)}select{border:0;background:transparent;font-size:11px;padding:8px;max-width:100%}.evidence-note{font-size:11px;color:var(--muted);max-width:820px;min-height:36px}.filter-row{display:flex;align-items:center;gap:13px;margin:20px 0}.filter-row>label{font-size:10px}.filter-row input{border:1px solid var(--line);background:transparent;padding:8px 10px;border-radius:3px;width:170px;font-size:11px;min-width:0}.filter-row select{border:1px solid var(--line);border-radius:3px;max-width:170px}.filter-row>span{margin-left:auto;font-size:10px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:5px;background:#fcfbf5;padding:23px;min-width:0;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.card:hover{border-color:#8d9c7d;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center}.category{font-size:8px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}.card-index{font-size:10px;color:#87927a}.card h3{font-family:var(--serif);font-weight:400;font-size:29px;margin:15px 0;line-height:1.1;text-transform:capitalize;overflow-wrap:anywhere}.card h3 button{text-align:left;padding:0;font:inherit}.score-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:12px}.score{font-variant-numeric:tabular-nums}.meter{height:3px;background:#e7e9de;margin:10px 0 15px}.meter span{height:100%;display:block;background:#8c9f69}.card details{font-size:10px;color:var(--muted);line-height:1.6;margin-bottom:15px}.card summary{cursor:pointer}.card .explore-button{font-size:10px;border-top:1px solid var(--line);margin-top:auto;padding:14px 0 0;display:flex;justify-content:space-between;text-align:left}.empty{grid-column:1/-1;padding:30px;background:#eeeee3;font-size:13px}.more{display:block;margin:28px auto 0;border:1px solid #9ba88a;border-radius:30px;padding:12px 25px;font-size:11px}.about{padding:50px 0 60px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2{font-family:var(--serif);font-size:48px;font-weight:400;line-height:1.05}.about>div>p{font-size:12px;color:var(--muted)}.about a{border-bottom:1px solid #9ba88a}.about .small{font-size:10px}.paper{font-size:11px;display:inline-block;margin-top:8px;padding-bottom:5px}footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:25px;display:flex;align-items:center;gap:40px}footer .wordmark{font-size:31px}footer .wordmark span{font-size:17px}footer p,footer>a:last-child{font-size:9px;color:var(--muted)}footer>a:last-child{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(min-width:1500px){main,.topbar,footer{max-width:1440px}}@media(max-width:1000px){main,.topbar,footer{padding-left:32px;padding-right:32px}.edition{display:none}.topbar nav{margin-left:auto}.hero{gap:15px;padding-top:45px}.search-row{gap:24px}.cards{grid-template-columns:repeat(2,1fr)}.about{gap:45px}.filter-row{flex-wrap:wrap}.filter-row>label{display:none}}@media(max-width:600px){main,.topbar,footer{padding-left:22px;padding-right:22px}.topbar{height:83px;gap:20px}.topbar nav{gap:14px;font-size:10px}.topbar nav a:last-child{max-width:80px}.wordmark{font-size:35px}.hero{grid-template-columns:1fr;padding:30px 0}.hero h1{font-size:53px}.intro{font-size:13px;max-width:330px}.illustration{max-width:340px;margin:0 auto}.illustration p{font-size:9px;margin-top:0}.hero-link{margin-top:0}.section-heading>span{max-width:100px;text-align:right;line-height:1.5;font-size:9px}.section-heading{gap:10px;margin-bottom:18px}.eyebrow{font-size:9px}.search-row{grid-template-columns:1fr;gap:20px}.search-box{padding:0 12px}.search-box input{font-size:12px}.try>div{margin-top:8px}.results-heading h2{font-size:43px}.result-mark{font-size:55px}.toolbar{gap:10px;align-items:flex-start}.tabs{gap:15px}.tabs button{font-size:10px}.sort-label{font-size:0;padding-top:5px}.sort-label select{font-size:10px;padding-right:0}.cards{grid-template-columns:1fr;gap:12px}.card{padding:20px}.card h3{font-size:32px}.filter-row{gap:8px}.filter-row input{flex:1;width:130px}.filter-row select{max-width:145px}.filter-row>span{width:100%;margin:4px 0}.about{grid-template-columns:1fr;gap:5px;padding-top:30px}.about h2{margin:20px 0;font-size:42px}footer{flex-wrap:wrap;gap:5px 25px}footer p{max-width:180px}footer>a:last-child{margin-left:0;width:100%}.explorer{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.selection-panel{border-top:1px solid var(--line);padding:20px 0 25px}.selection-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.selection-label button{font-size:11px;text-decoration:underline}.selected-ingredients{display:flex;gap:9px;flex-wrap:wrap}.ingredient-chip{display:inline-flex;align-items:center;gap:10px;background:var(--green);border:1px solid #b9c7a6;border-radius:25px;padding:5px 6px 5px 16px;font-size:12px;max-width:100%;overflow-wrap:anywhere}.ingredient-chip button{font-size:21px;min-width:34px;min-height:34px;border-radius:50%;flex-shrink:0}.ingredient-chip button:hover{background:#c7d4b4}.selection-hint{font-size:12px;color:var(--muted);margin:0}.suggestions button:disabled{opacity:.5;cursor:default}.match-list{list-style:none;padding:0;margin:0 0 20px}.match-evidence{display:flex;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;font-size:11px;border-top:1px solid #e7e9de;padding:10px 0;line-height:1.6}.match-name{text-transform:capitalize;font-weight:600;overflow-wrap:anywhere;min-width:0}.match-value{font-variant-numeric:tabular-nums}.match-missing{font-size:10px;color:var(--muted)}.match-evidence details{width:100%;margin:0}.match-evidence details p{overflow-wrap:anywhere}.coverage{font-weight:650}.add-pairing{background:var(--ink);color:var(--paper);border-radius:4px;padding:12px;font-size:11px;text-align:left;overflow-wrap:anywhere;margin-top:auto;margin-bottom:10px}.add-pairing:hover{background:#3c5942}.card .explore-button{margin-top:0}.filter-row{flex-wrap:wrap}.filter-row>label:not(.sr-only){white-space:nowrap}#match-scope{max-width:165px}.results-heading h2{overflow-wrap:anywhere}button:disabled:hover{background:transparent}@media(max-width:600px){.ingredient-chip{font-size:12px}.score-row{font-size:10px}.filter-row #match-scope{flex:1;max-width:none}.filter-row>span{width:auto;margin:0 0 0 auto}.match-evidence{font-size:12px}.match-missing{font-size:11px}.match-list{margin-bottom:10px}}
@media(max-width:600px){.filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.filter-row input{grid-column:1/-1;width:100%;font-size:12px}.filter-row select,.filter-row #match-scope{width:100%;max-width:none;min-width:0}.filter-row>span{grid-column:1/-1;justify-self:end}.results-heading>div:first-child{min-width:0}.results-heading h2{font-size:36px;text-transform:none}.result-mark{font-size:42px;padding-right:0;margin-left:12px;flex-shrink:0}}