.zk-db{max-width:860px}
.zk-db__bar input{width:100%;font:600 18px/1.2 var(--fb);padding:15px 18px;border:2px solid var(--line);border-radius:10px;color:var(--ink);background:#fff}
.zk-db__bar input:focus{outline:none;border-color:var(--accent)}
.zk-db__hint{color:var(--muted);font-size:13.5px;margin:8px 2px 0}
.zk-db__results{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.zk-db__none{color:var(--muted);padding:14px 2px}
.zk-food{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.zk-food.open{border-color:var(--accent)}
.zk-food__head{width:100%;text-align:left;background:#fff;border:0;cursor:pointer;display:grid;grid-template-columns:1fr auto 26px;grid-template-areas:'name sugar chev' 'meta meta chev';gap:3px 16px;align-items:center;padding:14px 16px;font-family:var(--fb);transition:background .12s,box-shadow .12s}
.zk-food__head:hover,.zk-food__head:focus-visible{background:var(--tint);box-shadow:inset 3px 0 0 var(--accent);outline:none}
.zk-food__head:hover .zk-food__name,.zk-food__head:focus-visible .zk-food__name{color:var(--accentInk)}
.zk-food__head:hover .zk-food__sugar,.zk-food__head:hover .zk-food__meta,.zk-food__head:focus-visible .zk-food__sugar,.zk-food__head:focus-visible .zk-food__meta{color:var(--ink)}
.zk-food__name{grid-area:name;font-family:var(--fd);font-weight:700;font-size:17px;color:var(--ink);line-height:1.2}
.zk-food__sugar{grid-area:sugar;font-size:12.5px;color:var(--muted);white-space:nowrap;text-align:right}
.zk-food__sugar b{font-family:var(--fd);font-size:20px;color:var(--accent);margin-right:3px}
.zk-food__meta{grid-area:meta;font-size:12.5px;color:var(--muted)}
.zk-food__chev{grid-area:chev;font-family:var(--fd);font-weight:700;font-size:24px;color:var(--accent);text-align:center;transition:transform .15s}
.zk-food.open .zk-food__chev{transform:rotate(45deg)}
.zk-food__detail{padding:0 16px}
.zk-food.open .zk-food__detail{padding:2px 16px 16px;border-top:1px solid var(--line)}
.zk-food__grp{font-family:var(--fd);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--accent);margin:16px 0 4px}
.zk-food__tbl{width:100%;border-collapse:collapse;font-size:14px}
.zk-food__tbl td{padding:6px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.zk-food__tbl td:last-child{text-align:right;color:var(--ink);font-family:var(--fd);white-space:nowrap;font-weight:600}
.zk-food__loading{color:var(--muted);padding:12px 0;font-size:14px}
.zk-db__src{font-size:12px;color:var(--muted);margin-top:22px;line-height:1.55}
.zk-db__src a{color:var(--muted);text-decoration:underline}
@media(max-width:560px){.zk-food__head{grid-template-columns:1fr 26px;grid-template-areas:'name chev' 'sugar chev' 'meta chev'}.zk-food__sugar{text-align:left}}