.meal-mode{display:flex;gap:6px;padding:5px;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:8px 0 18px}
.meal-mode button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:44px;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:600 14px 'Segoe UI',Arial,sans-serif;cursor:pointer}
.meal-mode button[aria-pressed=true]{background:var(--green);color:#fff}.meal-mode svg{width:18px;height:18px}
#free-meal-fields{margin-bottom:16px}#free-meal-fields .help{margin-top:-4px}
.meal-note{margin-top:16px}.meal-note summary{color:var(--muted);font-size:13px;cursor:pointer;padding:8px 0}.meal-note .field{margin-top:10px}
.compact-planner .meal.free-meal{background:#fcf6eb;border-color:#e9dcc6}.free-meal-label{color:#866839}
.article-search{position:relative;margin-bottom:18px}.article-search>.field{margin-bottom:0}
.modal-foot{flex-wrap:wrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.article-suggestions{margin-top:5px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 22px #304d3d0d;max-height:224px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.article-suggestions button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 13px;min-height:56px;background:#fff;border:0;text-align:left;color:var(--ink);font:500 14px 'Segoe UI',Arial,sans-serif;cursor:pointer}
.article-suggestions button+button{border-top:1px solid var(--line)}.article-suggestions button:hover,.article-suggestions button[aria-selected=true]{background:#edf2e6;color:var(--green)}
.article-suggestions small{font-size:12px;color:var(--muted);font-weight:400;overflow-wrap:anywhere}
.article-aisle-hint{font-size:11px;color:var(--muted);font-weight:400;margin-left:5px}
.article-added:empty{display:none}.article-added{padding:10px 12px;border-radius:9px;background:#edf2e6;color:var(--green);font-size:13px;margin:14px 0 0}
[hidden]{display:none!important}
@media(max-width:760px){.meal-mode button{font-size:13px;padding:9px 7px}.free-meal-label{display:block}.article-suggestions button{font-size:16px}.article-search input{font-size:16px}#extra-form .fields{grid-template-columns:1fr 1fr}#extra-form .fields>*{min-width:0}}
@media print{.free-meal-label{display:inline}.article-suggestions{display:none!important}}