.food-color-search{max-width:1120px;margin:clamp(18px,4vw,42px) auto;padding:clamp(18px,3vw,30px);background:linear-gradient(140deg,#f2f8f2,#fffaf1);border:1px solid #d9e5db;border-radius:22px;box-shadow:0 14px 40px rgba(28,65,46,.09);scroll-margin-top:20px}
.food-search-heading{display:flex;align-items:flex-start;gap:16px}
.food-search-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;background:#e2f0e6;border-radius:18px;color:#17634f}
.food-search-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.food-search-eyebrow{margin:0 0 3px;color:#397055;font-weight:700;font-size:.9rem}
.food-search-heading h2{margin:0;color:#183d2e;font-size:clamp(1.35rem,3vw,2rem);line-height:1.4}
.food-search-heading p:last-child{margin:7px 0 0;color:#53635a}
.food-search-form{display:flex;gap:10px;margin:20px 0 8px}
.food-search-form input{flex:1;min-width:0;font:inherit;font-size:1.05rem;padding:14px 16px;border:2px solid #b9cdbd;border-radius:13px;background:#fff;color:#20312b;outline:none}
.food-search-form input:focus{border-color:#17634f;box-shadow:0 0 0 3px #17634f20}
.food-search-clear{font:inherit;border:0;border-radius:12px;background:#e6eee8;color:#245d46;padding:0 18px;cursor:pointer}
.food-search-count{margin:8px 2px;color:#65736a;font-size:.88rem}
.food-search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:12px;margin-top:12px}
.food-search-hint,.food-search-empty{grid-column:1/-1;background:#fff;border:1px dashed #cbd9cd;border-radius:14px;padding:16px;color:#526358}
.food-search-empty p{margin:6px 0 0}
.food-search-result{padding:16px;border:1px solid;border-inline-start-width:5px;border-radius:14px;background:#fff;min-width:0}
.food-search-result.red{border-color:#e8bebe;background:#fff8f8}
.food-search-result.orange{border-color:#ebd0a8;background:#fffaf2}
.food-search-result.green{border-color:#bad8c5;background:#f8fcf9}
.food-search-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:.82rem;font-weight:800}
.red .food-search-badge{background:#fde6e6;color:#9b3030}.orange .food-search-badge{background:#fff0d9;color:#8b5319}.green .food-search-badge{background:#e3f2e8;color:#216042}
.food-search-result h3{margin:10px 0 2px;color:#1f3429;font-size:1.1rem}
.food-search-result small{color:#65736a}
.food-search-result p{margin:9px 0 0;line-height:1.7}
.food-search-result .food-search-caveat{font-size:.88rem;color:#5a665f;border-top:1px solid #e7ece7;padding-top:9px}
.food-search-disclaimer{margin:18px 0 0;padding:12px 14px;background:#fff;border-radius:12px;color:#5c625a;font-size:.9rem;line-height:1.8}
.food-search-sources{margin-top:12px;font-size:.9rem}
.food-search-sources summary{cursor:pointer;font-weight:700;color:#235840}
.food-search-sources li{margin:7px 0}
.food-search-sources a{color:#245d46}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:560px){.food-color-search{margin:16px 10px;padding:17px;border-radius:17px}.food-search-heading{gap:11px}.food-search-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px}.food-search-icon svg{width:29px;height:29px}.food-search-form{gap:7px}.food-search-form input{padding:12px;font-size:1rem}.food-search-clear{padding:0 12px}.food-search-results{grid-template-columns:1fr}}