.food-hero{padding:36px 0 24px}.food-hero .eyebrow{color:var(--accent);margin-bottom:10px;font-size:12px}.food-hero__head{align-items:center;gap:22px;display:flex}.food-icon{background:var(--tint);border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font:24px/1 Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;display:inline-grid}.food-icon--lg{border-radius:22px;width:84px;height:84px;font-size:46px}.food-icon--sm{vertical-align:-6px;border-radius:10px;width:34px;height:34px;margin-right:10px;font-size:19px}.food-hero h1{letter-spacing:-.035em;font-size:clamp(36px,5vw,58px);line-height:1.05}.food-hero--photo{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"head photo""answer photo""kind photo";align-items:start;column-gap:56px;display:grid}.food-hero--photo .food-hero__head{grid-area:head}.food-hero--photo .food-answer{grid-area:answer}.food-hero--photo .food-kind{grid-area:kind}.food-photo{object-fit:cover;background:var(--tint);border-radius:28px;grid-area:photo;align-self:center;width:300px;height:300px}.food-answer{max-width:44em;color:var(--ink);margin-top:18px;font-size:19px;line-height:1.65}.food-kind{max-width:52em;color:var(--muted);margin-top:12px;font-size:13px;line-height:1.6}.fp{background:var(--tint);border-radius:24px;max-width:900px;padding:26px 28px}.fp-choose{border-bottom:1px solid #0f5f3d26;margin-bottom:20px;padding-bottom:20px}.fp-label{font:600 15px var(--heading);color:var(--ink)}.fp-chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.fp-chips button{border:1px solid var(--line);font:600 13px var(--heading);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:999px;padding:8px 12px}.fp-chips button[aria-pressed=true]{border-color:var(--accent);background:var(--tint);color:var(--accent-ink)}.fp-chips button:focus-visible{outline-offset:2px;outline:3px solid #7cc4a0}.fp-custom{background:#fff;border:1px solid #d3ddd7;border-radius:14px;align-items:center;margin-top:14px;display:flex;overflow:hidden}.fp-custom:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #147d5126}.fp-custom input{min-width:0;height:48px;font:600 18px var(--heading);color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0 16px}.fp-custom span{font:600 15px var(--heading);color:var(--muted);padding:0 16px}.fp-serving{font:600 13px var(--heading);color:var(--accent-ink)}.fp-kcal{font:600 22px var(--heading);color:var(--ink);margin-top:4px}.fp-kcal b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-right:8px;font-size:60px;line-height:1}.fp-bar{background:#0f5f3d1f;border-radius:999px;height:8px;margin-top:18px;display:flex;overflow:hidden}.fp-bar span{height:100%;display:block}.fp-bar--protein{background:#147d51}.fp-bar--carbs{background:#7cc4a0}.fp-bar--fat{background:#e3b04b}.fp-macros{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;display:grid}.fp-macro dt{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.fp-macro dt:before{content:"";border-radius:50%;width:8px;height:8px}.fp-macro--protein dt:before{background:#147d51}.fp-macro--carbs dt:before{background:#7cc4a0}.fp-macro--fat dt:before{background:#e3b04b}.fp-macro dd{margin:4px 0 0}.fp-macro dd b{font:600 20px var(--heading);color:var(--ink);font-variant-numeric:tabular-nums;display:block}.fp-macro dd span{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.5;display:block}.fp-more{border-top:1px solid #0f5f3d26;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 0;padding-top:14px;display:grid}.fp-more dt{color:var(--muted);font-size:12px}.fp-more dd{font:600 15px var(--heading);color:var(--ink);font-variant-numeric:tabular-nums;margin:2px 0 0}.fp-error{font:600 16px var(--heading);color:#9a3b2e}.food-body{padding-bottom:96px}.food-section{max-width:900px;padding-top:56px}.food-section h2{font-size:clamp(26px,2.8vw,34px);line-height:1.15}.food-section>p{color:var(--muted);margin-top:12px;font-size:16px;line-height:1.75}.food-section>p b{color:var(--ink)}.food-small{font-size:13px!important}.food-table{border:1px solid var(--line);border-radius:16px;max-width:100%;margin-top:18px;overflow-x:auto}.food-table--narrow{max-width:680px}.food-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.food-table th,.food-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px}.food-table td{white-space:nowrap}.food-table thead th{background:var(--canvas);font:600 13px var(--heading);color:var(--ink);white-space:nowrap}.food-table tbody th{font:600 14px var(--heading);color:var(--ink)}.food-table small{font:400 12px var(--body);color:var(--muted);white-space:normal;margin-top:2px;display:block}.food-table tbody tr:last-child th,.food-table tbody tr:last-child td{border-bottom:0}.food-table tr.is-highlight{background:var(--tint)}.food-table tr.is-indent th{font-weight:400;font-family:var(--body);padding-left:30px}.food-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.food-compare li{border:1px solid var(--line);border-radius:16px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.food-compare li>div,.foods-group li>div{flex-direction:column;gap:2px;min-width:0;display:flex}.food-compare a{font:600 17px var(--heading);color:var(--ink)}.food-compare a:hover{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline}.food-compare li>div>span{color:var(--muted);font-size:14px}.food-section.faq .faq-list{margin-top:18px}.food-bridge{background:var(--canvas);border-radius:28px;grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;max-width:900px;margin-top:64px;padding:36px;display:grid}.food-bridge h2{font-size:clamp(24px,2.4vw,30px);line-height:1.2}.food-bridge p{color:var(--muted);margin:14px 0 18px;font-size:16px;line-height:1.75}.food-bridge__app{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.food-bridge__app>img{border-radius:14px}.food-sources ol{margin:12px 0 0;padding-left:20px}.food-sources li{color:var(--muted);margin-bottom:8px;font-size:14px;line-height:1.7}.food-sources a{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline}.foods-list{padding-bottom:104px}.foods-group{padding-top:40px}.foods-group h2{font-size:24px;line-height:1.2}.foods-group ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.foods-group li{border:1px solid var(--line);background:var(--surface);border-radius:18px;align-items:flex-start;gap:14px;padding:18px 20px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.foods-group li:hover{border-color:#c5d6cc;box-shadow:0 12px 28px #13211a12}.foods-group a{font:600 18px var(--heading);color:var(--ink)}.foods-group a:after{content:"";border-radius:inherit;position:absolute;inset:0}.foods-group li:has(a:focus-visible){outline-offset:3px;outline:3px solid #7cc4a0}.foods-group a:focus-visible{outline:none}.foods-group li>div>span{color:var(--muted);font-size:14px}.foods-group li>div>span b{color:var(--ink)}@media (max-width:900px){.food-hero--photo{grid-template-columns:minmax(0,1fr) 200px;column-gap:32px}.food-photo{border-radius:24px;width:200px;height:200px}.foods-group ul{grid-template-columns:repeat(2,minmax(0,1fr))}.food-bridge{grid-template-columns:1fr;gap:24px;padding:28px 22px}}@media (max-width:700px){.food-table th:first-child{z-index:1;background:var(--surface);box-shadow:inset -1px 0 0 var(--line);position:sticky;left:0}.food-table thead th:first-child{background:var(--canvas)}.food-table tr.is-highlight th:first-child{background:var(--tint)}}@media (max-width:600px){.food-answer{font-size:17px}.food-hero__head{align-items:flex-start;gap:14px}.food-hero--photo{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"photo head""answer answer""kind kind";align-items:center;column-gap:16px}.food-photo{border-radius:18px;width:76px;height:76px}.food-icon--lg{border-radius:17px;width:60px;height:60px;font-size:32px}.fp{border-radius:20px;padding:20px}.fp-kcal b{font-size:50px}.fp-more{grid-template-columns:repeat(2,minmax(0,1fr))}.food-section{padding-top:44px}.food-table th,.food-table td{padding:10px;font-size:14px}.food-compare,.foods-group ul{grid-template-columns:minmax(0,1fr)}.food-body{padding-bottom:72px}}
