.food__head{padding-block:var(--space-2xl) var(--space-3xl)}.food__grid{gap:var(--space-3xl);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;display:grid}.food__text{gap:var(--space-md);align-content:start;display:grid}.food h1,.index h1,.results h1,.food__chart>h2,.index__group h2{text-wrap:balance}.food h1{font-size:var(--text-display);max-width:14ch;line-height:1}.food--pair h1{font-size:var(--text-display-s);max-width:18ch}.food__es{font:600 var(--text-sm)/1.3 var(--font-outlier);color:var(--color-muted)}.food__desc{max-width:60ch;font-size:var(--text-lg);color:var(--color-ink-2);line-height:1.55}.food__pair{margin-top:var(--space-md);max-width:32rem}.food__hint{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted)}.food__photo{aspect-ratio:1;justify-self:center;width:100%;max-width:32.5rem;margin:0}.food__photo img{width:100%;height:100%}.trail{align-items:baseline;gap:var(--space-2xs) var(--space-sm);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.trail__label{font:600 .8125rem/1.3 var(--font-outlier)}.trail ol{gap:var(--space-2xs) var(--space-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.trail li+li:before{content:"then";margin-right:var(--space-sm);color:var(--color-muted)}.trail a{color:var(--color-ink)}.food__body{padding-bottom:var(--section-gap)}.food__chart{padding-top:var(--space-xl);border-top:var(--rule-bar) solid var(--color-ink)}.food__chart>h2{font-size:var(--text-3xl);margin-bottom:var(--space-xl)}.food__none{font-size:var(--text-lg);color:var(--color-ink-2);max-width:50ch}.chart__filter{align-items:center;gap:var(--space-2xs) var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:minmax(0,1fr) auto;max-width:36rem;display:grid}.chart__filter label{font:600 .8125rem/1.3 var(--font-outlier);color:var(--color-muted);grid-column:1/-1}.chart__filter input{min-width:0;min-height:44px;padding:0 var(--space-md);border:var(--rule-hair) solid var(--color-ink);background:var(--color-paper-2);color:var(--color-ink);outline-offset:-3px;appearance:none;border-radius:0;outline:2px solid #0000}.chart__filter input::placeholder{color:var(--color-muted);opacity:1}.chart__filter input:focus-visible{outline-color:var(--color-focus)}.chart__filter input:disabled{opacity:.55;cursor:not-allowed}.chart__count{font:600 var(--text-sm)/1 var(--font-outlier);color:var(--color-muted);white-space:nowrap}.chart__empty{padding-block:var(--space-lg);color:var(--color-ink-2)}.duo{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.duo__item{aspect-ratio:1;display:block}.duo__item+.duo__item{margin-left:calc(-1 * var(--space-2xl))}.duo__item img{width:100%;height:100%}.duo__word{height:100%;font:400 var(--text-3xl)/1 var(--font-display);color:var(--color-ink);place-items:center;display:grid}.index{padding-block:var(--space-2xl) var(--section-gap)}.index h1{font-size:var(--text-display-s)}.index__letters{top:var(--nav-height);z-index:var(--z-sticky);gap:var(--space-2xs);margin-top:var(--space-xl);padding-block:var(--space-sm);background:var(--color-paper);border-bottom:var(--rule-hair) solid var(--color-rule);flex-wrap:wrap;display:flex;position:sticky}.index__letters a{min-width:44px;min-height:44px;font:400 var(--text-lg)/1 var(--font-display);color:var(--color-ink);place-items:center;text-decoration:none;display:inline-grid}.index__letters a:hover{background:var(--color-paper-2);color:var(--color-accent)}.index__group{gap:var(--gap-columns);padding-block:var(--space-xl);border-bottom:var(--rule-hair) solid var(--color-rule);scroll-margin-top:calc(var(--nav-height) + var(--space-3xl));grid-template-columns:minmax(0,2fr) minmax(0,10fr);display:grid}.index__group h2{font-size:var(--text-section)}.index__group ul{columns:4 12rem;column-gap:var(--gap-columns);margin:0;padding:0;list-style:none}.index__group li{break-inside:avoid}.index__group a{padding-block:var(--space-2xs);color:var(--color-ink);display:inline-block}.results{padding-block:var(--space-2xl) var(--section-gap);gap:var(--space-lg);align-content:start;display:grid}.results h1{font-size:var(--text-display-s);max-width:24ch}.results__list{margin:var(--space-lg) 0 0;border-top:var(--rule-bar) solid var(--color-ink);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));padding:0;list-style:none;display:grid}.results__item{align-items:center;gap:var(--space-md);min-height:80px;padding:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);color:var(--color-ink);font:400 var(--text-xl)/1.15 var(--font-display);text-decoration:none;display:flex}.results__item:hover{background:var(--color-paper-2);color:var(--color-ink)}.results__item:active,.index__letters a:active,.duo__item:active{transform:translateY(1px)}.results__thumb{flex-shrink:0;width:56px;height:56px}.results__thumb img{width:56px;height:56px}@media (max-width:60rem){.food__grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.food__photo{order:-1;justify-self:start;max-width:18rem}.duo{order:-1;max-width:24rem}.index__group{gap:var(--space-sm);grid-template-columns:minmax(0,1fr)}}