.byo-page{padding-block:28px 70px;scroll-margin-top:95px}.byo-group-title{font-family:var(--body);font-size:18px;line-height:1.5;margin:20px 0 0}.byo-heading>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.byo-heading h1{font-size:53px;margin-top:20px}.byo-heading p{font-size:15px;margin-top:12px}.byo-steps{display:flex;gap:25px;border-bottom:1px solid var(--brown);margin-top:30px;padding-bottom:0}.byo-steps button{padding:12px 0;font-size:13px;display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:3px solid transparent}.byo-steps button>span{font-size:11px;color:var(--muted)}.byo-steps [aria-current]{border-color:var(--red);color:var(--red);font-weight:800}.byo-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:65px;align-items:start;margin-top:32px}.byo-workspace{min-width:0}.byo-panel>h2{font-size:35px;line-height:1.2;margin-bottom:23px}.byo-panel>h2:focus{outline:none}.byo-help{font-size:12px;line-height:1.8;color:var(--muted);max-width:65ch;margin-top:20px}.byo-sizes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.byo-sizes>button{border:1px solid var(--line);border-radius:9px;text-align:left;padding:23px 20px;background:none;min-width:0}.byo-sizes>button[aria-pressed=true]{border:2px solid var(--red);padding:22px 19px;background:#fffdf8}.byo-sizes strong{font-family:var(--display);font-size:31px;display:block}.byo-sizes button>span{font-size:12px;line-height:1.6;display:block;min-height:3.2em;margin-top:12px}.byo-sizes dl{font-size:12px;margin-top:20px;margin-bottom:0}.byo-sizes dl>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:7px;gap:10px}.byo-sizes dd{margin:0;font-weight:800}.byo-style{display:flex;gap:12px;margin-bottom:27px}.byo-style button{font-size:14px;padding:12px 18px;border:1px solid var(--line);border-radius:24px;min-height:46px}.byo-style [aria-pressed=true]{background:var(--red);color:white;border-color:var(--red)}[data-byo-broths]>h3{font-family:var(--body);font-size:13px;line-height:1.7;font-weight:600;margin-bottom:16px}.byo-broth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.byo-broth-grid button{padding:8px 7px 14px;border:1px solid transparent;border-radius:9px;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.byo-broth-grid button[aria-pressed=true]{border-color:var(--red);background:var(--paper)}.byo-broth-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.byo-broth-grid strong{font-size:13px;line-height:1.4;margin-top:8px}.byo-broth-grid small{font-size:10px;line-height:1.5;color:var(--muted);margin-top:5px}[data-byo-dry-note]{font-size:15px;line-height:1.8;margin-top:30px;padding-block:20px;border-top:1px solid var(--line)}
.byo-categories{display:flex;flex-wrap:wrap;gap:3px 20px;margin:23px 0 20px;border-bottom:1px solid var(--line)}.byo-categories button{min-height:44px;padding:10px 0;font-size:13px;border-bottom:2px solid transparent;white-space:nowrap}.byo-categories small{font-size:10px;display:inline-block;margin-left:7px;color:var(--muted)}.byo-categories [aria-pressed=true]{border-color:var(--red);color:var(--red);font-weight:700}.byo-search-label{display:block;font-size:12px;margin-bottom:7px}#byo-search{width:100%;font-size:14px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:var(--paper);min-height:46px}#byo-search:focus-visible{outline:2px solid var(--red);outline-offset:3px}.byo-group-note{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.6}.byo-ingredient-list{list-style:none;padding:0;margin:13px 0 0;display:grid;grid-template-columns:1fr;gap:0}.byo-ingredient-list>li{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);min-height:65px;padding:9px 3px}.byo-ingredient-list>li.is-selected{background:#c83c1c07}.byo-item-name{font-size:15px;line-height:1.45;min-width:0;overflow-wrap:anywhere}.byo-quantity{display:flex;align-items:center;gap:2px;flex:none}.byo-quantity button{width:44px;min-height:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:22px;line-height:1;padding:0;display:grid;place-items:center}.byo-quantity button:disabled{opacity:.32}.byo-quantity button[data-byo-adjust="1"]{border-color:var(--brown)}.byo-quantity output{font-size:14px;min-width:29px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.byo-status{font-size:12px;line-height:1.6;color:var(--red);min-height:32px;margin-top:18px}.byo-step-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px;padding-block:20px;border-top:1px solid var(--line)}.byo-step-actions>span{font-size:12px;color:var(--muted);margin-left:auto}.byo-step-actions>.button{min-width:125px}.byo-step-actions .text-link{font-size:13px}.byo-summary{border-left:1px solid var(--line);padding-left:30px;position:sticky;top:105px;max-height:calc(100dvh - 125px);overflow-y:auto;scrollbar-width:thin}.byo-summary-head{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:70px}.byo-summary-head h2{font-size:30px}.byo-summary-lala{width:78px;height:78px;object-fit:contain}.byo-summary-flavor{display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.5;margin-top:14px}.byo-summary-flavor>strong{font-size:17px}.byo-summary-list{margin:18px 0 0}.byo-summary-list>div{border-top:1px solid var(--line);padding-block:13px}.byo-summary-list dt{font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px}.byo-summary-list dt small{font-size:11px;font-weight:400;color:var(--muted)}.byo-summary-list dd{margin:7px 0 0;font-size:12px;line-height:1.65;display:flex;flex-wrap:wrap;gap:3px 12px}.byo-summary-list dd>span{display:inline-block}.byo-summary-list dd b{font-size:10px;font-weight:500;color:var(--muted);white-space:nowrap}.byo-unselected{color:var(--muted)}.byo-summary-list em{display:block;width:100%;color:var(--red);font-style:normal;font-size:11px}.byo-total{display:flex;flex-direction:column;border-top:1px solid var(--brown);padding-top:18px;margin-top:7px;gap:7px}.byo-total strong{font-size:32px;line-height:1.2;color:var(--red);font-family:var(--display)}.byo-total span{font-size:11px;line-height:1.7;color:var(--muted)}.byo-total.is-pending strong{font-size:25px}.byo-summary>.text-link{margin-top:12px;font-size:12px}.byo-review-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;align-items:center}.byo-panel .allergy-short{font-size:12px;margin-top:20px}.byo-copy-fallback{margin-top:20px}.byo-copy-fallback label{display:block;font-size:12px;margin-bottom:8px}#byo-link{width:100%;min-height:44px;font-size:13px;padding:10px;border:1px solid var(--line);background:var(--paper)}[data-byo-review] .byo-summary-flavor{font-size:16px}[data-byo-review] .byo-summary-flavor>strong{font-size:25px}[data-byo-review] .byo-summary-list{max-width:none}[data-byo-review] .byo-summary-list dt{font-size:14px}[data-byo-review] .byo-summary-list dd{font-size:15px;gap:5px 17px}.byo-mobile-progress{display:none}
[data-js=true] .byo-panel[hidden]{display:none}.byo-page:not([data-byo-step]) .byo-panel{margin-bottom:45px}
@media(min-width:1400px){.byo-ingredient-list{grid-template-columns:1fr 1fr;gap:0 25px}.byo-ingredient-list>li{gap:10px}.byo-item-name{font-size:13px}.byo-quantity button{width:38px;height:40px;min-height:40px}.byo-quantity output{min-width:23px}}
@media(max-width:1050px){.byo-layout{grid-template-columns:minmax(0,1fr) 260px;gap:30px}.byo-summary{padding-left:20px}.byo-sizes{gap:12px}.byo-sizes>button{padding:20px 14px}.byo-sizes>button[aria-pressed=true]{padding:19px 13px}.byo-broth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.byo-steps{gap:20px}}
@media(max-width:760px){.byo-page.wrap{--byo-gutter:20px;width:calc(100% - 2 * var(--byo-gutter));padding-top:22px;padding-bottom:24px;scroll-margin-top:75px}.byo-heading h1{font-size:43px;margin-top:16px}.byo-heading p{font-size:14px}.byo-steps{gap:0;justify-content:space-between;margin-top:22px}.byo-steps button{font-size:11px;gap:6px;padding-block:10px;min-height:46px}.byo-steps button>span{font-size:10px}.byo-layout{grid-template-columns:1fr;gap:0;margin-top:24px}.byo-summary{display:none}.byo-panel>h2{font-size:31px;margin-bottom:20px}.byo-sizes{gap:12px}.byo-sizes>button{padding:18px 13px}.byo-sizes>button[aria-pressed=true]{padding:17px 12px}.byo-sizes strong{font-size:29px}.byo-sizes button>span{font-size:12px;min-height:4.8em}.byo-sizes dl{font-size:11px;margin-top:15px}.byo-sizes dl>div{gap:5px}.byo-help{font-size:12px}.byo-style{gap:9px;flex-wrap:wrap}.byo-style button{font-size:13px;padding:12px 16px}.byo-broth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.byo-broth-grid button{padding:8px 10px 14px}.byo-broth-grid img{max-width:140px}.byo-broth-grid strong{font-size:15px}.byo-broth-grid small{font-size:11px}.byo-categories{gap:0 18px;margin-block:17px}.byo-categories button{font-size:12px}.byo-item-name{font-size:14px}.byo-ingredient-list>li{gap:12px;min-height:68px}.byo-controls{position:sticky;bottom:0;z-index:25;margin-inline:calc(0px - var(--byo-gutter));background:var(--paper)}.byo-step-actions{background:var(--cream);padding:10px var(--byo-gutter) calc(10px + env(safe-area-inset-bottom));gap:8px;border-top:1px solid var(--line);margin:0;min-height:66px}.byo-step-actions>span{flex:none}.byo-step-actions>.button{min-width:0;max-width:47%;font-size:13px;line-height:1.3;min-height:44px;padding:9px 13px;white-space:normal}.byo-step-actions>.text-link{font-size:12px;line-height:1.3;min-height:44px;white-space:normal}.byo-mobile-progress{display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-top:1px solid var(--line);padding:4px var(--byo-gutter);gap:12px;min-height:43px}.byo-mobile-progress>span{font-size:11px;color:var(--muted);line-height:1.5}.byo-mobile-progress button{font-size:12px;font-weight:700;min-height:40px;flex:none;text-decoration:underline;text-underline-offset:3px}.byo-page[data-byo-step="3"] .byo-mobile-progress{display:none}.byo-page[data-byo-step="3"] .byo-step-actions{justify-content:flex-start}.byo-page[data-byo-step="3"] .byo-step-actions>span{margin-left:auto}.byo-review-actions{gap:15px}[data-byo-review] .byo-summary-list dd{font-size:14px}.byo-status{min-height:35px}}
@media(max-width:370px){.byo-page.wrap{--byo-gutter:18px}.byo-heading h1{font-size:39px}.byo-steps button{font-size:10px;gap:4px}.byo-sizes{gap:9px}.byo-sizes>button{padding:17px 10px}.byo-sizes>button[aria-pressed=true]{padding:16px 9px}.byo-sizes strong{font-size:27px}.byo-sizes dl{font-size:10px}.byo-quantity button{width:40px;height:42px;min-height:42px}.byo-quantity output{min-width:24px}.byo-item-name{font-size:13px}.byo-step-actions{padding-inline:18px}.byo-mobile-progress{padding-inline:18px}}
@media print{.byo-steps,.byo-step-actions,.byo-mobile-progress,.byo-summary{display:none!important}.byo-layout{display:block}.byo-panel[hidden]{display:block!important}.byo-ingredient-list{display:block}.byo-quantity{display:none}.byo-page{padding-bottom:0}}

.byo-page[data-byo-step="3"] .byo-summary{display:none}.byo-page[data-byo-step="3"] .byo-layout{grid-template-columns:minmax(0,780px);justify-content:center}