body,html{background:#f5f6f8;margin:0}.meal-card{background:#fff;border-radius:16px;padding:20px;margin:20px;margin-bottom:20px;box-shadow:0 4px 10px rgba(0,0,0,.1);text-align:left}.meal-title{font-size:1.5rem;margin-bottom:.5rem}.meal-meta{color:#888;margin-bottom:1rem}.meal-flex{display:flex;flex-direction:column;gap:16px}.meal-img{max-width:100%;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.meal-instructions{font-size:.95rem;line-height:1.6;color:#444;white-space:pre-line;display:flex;flex-direction:column}.meal-text{overflow:visible;max-height:none;margin-bottom:12px}.meal-text p{font-size:.95rem;line-height:1.6;color:#444;white-space:pre-line}.meal-flex-button{display:flex;justify-content:flex-end}.btn,.meal-flex-button{align-items:center;gap:8px}.btn{background:#5b677a;color:#fff;border:none;padding:12px 20px;border-radius:20px;font-size:.95rem;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:background .2s ease,box-shadow .2s ease,transform .1s ease;display:inline-flex;justify-content:center;min-height:40px;line-height:1}.btn:hover:not(:disabled){background:#505b6e;box-shadow:0 2px 6px rgba(0,0,0,.1)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.12)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(91,103,122,.25)}.btn:disabled{opacity:.6;cursor:not-allowed}@media (min-width:768px){.meal-card{margin:4rem}.meal-flex{flex-direction:row;align-items:stretch}.meal-img{width:50%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.meal-instructions{width:50%;padding-right:8px}.meal-text{flex:1 1 auto;min-height:0;overflow-y:auto;margin-bottom:12px}.btn{padding:14px 24px;font-size:1.05rem;min-height:44px;border-radius:22px}}