.ui-doc{max-width:65ch;padding-block:var(--space-8)}
.ui-doc-heading{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}
.ui-doc-heading-copy{flex:1;min-width:0}
.ui-doc-intro{margin:0}
.ui-doc-lala{width:calc(var(--space-12) * 2);height:auto;flex-shrink:0;object-fit:contain}
.ui-doc-status{font-size:var(--text-secondary);color:var(--muted);margin-bottom:var(--space-6)}
.ui-doc-steps{padding-inline-start:var(--space-6);margin-block:var(--space-6) var(--space-8)}
.ui-doc-step{padding-inline-start:var(--space-2);margin-bottom:var(--space-6)}
.ui-doc-step::marker{font:400 var(--text-h3)/1.15 var(--font-display)}
.ui-doc-step-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2)}
.ui-doc-step-title{font-size:var(--text-h3);margin:0}
.ui-doc-step-lala{width:calc(var(--space-8) * 2);height:auto;flex-shrink:0}
.ui-doc-step-copy{margin-bottom:0}
.ui-doc-portions{margin-block:var(--space-8)}
.ui-doc-sizes{display:grid;gap:var(--space-6)}
.ui-doc-size{min-width:0;padding-block:var(--space-4);border-top:var(--line) solid var(--steel)}
.ui-doc-portion-list{margin:0}
.ui-doc-portion-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding-block:var(--space-2)}
.ui-doc-portion-label{font-size:var(--text-secondary)}
.ui-doc-portion-value{display:flex;align-items:center;gap:var(--space-2);margin:0}
.ui-doc-caps{font-size:var(--text-secondary);color:var(--muted);margin-block:var(--space-4) 0}
.ui-doc-end{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-block:var(--space-8)}
.ui-doc-end-links{display:flex;align-items:start;flex-direction:column;gap:var(--space-2)}
.ui-doc-allergy{font-size:var(--text-secondary);border-top:var(--line) solid var(--steel);padding-top:var(--space-4)}
.ui-doc-section{margin-block:var(--space-8)}
.ui-doc-section-title{font-size:var(--text-h3)}
.ui-doc-contact{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6)}
@media(min-width:600px){.ui-doc-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:374px){.ui-doc-heading{align-items:start}.ui-doc-lala{width:calc(var(--space-8) * 2)}}
@media(min-width:900px){
 .ui-doc{margin-inline-start:max(var(--gutter),calc((100% - var(--container)) / 2));margin-inline-end:auto}
}
