﻿.ui-menu{padding-top:var(--space-6)}
.ui-menu-heading h1{margin-bottom:var(--space-3)}
.ui-menu-heading p{max-width:65ch;margin-bottom:var(--space-2)}
.ui-menu-signatures{padding-top:var(--space-4)}
.ui-menu-signatures>h2{margin-bottom:var(--space-2)}
.ui-menu-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}
.ui-menu-filters .ui-btn{flex:1;padding:var(--space-2) var(--space-1);font-size:var(--text-secondary)}
.ui-menu-filters [aria-pressed="true"]{background:transparent;color:var(--ink);border:var(--line-selected) solid var(--ink);font-weight:700}
.ui-menu-bowls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.ui-menu-detail,.ui-menu-print{display:none}
.ui-menu-bowls .ui-bowl:target .ui-bowl-photo{outline:var(--line-selected) solid var(--ink);outline-offset:2px}
.ui-menu:not(.ui-menu-enhanced) .ui-bowl:target .ui-menu-detail{display:block;padding:var(--space-3)}
.ui-menu-section{padding-top:var(--space-8)}
.ui-menu-section h2{margin-bottom:var(--space-3)}
.ui-menu-sizes{margin-bottom:var(--space-2)}
.ui-menu-size-heading,.ui-menu-sizes .ui-portion-row{display:grid;grid-template-columns:minmax(0,0.6fr) repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:center}
.ui-menu-sizes .ui-slots{flex-wrap:nowrap;gap:var(--space-1)}
.ui-menu-sizes .ui-portion-row{padding-block:0}
.ui-menu-size-heading{margin-bottom:var(--space-1);font-size:var(--text-secondary)}
.ui-menu-sizes h3{margin:0}
.ui-menu .protein-prices table{width:100%;border-collapse:collapse;font-size:var(--text-secondary);font-variant-numeric:tabular-nums;margin-bottom:var(--space-2)}
.ui-menu .protein-prices th,.ui-menu .protein-prices td{padding:var(--space-1) var(--space-2);border-bottom:var(--line) solid var(--steel);text-align:end}
.ui-menu .protein-prices th:first-child{text-align:start}
.ui-menu .protein-prices tbody th{font-weight:400}
.ui-menu .protein-prices td{font:400 var(--text-body)/1.15 var(--font-display)}
.ui-menu-notes{margin-bottom:var(--space-2)}
.ui-menu-notes p{margin-bottom:var(--space-1)}
.ui-menu-price-notes{margin-top:var(--space-1);font-size:var(--text-secondary)}
.ui-menu-price-notes summary{padding-block:var(--space-3)}
.ui-menu-pans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.ui-menu-pans .ui-pan{display:flex;flex-direction:column}
.ui-menu-pans .broth-illustration{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius)}
.ui-menu-pan-copy{padding:var(--space-2) 0 0;display:flex;flex-direction:column;flex:1}
.ui-menu-pan-copy h3{font:400 var(--text-secondary)/1.15 var(--font-body);margin:0 0 var(--space-2);white-space:normal}
.ui-menu-pan-copy p{font-size:var(--text-meta);margin:0;order:2}
.ui-menu-pan-copy .ui-meta{order:1}
.ui-menu-pan-copy .ui-flavor-description{margin:var(--space-2) 0 0;order:3;color:var(--muted)}
.ui-menu .ingredient-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-3);align-items:start}
.ui-menu .ingredient-groups details{border-top:var(--line) solid var(--steel);min-width:0}
.ui-menu .ingredient-groups details[open]{grid-column:1/-1}
.ui-menu .ingredient-groups summary{padding-block:var(--space-3);font-weight:700}
.ui-menu .ingredient-groups summary>span{float:right;font-size:var(--text-meta);font-weight:400}
.ui-menu .ingredient-groups details>p{font-size:var(--text-secondary);margin-top:var(--space-2)}
.ui-menu .ingredient-groups ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:0;margin-block:var(--space-3)}
.ui-menu .ingredient-groups li{background:transparent;border:0;min-width:0;font-size:var(--text-secondary)}
.ui-menu .ingredient-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius)}
.ui-menu .ingredient-groups li>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:var(--space-2) 0 0}
.ui-menu-end{padding-top:var(--space-4);font-size:var(--text-meta)}
.ui-menu-end p{margin-bottom:var(--space-2)}
.ui-menu-end .ui-link{font-size:var(--text-secondary)}
.ui-menu .ui-bowl[hidden]{display:none}
@media(min-width:600px){
 .ui-menu-bowls{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
 .ui-menu-pans{grid-template-columns:repeat(4,minmax(0,1fr))}
 .ui-menu-filters{max-width:65ch}
 .ui-menu .ingredient-groups ul{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(min-width:900px){
 .ui-menu-bowls{grid-template-columns:repeat(4,minmax(0,1fr))}
 .ui-menu-build-tables{display:grid;grid-template-columns:minmax(0,460px) minmax(0,520px);gap:var(--space-8);align-items:start}
 .ui-menu-build-tables>div{min-width:0}
 .ui-menu-pans{grid-template-columns:repeat(7,minmax(0,1fr))}
 .ui-menu .ingredient-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ui-menu .ingredient-groups ul{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media print{
 @page{size:letter}
 .ui-menu{padding:0;width:100%;max-width:none;font-family:var(--font-body)}
 .ui-menu-screen,.ui-menu-detail,.ui-noscript,dialog{display:none!important}
 .ui-menu-print{display:block}
 .ui-menu-signatures{padding:0}
 .ui-menu-build-tables,.ui-menu-build-tables>div{display:contents}
 .ui-menu-build-tables .protein-prices{grid-area:prices}
 .ui-menu-bowls .ui-bowl{background:transparent;border:0;border-radius:0;overflow:visible}
 .ui-menu-bowls .ui-bowl[hidden]{display:block!important}
 .ui-menu-section{padding-top:0}
 .ui-menu .ingredient-groups ul{display:block}
 .ui-menu .ingredient-groups li{background:transparent;border:0;border-radius:0;overflow:visible;font-size:inherit}
 .ui-menu .ingredient-groups li>span{display:inline;padding:0}
 .ui-menu .ingredient-photo{display:none}
 .ui-menu .ingredient-groups details>p{display:none}
 .ui-menu .ingredient-groups summary>span{float:none;margin-left:var(--space-2)}
 .ui-menu .ingredient-groups details{border:0}
 .ui-menu .ingredient-groups details[open]{grid-column:auto}
 .ui-menu .portion-comparison h3 span{display:block;font-size:inherit}
 .ui-menu .protein-prices td{font:inherit}
 .ui-menu-end{padding:0}
}

.ui-menu-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-3)}
#sides .ui-extra-price{min-height:calc(var(--text-h3) * 1.15 + var(--space-1) + var(--text-secondary) * 1.5)}
@media(min-width:600px){.ui-menu-extras{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}}
