/* Only the interactive widget is custom. Page sections use the shared tool template. */
.lunch-quick{display:flex;gap:10px;flex-wrap:wrap}.lunch-quick button{flex:1;padding:14px;border:1px solid #12283c;background:white;color:#12283c;font-weight:700;cursor:pointer}.lunch-quick button[aria-pressed=true]{background:#12283c;color:white}.meal-sibling-link{padding:16px 24px;border-top:1px solid #d7dee4;margin:0}.meal-sibling-link a{color:#1458ed;font-weight:700}
.meal-page{--ink:#12283c;--orange:#ff581c;--blue:#1458ed;color:var(--ink)}
.meal-page [hidden]{display:none!important}
.meal-page button,.meal-page input,.meal-page select,.meal-page textarea{font:inherit}
.meal-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:20px 24px;border-bottom:1px solid #d7dee4}
.meal-tabs button{padding:12px 18px;border:1px solid #bdcad6;background:#fff;color:var(--ink);cursor:pointer;font-weight:700}
.meal-tabs button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.meal-workspace{align-items:stretch}
.meal-workspace>*{min-width:0}
.meal-panel-title h2{font-size:21px;margin:8px 0 24px}
.meal-kicker{font-size:11px;letter-spacing:1px;font-weight:800;color:#3a6583}
.meal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.meal-page label{display:block;font-size:13px;font-weight:700}
.meal-page select,.meal-page input:not([type=checkbox]),.meal-page textarea{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #b7c8d5;background:#fff;color:var(--ink)}
.meal-page textarea{resize:vertical}
.meal-note{font-size:12px;line-height:1.8;color:#627386}
.meal-warning{padding:12px 14px;background:#fff7e8;border-left:3px solid #efa637;color:#705121;font-size:12px;line-height:1.8}
.meal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.meal-primary,.meal-secondary{display:inline-block;padding:12px 18px;cursor:pointer;font-weight:700;text-decoration:none;text-align:center}
.meal-primary{background:var(--orange);color:white;border:1px solid #142638;box-shadow:3px 3px 0 #142638}
.meal-secondary{background:#fff;color:var(--ink);border:1px solid #b9c8d3}
.meal-page button:disabled{opacity:.5;cursor:not-allowed}
.meal-page :focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.meal-result-symbol{font-size:48px;margin:20px 0 12px}
.meal-result h2{font-size:30px;line-height:1.45;margin:10px 0;overflow-wrap:anywhere}
.meal-result p{font-size:13px;line-height:1.8}
.meal-result .meal-secondary{margin-top:12px}
.meal-history{border-top:1px solid #d7dee4;margin-top:24px;padding-top:15px}
.meal-history h3{font-size:13px}
.meal-history ol{padding-left:22px;max-height:140px;overflow:auto;font-size:13px;line-height:1.9}
.meal-check{display:flex!important;gap:9px;align-items:flex-start;margin:18px 0;line-height:1.7}
.meal-check input{margin-top:4px;flex:none}
.meal-page details{border-bottom:1px solid #d5dfe4;padding:16px 0}
.meal-page summary{cursor:pointer;font-weight:700;font-size:14px}
@media(max-width:760px){.meal-tabs{padding:16px;gap:6px}.meal-tabs button{padding:11px 10px;font-size:12px;flex:1}.meal-fields{gap:12px}.meal-actions>*{flex:1}.meal-result h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.meal-page *{animation:none!important;transition:none!important}}