@layer components{.ff{--ff-ink-wash:var(--pf-cream-50)}.ff .eyebrow{font-size:var(--text-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-text);font-weight:700}.ff .section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.5rem 1.5rem;margin-bottom:1.5rem;display:flex}.ff .section-head h2{font-size:var(--text-title-lg);letter-spacing:-.01em;margin-top:.375rem;font-weight:700}.ff .section-head p{color:var(--color-text-muted);max-width:52ch;margin-top:.375rem}.ff .text-link{color:var(--color-accent-text);text-underline-offset:.16em;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-accent-text) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--color-accent-text) 45%, transparent);font-weight:600}.ff .text-link:hover{color:var(--color-accent-text-hover);text-decoration-color:currentColor}.ff .btn{min-height:2.75rem;font:inherit;font-size:var(--text-body-sm);cursor:pointer;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), transform .18s var(--ease-out);border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.ff .btn svg{flex:none;width:12px;height:12px}.ff .btn-primary{background:var(--color-accent-strong);color:var(--color-on-accent)}.ff .btn-primary:hover{background:var(--color-accent-strong-hover)}.ff .btn-secondary{background:var(--color-surface-raised);border-color:var(--color-border-strong);color:var(--color-text)}.ff .btn-secondary:hover{border-color:var(--color-text-muted)}.ff .btn-sm{min-height:2.5rem;padding:0 1rem;font-size:.875rem}.ff .btn[disabled]{opacity:.5;cursor:not-allowed}.ff .badge{border-radius:var(--radius-sm);align-items:center;gap:.25rem;height:1.5rem;padding:0 .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.ff .badge svg{width:14px;height:14px}.ff .badge-blue{background:var(--pf-blue-100);color:var(--pf-blue-700)}.ff .badge-mustard{background:var(--pf-mustard-100);color:var(--pf-mustard-700)}.ff .badge-sage{background:var(--pf-sage-100);color:var(--pf-sage-700)}.ff .badge-lavender{background:var(--pf-lavender-100);color:var(--pf-lavender-700)}.ff .badge-neutral{background:var(--color-surface-sunken);color:var(--color-text-muted)}.ff .clear{all:unset;cursor:pointer;color:var(--color-accent-text);text-underline-offset:.16em;font-weight:700;text-decoration:underline}.ff .clear:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ff .fine{font-size:var(--text-caption);color:var(--color-text-subtle)}.ff .back-top{font-size:var(--text-caption);color:var(--color-accent-text);text-underline-offset:.2em;white-space:nowrap;align-self:end;font-weight:700;text-decoration:underline}.ff mark{background:var(--pf-mustard-100);color:inherit;border-radius:3px;padding:0 .1em}.ff [id=finder],.ff [id=how-title],.ff [id=bench-title],.ff [id=lists-title],.ff [id=faq-title],.ff [id=sources],.ff [id=orgs-title]{scroll-margin-top:5rem}.ff .dek{font-size:var(--text-lede);color:var(--color-text-muted);max-width:80ch;margin-top:.875rem;line-height:1.55}.ff .jump{font-size:var(--text-caption);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:1.25rem;font-weight:700;display:flex}.ff .jump a:not(.btn){color:var(--color-text-muted);text-underline-offset:.2em;text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);align-items:center;min-height:2.75rem;display:inline-flex}.ff .jump a:not(.btn):hover{color:var(--color-text)}@media (max-width:40rem){.ff .jump{scrollbar-width:none;margin-inline:calc(-1 * var(--space-gutter));padding-inline:var(--space-gutter);flex-wrap:nowrap;gap:1rem;overflow-x:auto}.ff .jump::-webkit-scrollbar{display:none}.ff .jump a{flex:none}.ff .dek{font-size:1rem}}.ff .controls{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-bottom:1rem;display:flex}.ff .ctl{align-items:center;display:inline-flex}.ff .seg{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}.ff .seg button,.ff .seg a{min-height:2.25rem;font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.375rem;padding:0 1rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.ff .seg svg{flex:none;width:18px;height:18px}.ff .seg button[aria-pressed=true],.ff .seg a[aria-current=page]{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.ff .seg-label{font-size:var(--text-caption);color:var(--color-text-subtle);margin-right:.375rem;font-weight:700}.ff .note-pair{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:inline-flex}.ff .info-btn{border:1.5px solid var(--color-border-strong);background:var(--color-surface-raised);width:1.75rem;height:1.75rem;color:var(--color-text);font:inherit;cursor:help;border-radius:999px;place-items:center;margin-left:.375rem;font-size:.8125rem;font-weight:800;line-height:1;display:inline-grid}.ff .info-btn:hover,.ff .info-btn[aria-expanded=true]{border-color:var(--color-text)}.ff .pen-note{color:var(--pf-coral-800);align-items:center;gap:.25rem;font-size:1.375rem;font-weight:600;line-height:1;display:inline-flex}.ff .pen-note span{display:inline-block;transform:rotate(-3deg)}.ff .pen-note svg{width:46px;height:26px;color:var(--pf-coral-700)}@media (min-width:72rem){.ff .controls{flex-wrap:nowrap}.ff .note-pair{position:relative}.ff .note-pair .pen-note{white-space:nowrap;pointer-events:none;position:absolute;top:calc(100% + .125rem);right:0}.ff .nudge-on .note-pair .pen-note{display:none}}@media (max-width:40rem){.ff .pen-note{display:none}}.ff .basis-help{font-size:var(--text-caption);color:var(--color-text-muted);margin:-.375rem 0 .875rem}.ff .nudge{border-radius:var(--radius-md);background:var(--pf-blue-50);border:1px solid var(--pf-blue-100);font-size:var(--text-caption);color:var(--pf-blue-700);flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin:-.25rem 0 .75rem;padding:.625rem .875rem;font-weight:600;display:flex}.ff .aff-note{font-size:var(--text-caption);color:var(--color-text-muted);margin-bottom:.625rem}.ff .how-works{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-raised);margin-bottom:.75rem}.ff .how-works>summary{cursor:pointer;min-height:2.75rem;font-weight:800;font-size:var(--text-body-sm);align-items:center;gap:.5rem;padding:0 1rem;list-style:none;display:flex}.ff .how-works>summary::-webkit-details-marker{display:none}.ff .how-works>summary:after{content:"+";color:var(--color-accent-text);margin-left:auto;font-weight:800}.ff .how-works[open]>summary:after{content:"–"}.ff .how-body{font-size:var(--text-caption);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding:.25rem 1rem 1.125rem;display:grid}@media (max-width:56rem){.ff .how-body{grid-template-columns:minmax(0,1fr)}}.ff .how-body h3{font-size:var(--text-body-sm);margin-bottom:.375rem;font-weight:800}.ff .how-body p{color:var(--color-text-muted);line-height:1.6}.ff .how-body p+p{margin-top:.5rem}.ff .how-body b{color:var(--color-text)}.ff .dc{white-space:nowrap;vertical-align:middle;border:1.5px solid #0000;border-radius:.375rem;align-items:center;height:1.25rem;padding:0 .4rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.ff .dc-label{background:var(--pf-sage-100);color:var(--pf-sage-700)}.ff .dc-typical{background:var(--pf-lavender-100);color:var(--pf-lavender-700)}.ff .dc-calc{color:var(--pf-blue-700);border:1.5px dashed var(--pf-blue-600);background:0 0}.ff .calc-num{-webkit-text-decoration:underline dashed var(--pf-blue-600);text-decoration:underline dashed var(--pf-blue-600);text-underline-offset:.22em;text-decoration-thickness:1px}.ff .table-card{--color-text-subtle:var(--pf-ink-600);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:clip}.ff .toolbar{border-bottom:1px solid var(--color-border-subtle);background:var(--ff-ink-wash);grid-template-columns:minmax(0,1fr) minmax(12rem,15rem) auto;align-items:end;gap:.75rem;padding:.875rem 1.25rem;display:grid}@media (max-width:40rem){.ff .toolbar{grid-template-columns:minmax(0,1fr) auto}.ff .search-field{grid-column:1/-1}}.ff .search-field{display:block;position:relative}.ff .search-field svg{width:18px;height:18px;color:var(--color-text-subtle);pointer-events:none;position:absolute;top:50%;left:.875rem;translate:0 -50%}.ff .search-field input{border:1.5px solid var(--color-border-strong);background:var(--color-surface-raised);width:100%;min-height:2.75rem;font:inherit;color:var(--color-text);border-radius:999px;padding:0 1rem 0 2.5rem;font-size:1rem;font-weight:500}.ff .search-field input:focus{border-color:var(--color-text);box-shadow:0 0 0 3px var(--pf-blue-100);outline:none}.ff .sel{color:var(--color-text-subtle);gap:.25rem;font-size:.75rem;font-weight:700;display:grid}.ff .sel-box{display:block;position:relative}.ff .sel select{border-radius:var(--radius-md);border:1.5px solid var(--color-border-strong);background:var(--color-surface-raised);appearance:none;width:100%;min-width:0;min-height:2.75rem;font:inherit;color:var(--color-text);padding:0 2rem 0 .75rem;font-size:.875rem;font-weight:600}.ff .sel-box svg{width:12px;height:8px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;right:.75rem;translate:0 -50%}.ff .filters-btn{border:1.5px solid var(--color-border-strong);background:var(--color-surface-raised);min-height:2.75rem;color:var(--color-text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.875rem;font-weight:700;display:inline-flex}.ff .filters-btn svg{flex:none;width:18px;height:18px}.ff .filters-btn:hover{border-color:var(--color-text)}.ff .filters-btn[aria-expanded=true]{background:var(--color-surface-inverse);color:var(--color-text-inverse);border-color:var(--color-surface-inverse)}.ff .filters-count{background:var(--color-accent-strong);min-width:1.375rem;height:1.375rem;color:var(--color-on-accent);border-radius:999px;place-items:center;padding:0 .375rem;font-size:.75rem;display:inline-grid}.ff .filters-panel{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding-top:.25rem;display:grid}.ff .filters-panel[hidden]{display:none}@media (max-width:40rem){.ff .filters-panel{grid-template-columns:minmax(0,1fr)}}.ff .brands{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem;display:flex}.ff .brands .seg-label{margin-right:.25rem}.ff .chip{border:1.5px solid var(--color-border-strong);background:var(--color-surface-raised);min-height:2.25rem;font:inherit;color:var(--color-text);cursor:pointer;border-radius:999px;align-items:center;gap:.375rem;padding:0 .875rem;font-size:.8125rem;font-weight:700;display:inline-flex}.ff .chip span{color:var(--color-text-subtle);font-weight:700}.ff .chip[aria-pressed=true]{background:var(--color-surface-inverse);border-color:var(--color-surface-inverse);color:var(--color-text-inverse)}.ff .chip[aria-pressed=true] span{color:inherit;opacity:.75}@media (max-width:40rem){.ff .brands{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-1.25rem;padding:.125rem 1.25rem;overflow-x:auto}.ff .brands::-webkit-scrollbar{display:none}.ff .chip,.ff .brands .seg-label{flex:none}}.ff .toolbar-foot{font-size:var(--text-caption);color:var(--color-text-muted);grid-column:1/-1;align-items:center;gap:1rem;font-weight:600;display:flex}.ff .table-scroll{overflow-x:auto}.ff table.foods{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:62rem}.ff .foods caption{text-align:left;font-size:var(--text-caption);color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);caption-side:top;padding:.625rem 1.25rem}.ff .foods caption b{color:var(--color-text)}.ff .foods th,.ff .foods td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border-subtle);padding:.75rem}.ff .foods thead th{top:var(--header-height);z-index:3;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);background:var(--ff-ink-wash);white-space:nowrap;box-shadow:inset 0 -1px 0 var(--color-border);font-size:.75rem;font-weight:800;position:sticky}.ff .foods thead th small{text-transform:none;letter-spacing:0;color:var(--color-text-muted);white-space:normal;max-width:9rem;font-size:.75rem;font-weight:700;display:block}.ff .foods th[scope=row]{width:16rem;min-width:15rem;font-weight:700}.ff .foods tbody tr.row:hover{background:var(--ff-ink-wash)}.ff .foods tr.is-cmp>th,.ff .foods tr.is-cmp>td{background:color-mix(in srgb, var(--pf-blue-50) 70%, transparent)}.ff .foods .buy{white-space:nowrap;text-align:center;width:1%}.ff .foods td.cal{white-space:normal;width:7.5rem}.ff .foods td.cal .qual{margin-left:0;display:block}.ff .qual{color:var(--color-text-muted);font-size:.75rem;font-weight:700}.ff .food-cell{align-items:flex-start;gap:.875rem;display:flex}.ff .thumb{border-radius:var(--radius-md);background:var(--color-surface-sunken);border:1px solid var(--color-border-subtle);flex:none;place-items:center;width:4rem;height:4rem;display:grid;overflow:hidden}.ff .thumb svg{width:2.5rem;height:2.5rem}.ff .food-name{flex-direction:column;gap:.25rem;display:flex}.ff .food-link{color:var(--color-text);font-weight:700;text-decoration:none}.ff .food-link:hover{text-underline-offset:.16em;text-decoration:underline}.ff .food-meta{color:var(--color-text-subtle);flex-wrap:wrap;align-items:center;gap:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.ff .row-actions{flex-wrap:wrap;align-items:center;gap:.25rem .875rem;display:flex}.ff .details-btn{all:unset;cursor:pointer;color:var(--color-text-muted);align-items:center;gap:.25rem;min-height:2rem;font-size:.75rem;font-weight:700;display:inline-flex}.ff .details-btn:after{content:"+";color:var(--color-accent-text);font-weight:800}.ff .details-btn[aria-expanded=true]:after{content:"–"}.ff .details-btn:focus-visible,.ff .cmp-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}.ff .cmp-btn{all:unset;box-sizing:border-box;cursor:pointer;min-height:2rem;color:var(--color-text-muted);border-radius:4px;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;display:inline-flex}.ff .cmp-box{border:1.5px solid var(--color-border-strong);background:var(--color-surface-raised);border-radius:.25rem;flex:none;place-items:center;width:1rem;height:1rem;display:inline-grid}.ff .cmp-btn[aria-pressed=true]{color:var(--color-text)}.ff .cmp-btn[aria-pressed=true] .cmp-box{background:var(--color-surface-inverse);border-color:var(--color-surface-inverse)}.ff .cmp-btn[aria-pressed=true] .cmp-box:after{content:"✓";color:var(--color-text-inverse);font-size:.6875rem;font-weight:800;line-height:1}.ff .cmp-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ff .cmp-btn-lg{border:1.5px solid var(--color-border-strong);min-height:2.5rem;color:var(--color-text);border-radius:999px;padding:0 1rem;font-size:.875rem}.ff .row-cta{box-shadow:0 2px 6px -2px color-mix(in srgb, var(--color-accent-strong) 55%, transparent)}.ff .row-cta:hover{transform:translateY(-1px)}.ff .buy-at{color:var(--color-text-subtle);margin-top:.3rem;font-size:.6875rem;font-weight:700;display:block}.ff .food-cta-m{display:none}.ff .foods td.nc{min-width:6.5rem;padding-block:.5rem;position:relative}.ff .nb{all:unset;box-sizing:border-box;border-radius:var(--radius-sm);cursor:help;gap:.3rem;width:100%;min-width:5.75rem;margin:-.375rem;padding:.375rem;display:grid;position:relative}.ff .nb:hover,.ff .nb[aria-expanded=true]{background:var(--color-surface-sunken)}.ff .nb:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.ff .nb-top{white-space:nowrap;align-items:baseline;gap:.2rem;display:flex}.ff .nb-val{font-weight:800}.ff .nb .st,.ff .legend .st{border-radius:999px;flex:none;place-items:center;width:1.05rem;height:1.05rem;font-size:.625rem;font-style:normal;font-weight:800;line-height:1;display:inline-grid}.ff .nb .st{margin-left:auto}.ff .st-ok .st,.ff .st-inline.st-ok i,.ff .tip-st.st-ok i{background:var(--pf-sage-100);color:var(--pf-sage-700)}.ff .st-near .st,.ff .st-inline.st-near i,.ff .tip-st.st-near i{background:var(--pf-mustard-100);color:var(--pf-mustard-700)}.ff .st-low .st,.ff .st-inline.st-low i,.ff .tip-st.st-low i{background:var(--pf-coral-100);color:var(--pf-coral-800)}.ff .st-na .st{background:var(--color-surface-sunken);color:var(--color-text-subtle)}.ff .nb-bar{background:var(--color-surface-sunken);border-radius:999px;height:.4375rem;position:relative}.ff .nb-fill{background:var(--pf-ink-500);opacity:.55;border-radius:999px;position:absolute;inset:0 auto 0 0}.ff .st-ok .nb-fill{background:var(--pf-sage-600);opacity:1}.ff .st-near .nb-fill{background:var(--pf-mustard-700);opacity:.8}.ff .st-low .nb-fill{background:var(--pf-coral-600);opacity:1}.ff .nb-water .nb-fill{background:var(--pf-blue-600);opacity:.8}.ff .nb.is-calc .nb-fill{background-image:repeating-linear-gradient(135deg,#0000 0 3px,#ffffff8c 3px 5px)}:root[data-theme=dark] .ff .nb.is-calc .nb-fill{background-image:repeating-linear-gradient(135deg,#0000 0 3px,#00000073 3px 5px)}.ff .nb-tick{background:var(--color-text);border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:-.25rem;bottom:-.25rem}.ff .foods td.nc>.qual{font-size:.75rem}.ff .st-inline{color:var(--color-text-muted);font-weight:700}.ff .st-inline i{border-radius:999px;place-items:center;width:1rem;height:1rem;font-size:.5625rem;font-style:normal;font-weight:800;line-height:1;display:inline-grid}.ff tr.detail>td{background:var(--ff-ink-wash);padding:1.25rem}.ff .detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem;display:grid}.ff .detail-grid>*{min-width:0}@media (max-width:48rem){.ff .detail-grid{grid-template-columns:minmax(0,1fr)}}.ff .detail h4{font-size:var(--text-title-sm);margin:0 0 .5rem}.ff .detail p{color:var(--color-text-muted)}.ff .detail .fine{color:var(--color-text-subtle);margin-top:.75rem}.ff table.nt{table-layout:fixed;overflow-wrap:break-word;border-collapse:collapse;width:100%;font-size:var(--text-body-sm);background:var(--color-surface-raised);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);overflow:hidden}.ff .nt th,.ff .nt td{border-bottom:1px solid var(--color-border-subtle);text-align:left;padding:.5rem .75rem}.ff .nt thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);white-space:normal;box-shadow:none;background:0 0;font-size:.6875rem;font-weight:800;position:static}.ff .nt th:first-child{width:22%}.ff .nt th:last-child{width:30%}.ff .nt td.muted{color:var(--color-text-subtle);font-size:var(--text-caption)}.ff .foods .nt th[scope=row]{box-shadow:none;z-index:auto;background:0 0;width:auto;min-width:0;position:static}@media (max-width:40rem){.ff table.nt,.ff .nt tbody,.ff .nt tr,.ff .nt th,.ff .nt td{display:block}.ff .nt thead{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.ff .nt tbody tr{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem .75rem;padding:.75rem .875rem;display:grid}.ff .nt tbody tr:last-child{border-bottom:0}.ff .nt th[scope=row]{border:0;grid-column:1/-1;padding:0;font-weight:800;width:auto!important}.ff .nt td{border:0;padding:0}.ff .nt td[data-l]:before{content:attr(data-l);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:.125rem;font-size:.6875rem;font-weight:800;display:block}.ff .nt td.muted,.ff .nt td[colspan]{grid-column:1/-1}}.ff .ingr{line-height:1.9}.ff .term{all:unset;cursor:help;color:var(--color-text);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--color-accent-text);text-decoration-color:var(--color-accent-text);text-underline-offset:.2em;border-radius:3px;padding-block:.3rem;font-weight:600;text-decoration-thickness:1.5px}.ff .term:hover,.ff .term[aria-expanded=true]{background:var(--color-accent-soft)}.ff .term:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.ff .term-hint{font-style:italic;margin-top:.25rem!important}.ff .shop{gap:.5rem;margin-top:1rem;display:grid}.ff .shop-k{font-size:var(--text-caption);font-weight:800;color:var(--color-text)!important}.ff .shop-row{flex-wrap:wrap;gap:.5rem;display:flex}.ff .shop-btn{border:1.5px solid var(--color-border-strong);background:var(--color-surface-raised);min-width:0;min-height:2.75rem;color:var(--color-text);white-space:nowrap;border-radius:999px;flex:5.75rem;justify-content:center;align-items:center;gap:.375rem;padding:0 .5rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.ff .shop-btn:hover{border-color:var(--color-accent-text);color:var(--color-accent-text)}.ff .shop-btn svg{flex:none;width:10px;height:10px}.ff .shop small{color:var(--color-text-subtle);font-size:.75rem}.ff .detail-links{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.ff .empty{text-align:center;color:var(--color-text-muted);justify-items:center;gap:.75rem;padding:2rem 1.25rem;display:grid}.ff .empty strong{color:var(--color-text);font-size:var(--text-title-sm)}.ff .more-wrap{border-top:1px solid var(--color-border-subtle);justify-content:center;padding:1rem;display:flex}.ff .legend{color:var(--color-text);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;gap:.5rem 1.25rem;padding:.875rem 1.25rem;font-size:.75rem;font-weight:600;display:flex}.ff .legend span{align-items:center;gap:.375rem;display:inline-flex}.ff .legend .dc{margin-right:-.75rem}.ff .legend .tk{background:var(--color-text);width:2px;height:.875rem}.ff .legend .info-btn{width:1.375rem;height:1.375rem;margin:0;font-size:.6875rem}@media (min-width:72.0625rem){.ff .table-scroll{overflow:visible}}@media (max-width:72rem){.ff .table-scroll{overscroll-behavior-x:contain;max-height:calc(100svh - 5rem);overflow:auto}.ff.has-tray .table-scroll{max-height:calc(100svh - 10rem)}.ff table.foods{min-width:52rem}.ff .foods thead th{top:0}.ff .foods thead th:first-child{z-index:5;box-shadow:1px 0 0 var(--color-border-subtle);position:sticky;left:0}.ff .foods .buy{display:none}.ff .foods th[scope=row]{z-index:1;background:var(--color-surface-raised);width:13.5rem;min-width:13.5rem;box-shadow:1px 0 0 var(--color-border-subtle), 6px 0 8px -6px #20201e2e;position:sticky;left:0}.ff .foods tbody tr.row:hover th[scope=row]{background:var(--ff-ink-wash)}.ff .foods tr.is-cmp>th[scope=row]{background:color-mix(in srgb, var(--pf-blue-50) 70%, var(--color-surface-raised))}.ff .food-cell{gap:.625rem}.ff .thumb{width:3rem;height:3rem}.ff .thumb svg{width:2rem;height:2rem}.ff .food-cta-m{white-space:nowrap;gap:.375rem;width:100%;margin-top:.625rem;padding-inline:.75rem;font-size:.8125rem;display:flex}.ff tr.detail>td{padding:1rem}.ff tr.detail .detail-grid{width:min(40rem, calc(100vw - 2 * var(--space-gutter) - 2rem - 2px));grid-template-columns:minmax(0,1fr);position:sticky;left:1rem}.ff .foods td.nc{min-width:6rem}}.ff .tip{z-index:70;background:var(--color-surface-raised);width:min(22rem,100vw - 16px);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);font-size:var(--text-body-sm);padding:1rem 1.125rem 1.125rem;position:fixed}.ff .tip h3{font-size:var(--text-title-sm);margin:.125rem 2rem .5rem 0;font-weight:800}.ff .tip p+p{margin-top:.5rem}.ff .tip p{color:var(--color-text-muted)}.ff .tip b{color:var(--color-text)}.ff .tip-k{font-size:var(--text-eyebrow);letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--color-accent-text)!important}.ff .tip-st{align-items:center;gap:.5rem;font-weight:700;display:flex;color:var(--color-text)!important}.ff .tip-st i{border-radius:999px;flex:none;place-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-style:normal;font-weight:800;line-height:1;display:inline-grid}.ff .tip-rank{font-weight:700;color:var(--color-text)!important}.ff .tip-fine,.ff .tip-src{font-size:var(--text-caption);color:var(--color-text-subtle)!important}.ff .tip-src{border-top:1px dashed var(--color-border);padding-top:.5rem;margin-top:.75rem!important}.ff .tip-close{width:2.75rem;height:2.75rem;color:var(--color-text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;font-size:1.5rem;line-height:1;position:absolute;top:.375rem;right:.375rem}.ff .tip-close:hover{background:var(--color-surface-sunken)}.ff .tip:not(.is-sheet) .tip-close{display:none}.ff .tip.is-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:75vh;padding:1.25rem var(--space-gutter) calc(1.25rem + env(safe-area-inset-bottom,0px));border-bottom:0;bottom:0;right:0;overflow-y:auto;top:auto!important;left:0!important}.ff .tip.is-sheet:before{content:"";background:var(--color-border);border-radius:999px;width:2.5rem;height:.25rem;margin:-.5rem auto .75rem;display:block}.ff .tip-backdrop{z-index:69;background:var(--color-overlay);position:fixed;inset:0}.ff .cmp-tray{z-index:55;background:var(--color-surface-raised);border-top:1px solid var(--color-border);padding:.625rem 0 calc(.625rem + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px -8px #00000040}.ff .tray-inner{max-width:84rem;padding-inline:var(--space-gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-inline:auto;display:flex}.ff .tray-picks{scrollbar-width:none;flex-wrap:nowrap;flex:20rem;align-items:center;gap:.375rem;min-width:0;display:flex;overflow-x:auto}.ff .tray-picks::-webkit-scrollbar{display:none}.ff .tray-pick{background:var(--color-surface-sunken);border-radius:999px;flex:none;align-items:center;gap:.125rem;max-width:15rem;padding-left:.75rem;font-size:.8125rem;font-weight:700;display:inline-flex}.ff .tray-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ff .tray-x{cursor:pointer;width:2.25rem;height:2.25rem;font:inherit;color:var(--color-text-muted);background:0 0;border:0;border-radius:999px;flex:none;font-size:1.125rem}.ff .tray-hint{color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.ff .tray-act{align-items:center;gap:.75rem;margin-left:auto;display:flex}.ff .tray-spacer{height:5rem}@media (max-width:40rem){.ff .tray-pick{max-width:10rem}.ff .tray-inner{gap:.375rem}.ff .tray-hint{display:none}}.ff dialog.cmp{background:var(--color-surface);width:100%;max-width:none;height:100%;max-height:none;color:var(--color-text);border:0;margin:0;padding:0;inset:0;overflow-y:auto}.ff dialog.cmp::backdrop{background:var(--color-overlay)}.ff .cmp-top{z-index:2;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0}.ff .cmp-in{max-width:72rem;padding-inline:var(--space-gutter);margin-inline:auto}.ff .cmp-top-in{min-height:3.75rem;padding-top:env(safe-area-inset-top,0px);align-items:center;gap:1rem;display:flex}.ff .cmp-top h2{font-size:var(--text-title-md);margin-right:auto;font-weight:800}.ff .cmp-toggle{font-size:var(--text-caption);color:var(--color-text-muted);cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;font-weight:700;display:inline-flex}.ff .cmp-toggle input{width:1.125rem;height:1.125rem;accent-color:var(--color-text)}.ff .cmp-toggle .short{display:none}.ff .icon-btn{width:2.75rem;height:2.75rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:inline-grid}.ff .icon-btn:hover{background:var(--color-surface-sunken);color:var(--color-text)}.ff .icon-btn svg{width:20px;height:20px}.ff .cmp-body{padding-block:1rem 3rem}.ff .cmp-head,.ff .cmp-row{grid-template-columns:12rem repeat(var(--n,3), minmax(0, 1fr));gap:.75rem 1rem;display:grid}.ff .cmp-head{z-index:1;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding-block:.75rem;position:sticky;top:3.75rem}.ff .cmp-food{align-content:start;justify-items:start;gap:.375rem;display:grid}.ff .cmp-food .thumb{width:3rem;height:3rem}.ff .cmp-food .thumb svg{width:2rem;height:2rem}.ff .cmp-name{color:var(--color-text);font-weight:800;line-height:1.3;text-decoration:none}.ff .cmp-name:hover{text-decoration:underline}.ff .cmp-parent{color:var(--color-text-muted);font-size:.75rem}.ff .cmp-rm{font-size:.75rem}.ff .cmp-warn{border-radius:var(--radius-md);background:var(--pf-mustard-50);border:1px solid var(--pf-mustard-100);color:var(--pf-mustard-700);font-size:var(--text-caption);margin:.75rem 0 0;padding:.625rem .875rem;font-weight:700}.ff .cmp-sec{margin-top:1.5rem}.ff .cmp-sec h3{font-size:var(--text-title-sm);border-bottom:2px solid var(--color-text);flex-wrap:wrap;align-items:center;gap:.5rem;padding-bottom:.5rem;font-weight:800;display:flex}.ff .cmp-sec-sub{font-size:var(--text-caption);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.ff .cmp-sec.is-dim .cmp-cell{opacity:.8}.ff .cmp-warn-inline{font-size:var(--text-caption);color:var(--pf-mustard-700);margin-top:.5rem;font-weight:700}.ff .cmp-row{border-bottom:1px solid var(--color-border-subtle);align-items:start;padding-block:.5rem}.ff .cmp-label{font-weight:700;font-size:var(--text-body-sm)}.ff .cmp-label small{color:var(--color-text-muted);font-size:.75rem;font-weight:600;display:block}.ff .cmp-same{font-style:italic}.ff .cmp-cell{line-height:1.45;font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;border-radius:var(--radius-md);border-left:3px solid #0000;min-width:0;padding:.5rem .625rem;display:block}.ff .cmp-cell.is-win{background:var(--color-surface-sunken);border-left-color:var(--color-text)}.ff .cmp-cell.is-win .cmp-num{font-weight:900}.ff .cmp-cell>.cmp-win,.ff .cmp-cell>.cmp-offnote,.ff .cmp-cell>.st-inline,.ff .cmp-cell>.shop,.ff .cmp-cell>small{margin-top:.3rem}.ff .cmp-cell>.cmp-win,.ff .cmp-cell>.cmp-offnote,.ff .cmp-cell>.st-inline{width:fit-content;display:flex}.ff .cmp-sub{color:var(--color-text-muted);font-size:.75rem;display:block}.ff .cmp-num{font-size:1.0625rem;font-weight:800}.ff .cmp-num.is-muted{color:var(--color-text-muted);font-weight:700}.ff .cmp-win{color:var(--color-text);align-items:center;gap:.3rem;font-size:.75rem;font-weight:800;display:inline-flex}.ff .cmp-win i{font-size:.625rem;font-style:normal}.ff .cmp-win .short,.ff .cmp-offnote .short{display:none}.ff .cmp-offnote{color:var(--color-text-muted);font-size:.75rem;font-weight:600}.ff .cmp-cav{font-size:var(--text-caption);color:var(--color-text-muted);max-width:70ch;margin-top:.5rem}.ff .cmp .st-inline{align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.ff .cmp-ingr{font-size:var(--text-caption);line-height:1.8}.ff .cmp .shop{margin-top:.25rem}.ff .cmp .shop-k,.ff .cmp .shop small{display:none}.ff .cmp .shop-row{flex-direction:column}.ff .cmp .shop-btn{flex:none;width:100%;max-width:10rem;min-height:2.25rem;font-size:.8125rem}.ff .cmp.diff-only .cmp-row.is-same{display:none}.ff .cmp-mini{z-index:1;grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:.625rem;padding:.5rem 0;font-size:.75rem;font-weight:800;line-height:1.25;display:none;position:sticky;top:3.75rem}.ff .cmp-mini span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ff .cmp-foot{margin-top:1.5rem}@media (max-width:40rem){.ff .cmp-win .long,.ff .cmp-offnote .long{display:none}.ff .cmp-win .short,.ff .cmp-offnote .short{display:inline}.ff .cmp-cell{padding:.375rem}}@media (max-width:48rem){.ff .cmp-head,.ff .cmp-row{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));gap:.5rem .625rem}.ff .cmp-head>.cmp-label{display:none}.ff .cmp-row>.cmp-label{grid-column:1/-1}.ff .cmp-toggle{font-size:.75rem}.ff .cmp-top h2{font-size:var(--text-title-sm);white-space:nowrap}.ff .cmp-toggle .long{display:none}.ff .cmp-toggle .short{display:inline}.ff .cmp-head{position:static}.ff .cmp-mini{display:grid}.ff .cmp .dc{padding:0 .3rem;font-size:.625rem}.ff .cmp-name{font-size:.875rem}}.ff .steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:48rem){.ff .steps{grid-template-columns:minmax(0,1fr)}}.ff .step{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:1.125rem 1.25rem 1.25rem}.ff .step h3{font-size:var(--text-title-sm);align-items:baseline;gap:.625rem;font-weight:700;display:flex}.ff .step h3:before{counter-increment:step;content:counter(step);background:var(--pf-coral-100);width:1.625rem;height:1.625rem;color:var(--pf-coral-800);border-radius:999px;flex:none;place-items:center;font-size:.8125rem;font-weight:800;display:inline-grid}.ff .step p{color:var(--color-text-muted);margin-top:.5rem}.ff .math{border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-size:var(--text-caption);font-variant-numeric:tabular-nums;margin-top:.75rem;padding:.625rem .75rem}.ff .math b{color:var(--color-text)}.ff .analogy{border-radius:var(--radius-md);background:var(--color-surface-sunken);align-items:flex-start;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;display:flex}.ff .analogy b{color:var(--color-text)}.ff .analogy p{color:var(--color-text-muted)}.ff .analogy svg{width:28px;height:28px;color:var(--pf-blue-600);flex:none}.ff .when{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}@media (max-width:48rem){.ff .when{grid-template-columns:minmax(0,1fr)}}.ff .when>div{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);padding:1rem 1.25rem}.ff .when h3{font-size:var(--text-title-sm);font-weight:800}.ff .when p{color:var(--color-text-muted);margin-top:.375rem}.ff .when .is-label{background:var(--pf-sage-50);border-color:var(--pf-sage-100)}.ff .when .is-dm{background:var(--pf-blue-50);border-color:var(--pf-blue-100)}.ff .bench-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:64rem){.ff .bench-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:36rem){.ff .bench-grid{grid-template-columns:minmax(0,1fr)}}.ff .bench{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:.5rem;padding:1.125rem 1.25rem;display:flex}.ff .bench .k{font-size:var(--text-eyebrow);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle);font-weight:800}.ff .bench .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800;line-height:1}.ff .bench .v small{color:var(--color-text-muted);letter-spacing:0;font-size:.875rem;font-weight:700}.ff .bench p{color:var(--color-text-muted);font-size:var(--text-body-sm)}.ff .bench .src{border-top:1px dashed var(--color-border);color:var(--color-text-subtle);gap:.125rem;margin-top:auto;padding-top:.5rem;font-size:.75rem;display:grid}.ff .bench .src a{color:var(--color-text-muted);font-weight:700}.ff .bench.is-sage{background:var(--pf-sage-50);border-color:var(--pf-sage-100)}.ff .bench.is-blue{background:var(--pf-blue-50);border-color:var(--pf-blue-100)}.ff .bench.is-mustard{background:var(--pf-mustard-50);border-color:var(--pf-mustard-100)}.ff .bench.is-lavender{background:var(--pf-lavender-50);border-color:var(--pf-lavender-100)}.ff .lists-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:64rem){.ff .lists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:36rem){.ff .lists-grid{grid-template-columns:minmax(0,1fr)}}.ff .list-card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);align-content:start;gap:.375rem;padding:1.125rem 1.25rem;display:grid}.ff .list-card h3{font-size:var(--text-title-sm);font-weight:800}.ff .list-card>p{color:var(--color-text-muted);font-size:var(--text-caption)}.ff .list-card ol{counter-reset:li;gap:.25rem;margin:.375rem 0 0;padding:0;list-style:none;display:grid}.ff .list-card li{counter-increment:li;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.ff .list-card li:before{content:counter(li);background:var(--pf-coral-100);width:1.5rem;height:1.5rem;color:var(--pf-coral-800);border-radius:999px;place-items:center;font-size:.75rem;font-weight:800;display:inline-grid}.ff .list-item{all:unset;cursor:pointer;min-height:2.75rem;font-weight:700;font-size:var(--text-caption);border-radius:4px;align-content:center;line-height:1.3;display:grid}.ff .list-item:hover{color:var(--color-accent-text);text-underline-offset:.16em;text-decoration:underline}.ff .list-item:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ff .list-meta{color:var(--color-text-subtle);font-size:.6875rem;font-weight:600}.ff .list-card li b{font-variant-numeric:tabular-nums;font-size:var(--text-caption)}.ff .list-empty{font-size:var(--text-caption);color:var(--color-text-subtle);margin-top:.375rem}.ff .list-card.is-soon{border:2px dashed var(--color-border);background:0 0}.ff .list-card.is-soon .badge{justify-self:start}.ff .two{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}@media (max-width:52rem){.ff .two{grid-template-columns:minmax(0,1fr)}}.ff .panel{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:1.25rem 1.375rem}.ff .panel h3{font-size:var(--text-title-md);font-weight:700}.ff .panel p{color:var(--color-text-muted);margin-top:.5rem}.ff .checklist{gap:.5rem;margin:.875rem 0 0;padding:0;list-style:none;display:grid}.ff .checklist li{align-items:flex-start;gap:.625rem;display:flex}.ff .checklist svg{width:18px;height:18px;color:var(--pf-sage-600);flex:none;margin-top:.15rem}.ff .orgs{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:64rem){.ff .orgs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:36rem){.ff .orgs{grid-template-columns:minmax(0,1fr)}}.ff .org{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);align-content:start;gap:.375rem;padding:1rem 1.125rem;display:grid}.ff .org .badge{justify-self:start}.ff .org h3{font-size:var(--text-title-sm);font-weight:800}.ff .org p{color:var(--color-text-muted);font-size:var(--text-caption)}.ff .faq details{border-bottom:1px solid var(--color-border-subtle);padding-block:.875rem}.ff .faq summary{cursor:pointer;justify-content:space-between;gap:1rem;font-weight:700;list-style:none;display:flex}.ff .faq summary::-webkit-details-marker{display:none}.ff .faq summary:after{content:"+";color:var(--color-accent-text);font-weight:800}.ff .faq details[open] summary:after{content:"–"}.ff .faq details p{color:var(--color-text-muted);max-width:70ch;margin-top:.5rem}.ff .cta-band{border-radius:var(--radius-xl);background:var(--pf-coral-50);border:1px solid var(--pf-coral-100);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding:1.5rem 1.75rem;display:flex}.ff .cta-band h2{font-size:var(--text-title-lg);font-weight:800}.ff .cta-band p{color:var(--color-text-muted);max-width:52ch;margin-top:.25rem}.ff .byline{font-size:var(--text-caption);color:var(--color-text-subtle);flex-wrap:wrap;gap:.25rem .75rem;margin:0 0 .75rem;font-weight:600;display:flex}.ff .byline span+span:before{content:"·";margin-right:.75rem}.ff .sources summary{cursor:pointer;font-weight:800}.ff .sources ol{color:var(--color-text-muted);font-size:var(--text-body-sm);gap:.5rem;margin:.875rem 0 0;padding-left:1.25rem;list-style:decimal;display:grid}.ff .sources li b{color:var(--color-text)}.ff .ff-section{padding-block:var(--space-section-sm)}.ff .ff-section.is-tight{padding-top:0}}@media (prefers-reduced-motion:reduce){.ff *{transition:none!important}}
@layer components{.ff .compact-only,.ff .legend .compact-only,.ff .details-btn-c,.ff .foods td.act-c,.ff .np-dash,.ff .legend .legend-np{display:none}.ff .shop-btn{border-color:var(--color-accent-strong);background:var(--color-accent-strong);color:var(--color-on-accent)}.ff .shop-btn:hover{border-color:var(--color-accent-strong-hover);background:var(--color-accent-strong-hover);color:var(--color-on-accent)}.ff .shop-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ff .row-cta.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;box-shadow:none}.ff .v-whole{display:none}.ff .np-label,.ff .nb-k{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:64rem){.ff .table-scroll,.ff.has-tray .table-scroll{max-height:none;overflow:visible}.ff .foods tr.row>th[scope=row]{z-index:auto;box-shadow:none;position:static}.ff .foods tbody tr.row:hover>th[scope=row],.ff .foods tr.is-cmp>th[scope=row]{background:0 0}.ff tr.detail .detail-grid{width:auto;position:static}.ff table.foods,.ff .foods thead,.ff .foods tbody{min-width:0;display:block}.ff .foods caption{padding:.625rem .875rem;display:block}.ff .foods thead{background:var(--ff-ink-wash);box-shadow:inset 0 -1px 0 var(--color-border);position:static}.ff .foods thead tr,.ff .foods tr.row{grid-template-columns:1.3fr 1.3fr 1fr 1fr 1fr;column-gap:.25rem;padding-inline:.875rem;display:grid}.ff .foods thead tr{padding-block:.5rem}.ff .foods thead th{box-shadow:none;text-align:center;text-transform:none;letter-spacing:0;color:var(--color-text);white-space:normal;background:0 0;border:0;padding:0;font-size:.8125rem;font-weight:700;position:static}.ff .foods thead th small{max-width:none;font-size:.75rem;font-weight:600;line-height:1.25}.ff .foods thead th:first-child,.ff .foods thead th.cal-h,.ff .foods thead th.buy{display:none}.ff .foods tr.row{border-top:1px solid var(--color-border-subtle);row-gap:.625rem;padding-block:.875rem}.ff .foods tbody tr.row:first-child{border-top:0}.ff .foods tbody tr.row:not(.is-cmp):hover{background:0 0}.ff .foods tr.row>th,.ff .foods tr.row>td{background:0 0;border:0;width:auto;min-width:0;padding:0}.ff .foods tr.is-cmp{background:color-mix(in srgb, var(--pf-blue-50) 70%, transparent)}.ff .foods tr.row>th[scope=row],.ff .foods tr.row>td.act-c{grid-column:1/-1}.ff .foods tr.row>td.cal,.ff .foods tr.row>td.buy,.ff .food-cta-m,.ff .row-actions{display:none}.ff .food-cell{gap:.625rem}.ff .food-name{flex:1;min-width:0}.ff .food-link{font-size:var(--text-body-sm);line-height:1.3}.ff .thumb{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem}.ff .thumb svg{width:1.75rem;height:1.75rem}.ff .details-btn-c{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);min-width:2.75rem;min-height:2.75rem;font:inherit;color:var(--color-text);cursor:pointer;flex:none;align-items:center;gap:.25rem;padding:0 .75rem;font-size:.8125rem;font-weight:700;display:inline-flex}.ff .details-btn-c svg{width:1rem;height:1rem;color:var(--color-accent-text)}.ff .details-btn-c[aria-expanded=true]{background:var(--color-surface-sunken)}.ff .details-btn-c:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ff .foods td.nc{min-width:0;position:static}.ff .nb{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-raised);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.0625rem;min-width:0;min-height:2.75rem;margin:0;padding:.375rem .125rem .25rem;display:flex}.ff .nb:hover{background:var(--color-surface-sunken)}.ff .nb[aria-expanded=true]{border-top:3px solid var(--color-accent-strong);background:var(--color-surface-sunken);padding-top:calc(.375rem - 2px)}.ff .nb-k{clip:auto;width:auto;max-width:100%;height:auto;color:var(--color-text-muted);text-align:center;white-space:normal;overflow-wrap:anywhere;font-size:.75rem;font-weight:700;line-height:1.15;position:static;overflow:visible}.ff .nb-top{white-space:normal;flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem}.ff .nb-val{white-space:nowrap;font-size:.9375rem}.ff .nb .pct,.ff .nb .nb-approx{font-size:.7333em;font-weight:600}.ff .has-whole .v-full{display:none}.ff .has-whole .v-whole{display:inline}.ff .nb .qual,.ff .nb-bar,.ff .nb.st-na .st{display:none}.ff .nb .st{margin:0;position:absolute;top:-.6875rem;right:.1875rem}.ff .nb .st,.ff .legend .st-ok .st,.ff .legend .st-near .st,.ff .legend .st-low .st{box-sizing:border-box;border-radius:50%;place-items:center;width:1rem;height:1rem;font-size:0;line-height:1;display:grid}.ff .nb .st:before,.ff .legend .st-ok .st:before,.ff .legend .st-near .st:before,.ff .legend .st-low .st:before{font-size:.625rem;font-weight:800}.ff .nb.st-ok .st,.ff .legend .st-ok .st{background:var(--pf-sage-600);color:var(--color-surface-raised)}.ff .nb.st-near .st,.ff .legend .st-near .st{border:1.5px solid var(--pf-sage-600);background:var(--color-surface-raised);color:var(--pf-sage-700)}.ff .nb.st-ok .st:before,.ff .nb.st-near .st:before,.ff .legend .st-ok .st:before,.ff .legend .st-near .st:before{content:"✓"}.ff .nb.st-low .st,.ff .legend .st-low .st{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--pf-mustard-700);width:1.125rem;color:var(--color-surface-raised);border-radius:0;padding-top:.25rem}.ff .nb.st-low .st:before,.ff .legend .st-low .st:before{content:"!"}.ff .foods td.nc>.np{border:1px dashed var(--color-border-subtle);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;gap:.0625rem;min-height:2.75rem;display:flex}.ff .np-dash{color:var(--color-text-subtle);font-size:.9375rem;display:inline}.ff .np-text{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ff .foods td.act-c{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ff .foods td.act-c .cmp-btn{min-height:2.75rem;color:var(--color-text);padding-right:.5rem;font-size:.875rem}.ff .foods td.act-c .cmp-box{width:1.25rem;height:1.25rem}.ff .foods td.act-c .row-cta{white-space:nowrap;align-items:center;gap:.375rem;min-height:2.75rem;padding-inline:1rem;font-size:.875rem;display:inline-flex}.ff .foods tr.detail:not([hidden]){display:block}.ff .foods tr.detail>td{border-bottom:0;border-top:1px dashed var(--color-border);padding:1rem .875rem;display:block}.ff tr.detail .detail-grid{grid-template-columns:minmax(0,1fr)}.ff .wide-only,.ff .legend .wide-only{display:none}.ff .compact-only{display:inline}.ff .legend .compact-only{display:inline-flex}.ff .legend .legend-tick{display:none}.ff .legend .legend-np{display:inline-flex}.ff .legend-np i{font-style:normal;font-weight:800}}@media (max-width:22.4375rem){.ff .nb-val{font-size:.875rem}.ff .nb{padding-inline:.0625rem}}@media (max-width:64rem) and (forced-colors:active){.ff .nb .st,.ff .legend .st-ok .st,.ff .legend .st-near .st,.ff .legend .st-low .st{border:1px solid canvastext}.ff .nb[aria-expanded=true]{border-top-color:highlight}}}
@layer components{.ff .food-name{gap:.375rem}.ff .more-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;padding:1rem 1.25rem}.ff .more-count{color:var(--color-text-muted);margin:0;font-size:.875rem;font-weight:600}.ff .page-size{align-items:center;gap:.5rem;display:flex}.ff .page-size select{width:auto;min-width:5rem}@media (max-width:40rem){.ff .more-wrap{flex-direction:column;justify-content:center}}}