:root{--clay-primary:#44679b;--clay-primary-strong:#3a5885;--clay-bg:#faf8f5;--clay-surface:#f2eee6;--clay-surface-raised:#f7f3eb;--clay-well:#ece7dd;--clay-border:#e4ded2;--clay-ink:#1c1917;--clay-ink-soft:#736b66;--clay-on-primary:#fff;--clay-font-display:"Lora", "Lora Fallback", Georgia, serif;--clay-font-body:"Karla", "Karla Fallback", system-ui, -apple-system, sans-serif;--clay-radius-sm:.6rem;--clay-radius:1rem;--clay-radius-lg:1.5rem;--clay-radius-pill:9999px;--clay-shadow-raised:0 14px 26px -10px color-mix(in srgb, var(--clay-ink) 20%, transparent), inset 2px 2px 4px #ffffffb8, inset -3px -3px 7px color-mix(in srgb, var(--clay-ink) 9%, transparent);--clay-shadow-pressed:inset 3px 3px 7px color-mix(in srgb, var(--clay-ink) 14%, transparent), inset -2px -2px 4px #fff9;--clay-shadow-well:inset 5px 5px 11px color-mix(in srgb, var(--clay-ink) 12%, transparent), inset -4px -4px 9px #ffffffa8;--clay-ease:cubic-bezier(.2, 0, 0, 1);--clay-press:transform .13s var(--clay-ease), box-shadow .13s var(--clay-ease), background-color .13s var(--clay-ease)}.b28-clay{background-color:var(--clay-bg);color:var(--clay-ink);font-family:var(--clay-font-body);-webkit-font-smoothing:antialiased}.b28-clay h1,.b28-clay h2,.b28-clay h3{font-family:var(--clay-font-display);color:var(--clay-ink)}.clay-surface{background:var(--clay-surface-raised);border-radius:var(--clay-radius);box-shadow:var(--clay-shadow-raised)}.clay-well{background:var(--clay-well);border-radius:var(--clay-radius);box-shadow:var(--clay-shadow-well)}.clay-button{font-family:var(--clay-font-body);color:var(--clay-on-primary);background:var(--clay-primary);border-radius:var(--clay-radius-pill);cursor:pointer;box-shadow:var(--clay-shadow-raised);transition:var(--clay-press);border:none;padding:.7em 1.4em;font-weight:600}.clay-button:hover{background:color-mix(in srgb, var(--clay-primary) 92%, #fff);transform:translateY(-1px)}.clay-button:active{background:var(--clay-primary-strong);box-shadow:var(--clay-shadow-pressed);transform:translateY(1px)scale(.99)}.clay-button:focus-visible{outline:3px solid color-mix(in srgb, var(--clay-primary) 45%, transparent);outline-offset:2px}.clay-button--soft{background:var(--clay-surface-raised);color:var(--clay-ink)}.clay-button--soft:active{background:var(--clay-well)}.clay-chip{background:var(--clay-surface-raised);border-radius:var(--clay-radius-sm);box-shadow:var(--clay-shadow-raised)}@media (prefers-reduced-motion:reduce){.clay-button{transition:none}.clay-button:hover,.clay-button:active{transform:none}}*{box-sizing:border-box}body{margin:0;padding:clamp(1.25rem,4vw,3rem) clamp(1rem,4vw,2.5rem) 4rem;line-height:1.5}main{max-width:54rem;margin:0 auto}.skip{position:absolute;left:-9999px}.skip:focus{z-index:2;background:var(--clay-surface-raised);border-radius:var(--clay-radius-sm);box-shadow:var(--clay-shadow-raised);padding:.6rem 1rem;top:1rem;left:1rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-bar{justify-content:flex-end;max-width:54rem;margin:0 auto .6rem;font-size:.82rem;display:flex}.site-bar a{color:var(--clay-ink-soft);border-radius:var(--clay-radius-sm);padding:.15rem .1rem;font-weight:600;text-decoration:none}.site-bar a:hover{color:var(--clay-primary);text-decoration:underline}.site-bar a[aria-current=page]{color:var(--clay-ink);text-underline-offset:.25em;text-decoration:underline}.site-bar a:focus-visible{outline:3px solid color-mix(in srgb, var(--clay-primary) 45%, transparent);outline-offset:3px}.site-bar .n{color:var(--clay-primary);font-variant-numeric:tabular-nums}.masthead{margin:0 0 1.5rem}.masthead h1{letter-spacing:-.01em;margin:0 0 .35rem;font-size:clamp(1.9rem,4.5vw,2.6rem)}.masthead p{max-width:34rem;color:var(--clay-ink-soft);margin:0;font-size:1.05rem}.back{color:var(--clay-primary);margin-bottom:1rem;font-weight:600;text-decoration:none;display:inline-block}.back:hover{text-decoration:underline}.chips{flex-wrap:wrap;gap:.45rem;margin:0 0 1.15rem;padding:0;list-style:none;display:flex}.chips li{color:var(--clay-ink-soft);padding:.3rem .75rem;font-size:.82rem}.chips b{color:var(--clay-ink);font-weight:600}[hidden]{display:none!important}.finder{margin:0 0 2.25rem;padding:clamp(.9rem,2vw,1.25rem)}.search input{width:100%;font:inherit;color:var(--clay-ink);background:var(--clay-surface-raised);border:1px solid var(--clay-border);border-radius:var(--clay-radius-pill);box-shadow:var(--clay-shadow-pressed);padding:.75rem 1rem;font-size:1.02rem}.search input::placeholder{color:var(--clay-ink-soft)}.search input:focus-visible{outline:3px solid color-mix(in srgb, var(--clay-primary) 45%, transparent);outline-offset:1px}.filters{flex-wrap:wrap;gap:.4rem;margin:.9rem 0 0;display:flex}.filter{font:inherit;color:var(--clay-ink);background:var(--clay-surface-raised);border-radius:var(--clay-radius-pill);box-shadow:var(--clay-shadow-raised);cursor:pointer;transition:var(--clay-press);border:none;align-items:baseline;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;display:inline-flex}.filter:hover{transform:translateY(-1px)}.filter[aria-pressed=true]{color:var(--clay-on-primary);background:var(--clay-primary);box-shadow:var(--clay-shadow-pressed);transform:translateY(1px)}.filter:focus-visible{outline:3px solid color-mix(in srgb, var(--clay-primary) 45%, transparent);outline-offset:2px}.filter .n{color:var(--clay-ink-soft);font-variant-numeric:tabular-nums;font-size:.78em}.filter[aria-pressed=true] .n{color:color-mix(in srgb, var(--clay-on-primary) 78%, transparent)}.filter--clear{color:var(--clay-primary);font-weight:600}.tally{color:var(--clay-ink-soft);margin:.9rem 0 0;font-size:.85rem}.nothing{color:var(--clay-ink-soft);text-align:center;padding:2rem 0}.counters{grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.counter a{height:100%;color:inherit;transition:var(--clay-press);flex-direction:column;padding:1.5rem 1.6rem 1.3rem;text-decoration:none;display:flex}.counter a:hover{transform:translateY(-2px)}.counter a:active{box-shadow:var(--clay-shadow-pressed);transform:translateY(1px)}.counter h2{letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.5rem}.counter .blurb{color:var(--clay-ink-soft);margin:0 0 .9rem;font-size:.95rem}.counter .teaser{margin:0 0 1rem;font-size:.88rem;line-height:1.5}.counter .count{color:var(--clay-primary);font-variant-numeric:tabular-nums;margin:auto 0 0;font-size:.8rem;font-weight:600}.results{margin-bottom:2rem}.results .more{color:var(--clay-ink-soft);text-align:center;grid-column:1/-1;font-size:.85rem}kbd{font:inherit;background:var(--clay-surface-raised);box-shadow:var(--clay-shadow-raised);border-radius:.35rem;padding:.05em .4em;font-size:.9em}.menu-head{text-align:center;margin:0 0 2.25rem}.menu-head h1{letter-spacing:-.015em;margin:0 0 .4rem;font-size:clamp(2.1rem,6vw,3.1rem)}.menu-head .blurb{color:var(--clay-ink-soft);margin:0 0 .5rem;font-size:1.05rem}.menu-head .count{letter-spacing:.08em;text-transform:uppercase;color:var(--clay-ink-soft);margin:0;font-size:.78rem}.menu{columns:2 19rem;column-gap:2.5rem}.menu-section{break-inside:avoid;margin:0 0 1.9rem}.menu-section h2{border-bottom:1.5px solid color-mix(in srgb, var(--clay-primary) 40%, var(--clay-well));font-size:.82rem;font-family:var(--clay-font-body);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .9rem;padding-bottom:.4rem;font-weight:600}.menu-section ul{margin:0;padding:0;list-style:none}.menu-section li+li{margin-top:.85rem}.menu-section a{color:inherit;border-radius:var(--clay-radius-sm);text-decoration:none;display:block}.menu-section a:hover .item-name{color:var(--clay-primary)}.menu-section a:focus-visible{outline:3px solid color-mix(in srgb, var(--clay-primary) 45%, transparent);outline-offset:3px}.item-name{font-family:var(--clay-font-display);font-size:1.08rem;line-height:1.3;display:block}.item-of,.item-aka{color:var(--clay-ink-soft);font-size:.84rem;line-height:1.45;display:block}.item-aka{font-style:italic}.item-onlist{font-family:var(--clay-font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--clay-primary);margin-top:.15rem;font-size:.68rem;font-weight:600;display:block}.item-onlist:before{content:"✓ "}.item-onlist[hidden],.shelf[hidden],.counters[hidden],.menu[hidden]{display:none}.kit{font-family:var(--clay-font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--clay-on-primary);background:var(--clay-primary);border-radius:var(--clay-radius-pill);vertical-align:.15em;margin-left:.45em;padding:.1em .5em;font-size:.68rem}.crumbs{color:var(--clay-ink-soft);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}.crumbs a{color:var(--clay-primary);font-weight:600;text-decoration:none}.crumbs a:hover{text-decoration:underline}.aka{color:var(--clay-ink-soft);margin:0;font-style:italic}.chips a{color:inherit;text-decoration:none}.chips a:hover{color:var(--clay-primary)}.variants{margin:0 0 1.15rem;font-size:.92rem}.variants a{color:var(--clay-primary);font-weight:600}.kit-list{color:var(--clay-ink-soft);margin:1rem 0 0;font-size:.88rem}.kit-list .label{color:var(--clay-ink);font-weight:600}.pairs{margin-top:2.25rem}.pairs h2{margin:0 0 .9rem;font-size:1.15rem}.pairs .shelf a{padding:1rem 1.2rem}.shelf-group{margin:0 0 2.5rem}.shelf-group h2{align-items:baseline;gap:.5rem;margin:0 0 .2rem;font-size:1.4rem;display:flex}.shelf-group h2 .n{font-family:var(--clay-font-body);color:var(--clay-ink-soft);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:400}.shelf-group .blurb{color:var(--clay-ink-soft);margin:0 0 1rem;font-size:.95rem}.shelf{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.shelf a{height:100%;color:inherit;transition:var(--clay-press);padding:1.4rem 1.5rem;text-decoration:none;display:block}.shelf a:hover{transform:translateY(-2px)}.shelf a:active{box-shadow:var(--clay-shadow-pressed);transform:translateY(1px)}.shelf h3{font-family:var(--clay-font-display);margin:0 0 .3rem;font-size:1.15rem}.shelf p{color:var(--clay-ink-soft);margin:0;font-size:.92rem}.table-well{--frame:color-mix(in srgb, var(--clay-primary) 52%, var(--clay-well));--line:color-mix(in srgb, var(--clay-primary) 24%, var(--clay-well));margin:0;padding:clamp(.7rem,1.6vw,1rem)}.table-scroll{border:1.5px solid var(--frame);border-radius:var(--clay-radius-sm);background:var(--clay-surface-raised);overflow-x:auto}.recipe-table{border-collapse:collapse;width:100%;min-width:30rem}.cell{border:1px solid var(--line);vertical-align:middle;cursor:pointer;transition:background-color .12s var(--clay-ease), opacity .12s var(--clay-ease);padding:.62rem .85rem}.cell:focus-visible{outline:3px solid color-mix(in srgb, var(--clay-primary) 45%, transparent);outline-offset:-3px}.cell:not(.cell--blank):hover{background:color-mix(in srgb, var(--clay-primary) 8%, var(--clay-surface-raised))}.cell--ingredient{border-right:1.5px solid var(--frame);width:100%}.cell--ingredient .qty{font-variant-numeric:tabular-nums;min-width:4.4rem;font-weight:600;display:inline-block}.cell--ingredient .note{color:var(--clay-ink-soft);margin-left:.3em;font-size:.92em}.cell--ingredient .name{margin-left:.35em}.cell--op{min-width:4.75rem;max-width:8.5rem;font-family:var(--clay-font-display);text-align:center;text-wrap:balance;background:color-mix(in srgb, var(--clay-primary) 7%, var(--clay-surface-raised));font-size:1rem}.cell--prep{text-align:center;font-family:var(--clay-font-display);background:color-mix(in srgb, var(--clay-primary) 12%, var(--clay-surface-raised));border-bottom-color:var(--frame)}.cell--blank{cursor:default}.cell[data-done]{opacity:.4;text-decoration:line-through 1px}.table-foot{justify-content:space-between;align-items:center;gap:1rem;padding:.8rem .3rem .15rem;display:flex}.hint{color:var(--clay-ink-soft);font-size:.82rem}.reset{padding:.4em .95em;font-size:.82rem}.cookmodes[data-enhanced] .pane{margin-bottom:.75rem}.source{margin-top:1.75rem}.source summary{cursor:pointer;color:var(--clay-primary);font-weight:600}.source pre{background:var(--clay-well);border-radius:var(--clay-radius-sm);box-shadow:var(--clay-shadow-well);margin:.75rem 0 0;padding:1rem 1.15rem;font-size:.86rem;line-height:1.6;overflow-x:auto}@media print{body{padding:0}.back,.table-foot,.source,.skip,.site-bar,.cookmodes[data-enhanced] .modebar{display:none}.cookmodes[data-enhanced] .pane{margin-bottom:0}.table-well{box-shadow:none;background:#fff;padding:0}.table-scroll{background:#fff;border-color:#222}.table-well{--frame:#222;--line:#777}.cell--op,.cell--prep{background:#fff}.cell[data-done]{opacity:1;text-decoration:none}}