.macro-bar{display:flex;overflow:hidden;height:16px;border-radius:2px;margin:18px 0 12px;background:#ddd}
.macro-0{background:#9b7048}.macro-1{background:#536654}.macro-2{background:#b5a371}
.macro-legend{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:14px}.macro-legend span{display:inline-flex;align-items:center;gap:6px}.macro-legend i{width:10px;height:10px;display:inline-block}
.nutrition-calculated h4{margin:22px 0 0}.nutrition-basis{font-size:13px}.nutrition-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.nutrition-extra>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #d7d0c3;padding:8px 0}.nutrition-extra dd{margin:0}.nutrition-select{display:grid;gap:10px;font-size:14px}.nutrition-select select{max-width:100%;width:100%;padding:12px;font:inherit;background:#f5f1e8;color:#302f29;border:1px solid #aaa18e}.nutrition-sources{margin-top:20px;font-size:13px;overflow-wrap:anywhere}.nutrition-sources summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.nutrition-table-wrap{overflow-x:auto}.nutrition-sources table{border-collapse:collapse;min-width:510px;width:100%;font-size:12px}.nutrition-sources th,.nutrition-sources td{padding:10px 8px;text-align:left;border-bottom:1px solid #cfc8ba;vertical-align:top}.nutrition-sources small{color:#625d52}.nutrition-preview .detail-nutrition{padding:20px 0 0;border:0}.nutrition-preview h3{font-size:22px}.nutrition-calculated .nutrition-top{align-items:flex-start;gap:12px;flex-wrap:wrap}.nutrition-calculated .status{white-space:normal}.nutrition-calculated .macro-grid strong{font-size:28px}
@media(max-width:600px){.nutrition-extra{grid-template-columns:1fr}.nutrition-calculated .macro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nutrition-select select{font-size:14px}.nutrition-preview h3{font-size:20px}}
@media print{.macro-bar,.macro-legend i{print-color-adjust:exact;-webkit-print-color-adjust:exact}.nutrition-sources{break-inside:auto}}

.search-tools{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.4fr) auto}.search-tools>label{min-width:0}.search-tools select{max-width:100%}
@media(max-width:900px){.search-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.search-tools{grid-template-columns:minmax(0,1fr)}}

.fat-breakdown{margin:20px 0;padding:16px;border:1px solid #cfc8ba;font-size:14px}.fat-breakdown summary{cursor:pointer;font-weight:600}.fat-breakdown dl>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;border-bottom:1px solid #d7d0c3}.fat-breakdown dd{margin:0;white-space:nowrap}.fat-breakdown p{font-size:13px}
.energy-breakdown{margin:20px 0;border:1px solid #cfc8ba;padding:16px;font-size:14px}.energy-breakdown summary{cursor:pointer;font-weight:600}.energy-breakdown table{border-collapse:collapse;width:100%;min-width:450px;font-size:13px}.energy-breakdown th,.energy-breakdown td{padding:10px 8px;text-align:left;border-bottom:1px solid #d7d0c3}.energy-breakdown tfoot{font-weight:600}.energy-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.energy-summary-card{text-align:left;display:flex;flex-direction:column;gap:14px;background:transparent;border:1px solid #cfc8ba;color:inherit;padding:24px;font:inherit;cursor:pointer}.energy-summary-card strong{font-size:24px}.energy-summary-card small{font-size:12px}.energy-summary-card:hover{background:#e7e3d8}.energy-summary-card:focus-visible{outline:2px solid #536654;outline-offset:3px}@media(max-width:900px){.energy-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.energy-summary-grid{grid-template-columns:1fr}}