@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-vietnamese-wght-normal.27mjgerpp-p8q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-ext-wght-normal.0w34jt9rgyj5v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-wght-normal.2on4lsczlu6gv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0x9ccydb91kkt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0fpdy-lufm69d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fbf8f1;--color-surface:#fff;--color-surface-soft:#f5f3ec;--color-ink:#173e30;--color-muted:#486154;--color-primary:#315e42;--color-primary-hover:#244a34;--color-on-primary:#fff;--color-sage:#e8eedb;--color-peach:#fbe2cf;--color-butter:#fff0b7;--color-border:#ced8c5;--color-control-border:#718171;--color-focus:#315e42;--color-error:#8a3b32;--color-error-bg:#f9eae5;--color-disabled-bg:#ecede6;--color-disabled-text:#647164;--chart-apricot:#f1a481;--chart-gold:#e7c252;--chart-sage:#9aaf81;--chart-peach:#e8b6a1;--chart-green:#607d62;--font-heading:"Fraunces", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-small:.5rem;--radius-control:.75rem;--radius-row:1rem;--radius-card:1.5rem;--radius-pill:999px;--shadow-raised:0 8px 24px #173e3014;--content-max:75rem;--page-gutter:1rem;--duration-fast:.15s;--ease-standard:ease-out;--duration-playful:.36s;--ease-spring:cubic-bezier(.3, 1.45, .5, 1);--ease-rebound:linear(0, .36 10%, .64 20%, .84 30%, .95 39%, 1 48%, .978 55%, .966 62%, .978 69%, 1 79%, .993 88%, 1)}@media (min-width:390px){:root{--page-gutter:1.25rem}}@media (min-width:640px){:root{--page-gutter:2rem}}@media (min-width:1024px){:root{--page-gutter:3rem}}
.hhh,.hhh *{box-sizing:border-box}.hhh{font-family:var(--font-body);color:var(--color-ink);background:var(--color-bg);font-size:1rem;line-height:1.55}.hhh :focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}:where(.hhh) :where(button,input,select){font:inherit;color:inherit}:where(.hhh) img{max-width:100%;height:auto;display:block}:where(.hhh) :where(h1,h2,h3){font-family:var(--font-heading);text-wrap:balance;color:var(--color-ink);margin:0}.hhh-h3{font-family:var(--font-heading);font-size:clamp(1.375rem,2vw,1.75rem);font-weight:600;line-height:1.25}.hhh-caption{color:var(--color-muted);font-size:.875rem;line-height:1.5}.hhh-preview-label{color:var(--color-muted);text-align:center;font-size:.875rem;line-height:1.5}.hhh-num{font-variant-numeric:tabular-nums}.hhh-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.hhh-icon-sm{width:20px;height:20px}.hhh-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hhh-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);cursor:pointer;min-height:3rem;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;border:1px solid #0000;padding:.75rem 1.25rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.hhh-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.hhh-btn--primary:active:not(:disabled){background:var(--color-ink);border-color:var(--color-ink)}.hhh-btn--secondary{background:var(--color-butter);border-color:var(--color-control-border);color:var(--color-ink)}.hhh-btn--secondary:active:not(:disabled){background:var(--color-sage)}.hhh-btn:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-control-border);cursor:default}.hhh-btn[aria-busy=true]{cursor:progress}.hhh-icon-btn{border:1px solid var(--color-control-border);border-radius:var(--radius-pill);background:var(--color-surface);min-width:44px;min-height:44px;color:var(--color-ink);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:0;display:inline-flex}.hhh-icon-btn--ghost{background:0 0;border-color:#0000}.hhh-icon-btn:active:not(:disabled){background:var(--color-sage)}.hhh-header{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:80px;padding-inline:var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg);display:flex}.hhh-header--mobile{min-height:64px;padding-inline:var(--space-4)}.hhh-brand{font-family:var(--font-heading);color:var(--color-ink);min-width:0;font-size:1.5rem;font-weight:700;line-height:1.2;text-decoration:none}.hhh-header--mobile .hhh-brand{font-size:1.25rem}.hhh-nav{gap:var(--space-2);display:flex}.hhh-nav a{min-height:44px;padding:0 var(--space-3);color:var(--color-ink);border-radius:var(--radius-small);transition:background-color var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.hhh-nav a:active{background:var(--color-border)}.hhh-nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--color-primary);border-radius:var(--radius-small) var(--radius-small) 0 0;font-weight:600}.hhh-menu-btn{gap:var(--space-2);padding:0 var(--space-3);font-weight:500}.hhh-search{align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-pill);transition:border-color var(--duration-fast) var(--ease-standard);display:flex}.hhh-search:has(input:focus-visible){border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.hhh input:is([type=search],[type=text],[type=number]):focus-visible{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink);outline:none}.hhh .hhh-search input:focus-visible{box-shadow:none}.hhh-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:44px;font-size:1rem}.hhh-search input:focus-visible{outline:none}.hhh-search input::placeholder{color:var(--color-muted)}.hhh-search .hhh-btn{min-height:46px}.hhh-search--plain{padding-right:var(--space-4)}.hhh-field-label{margin-bottom:var(--space-2);font-weight:600;line-height:1.4;display:block}.hhh-select{width:100%;min-height:48px;padding:0 var(--space-4);border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink);transition:border-color var(--duration-fast) var(--ease-standard)}.hhh-field--error .hhh-select,.hhh-field--error input{border-color:var(--color-error)}.hhh-error{gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);background:var(--color-error-bg);color:var(--color-error);align-items:center;font-size:.875rem;display:flex}.hhh-seg{padding:var(--space-1);gap:var(--space-1);border:1px solid var(--color-control-border);border-radius:var(--radius-pill);background:var(--color-sage);--seg-press:1;display:flex;position:relative;overflow:hidden}.hhh-seg label{cursor:pointer;-webkit-tap-highlight-color:transparent;flex:1 1 0;position:relative}.hhh-seg:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.hhh-seg-thumb{top:var(--space-1);bottom:var(--space-1);left:var(--space-1);width:calc((100% - (var(--seg-count) + 1) * var(--space-1)) / var(--seg-count));border-radius:var(--radius-pill);background:var(--color-primary);transform:translateX(calc(var(--seg-index) * (100% + var(--space-1)))) scale(var(--seg-press));transition:transform var(--duration-playful) var(--ease-spring), background-color var(--duration-fast) var(--ease-standard);position:absolute}.hhh-seg[data-at-edge] .hhh-seg-thumb{transition-timing-function:var(--ease-rebound), var(--ease-standard)}.hhh-seg:has(input:active){--seg-press:.96}.hhh-seg input{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.hhh-seg label span{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-pill);text-align:center;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;font-weight:500;line-height:1.2;display:flex;position:relative}.hhh-seg input:checked+span{color:var(--color-on-primary);font-weight:600}.hhh-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.hhh-feature{gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-card);color:var(--color-ink);-webkit-tap-highlight-color:transparent;flex-direction:column;text-decoration:none;display:flex}.hhh-feature--sage{background:var(--color-sage)}.hhh-feature--peach{background:var(--color-peach)}.hhh-feature--butter{background:var(--color-butter)}.hhh-feature img{object-fit:contain;width:100%;height:120px}.hhh-feature p{margin:0}.hhh-feature-foot{justify-content:space-between;align-items:flex-end;gap:var(--space-3);display:flex}.hhh-arrow{border-radius:var(--radius-pill);background:var(--color-surface);width:44px;height:44px;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex:none;justify-content:center;align-items:center;display:inline-flex}.hhh-feature:active .hhh-arrow{background:var(--color-ink);color:var(--color-on-primary)}.hhh-explainer{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-row);align-items:flex-start;display:flex}.hhh-explainer--sage{background:var(--color-sage)}.hhh-explainer--peach{background:var(--color-peach)}.hhh-explainer p{margin:0}.hhh-row{align-items:center;gap:var(--space-4);width:100%;min-height:72px;padding:var(--space-3) var(--space-4);outline:1px solid var(--color-border);outline-offset:-1px;border-radius:var(--radius-row);background:var(--color-surface);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;border:2px solid #0000;display:flex}.hhh-row:active{background:var(--color-sage)}.hhh-row[aria-pressed=true],.hhh-row[aria-current=true]{background:var(--color-sage);border-color:var(--color-primary);outline-color:#0000}.hhh-row:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.hhh-thumb{object-fit:contain;flex:none;width:72px;height:56px;display:block}.hhh-row-text{flex:1;min-width:0}.hhh-row-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;line-height:1.25;display:block}.hhh-row-qual{color:var(--color-muted);font-size:.875rem;display:block}.hhh-metrics{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.hhh-metric{gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-row);flex-direction:column;display:flex}.hhh-metric--serving{background:var(--color-sage)}.hhh-metric--calories{background:var(--color-butter)}.hhh-metric-basis{white-space:nowrap;font-size:.9375rem;font-weight:600;line-height:1.4}.hhh-metric-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.hhh-metric-value small{font-size:.6em;font-weight:600}.hhh-metric-value--na{font-size:1.25rem;font-weight:600}.hhh-stepper{align-items:center;gap:var(--space-2);display:inline-flex}.hhh-stepper input{text-align:center;border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);font-variant-numeric:tabular-nums;width:64px;min-height:48px;transition:border-color var(--duration-fast) var(--ease-standard)}.hhh-stepper .hhh-icon-btn{min-width:48px;min-height:48px}.hhh-detail{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;display:flex}.hhh-detail-head{gap:var(--space-4);justify-content:space-between;align-items:center;display:flex}.hhh-detail-head img{object-fit:contain;width:120px;height:80px}.hhh-detail-fields{gap:var(--space-4);grid-template-columns:1fr auto;align-items:end;display:grid}.hhh-disclosure{border-top:1px solid var(--color-border)}.hhh-disclosure summary{align-items:center;gap:var(--space-3);cursor:pointer;border-radius:var(--radius-small);min-height:56px;transition:color var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;font-weight:600;list-style:none;display:flex}.hhh-disclosure summary:active{color:var(--color-primary)}.hhh-disclosure summary::-webkit-details-marker{display:none}.hhh-disclosure summary .hhh-chev{margin-left:auto}.hhh-disclosure[open] summary .hhh-chev{transform:rotate(180deg)}.hhh-disclosure[open] dl{animation:hhh-fade-in var(--duration-fast) var(--ease-standard)}.hhh-disclosure dl{gap:var(--space-1) var(--space-4);margin:0 0 var(--space-4);grid-template-columns:max-content 1fr;font-size:.875rem;display:grid}.hhh-disclosure dt{color:var(--color-muted)}.hhh-disclosure dd{margin:0}.hhh-chart{padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-sage)}.hhh-chart-rows{margin:var(--space-4) 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.hhh-bar-row{row-gap:var(--space-1);column-gap:var(--space-3);grid-template-columns:1fr;align-items:center;display:grid;position:relative}.hhh-bar-label{line-height:1.4}.hhh-bar-label a{color:var(--color-ink);text-underline-offset:.2em}.hhh-bar-label a:after{content:"";inset:calc(-1 * var(--space-1)) 0;position:absolute}.hhh-bar-plot{align-items:center;gap:var(--space-2);min-width:0;display:flex}.hhh-bar-fill{border-radius:var(--radius-pill);background:var(--color-ink);flex:0 0 0;min-width:3px;height:16px;display:block}.hhh-bar-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.hhh-rank-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hhh-rank{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-row);background:var(--color-sage);display:flex}.hhh-rank-value{padding:var(--space-2) var(--space-3);border-radius:var(--radius-row);background:var(--color-peach);text-align:left;flex:none;margin-left:auto}.hhh-rank-value b{font-family:var(--font-heading);font-variant-numeric:tabular-nums;font-size:1.75rem;line-height:1.1;display:block}.hhh-rank-value span{font-size:.875rem}.hhh-table{table-layout:fixed;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-row);width:100%;overflow:hidden}.hhh-table th,.hhh-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);text-align:left}.hhh-table th{font-size:.875rem;font-weight:600}.hhh-table thead th{background:var(--color-sage)}.hhh-table th button{align-items:center;gap:var(--space-1);min-height:44px;margin-inline:calc(-1 * var(--space-2));padding:0 var(--space-2);border-radius:var(--radius-small);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;background:0 0;border:0;font-weight:600;display:inline-flex}.hhh-table th button:active{background:var(--color-border)}.hhh-table .hhh-num-col{text-align:right;font-variant-numeric:tabular-nums}.hhh-table tbody th a{color:var(--color-ink);text-underline-offset:.2em}.rank-bar{align-items:center;gap:var(--space-2);min-width:0;display:flex}.rank-bar-fill{border-radius:var(--radius-pill);background:var(--color-ink);flex:0 0 0;min-width:3px;height:12px;display:block}.rank-bar--mini{margin-top:var(--space-2)}.rank-bar--mini .rank-bar-fill{height:6px}@keyframes hhh-fade-in{0%{opacity:0}to{opacity:1}}@media (hover:hover){.hhh-btn--primary:hover:not(:disabled,:active){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.hhh-btn--secondary:hover:not(:disabled,:active),.hhh-icon-btn:hover:not(:disabled,:active){background:var(--color-surface-soft)}.hhh-nav a:hover:not(:active){background:var(--color-sage)}.hhh-search:hover,.hhh-select:hover,.hhh-stepper input:hover{border-color:var(--color-ink)}.hhh-seg:has(input:checked:hover) .hhh-seg-thumb{background:var(--color-primary-hover)}.hhh-seg input:not(:checked):hover+span{color:var(--color-primary)}.hhh-feature:hover:not(:active) .hhh-arrow{background:var(--color-primary);color:var(--color-on-primary)}.hhh-row:hover:not(:active,[aria-pressed=true],[aria-current=true]){background:var(--color-surface-soft)}.hhh-disclosure summary:hover{color:var(--color-primary)}.hhh-table th button:hover:not(:active){background:var(--color-surface)}}@media (prefers-reduced-motion:reduce){.hhh-btn,.hhh-icon-btn,.hhh-nav a,.hhh-search,.hhh-select,.hhh-seg label span,.hhh-seg-thumb,.hhh-arrow,.hhh-row,.hhh-stepper input,.hhh-disclosure summary,.hhh-table th button{transition:none}.hhh-disclosure[open] dl{animation:none}}
:root{--font-heading:"Fraunces Variable", "Fraunces", Georgia, serif;--font-body:"DM Sans Variable", "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--color-border) transparent}.hhh-detail,.chart-table__scroll,.table-wrap{scrollbar-width:thin}@supports not (scrollbar-color:auto){::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill);border:3px solid var(--color-bg)}.hhh-detail::-webkit-scrollbar-thumb{border-color:var(--color-surface);background:0 0}.hhh-detail:hover::-webkit-scrollbar-thumb{background:var(--color-border)}.hhh-detail:focus-within::-webkit-scrollbar-thumb{background:var(--color-border)}}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);margin:0;font-size:1rem;line-height:1.55}h1,h2,h3{font-family:var(--font-heading);text-wrap:balance;margin:0}h1{font-size:clamp(2.125rem,4.4vw,3.75rem);font-weight:700;line-height:1.12}h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;line-height:1.2}h3{font-size:clamp(1.375rem,2vw,1.75rem);font-weight:600;line-height:1.25}p{margin:0}a{color:var(--color-ink)}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;height:auto;display:block}a,button,label,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.container{width:min(var(--content-max), calc(100% - 2 * var(--page-gutter)));margin-inline:auto}.skip-link{left:var(--space-4);z-index:10;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-on-primary);font-weight:600;text-decoration:none;position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.intro{max-width:60ch;font-size:clamp(1.125rem,1.6vw,1.25rem);line-height:1.5}.muted{color:var(--color-muted)}.section{margin-block:var(--space-10)}.page-head{gap:var(--space-4);padding-block:var(--space-8) var(--space-6);display:grid}.page-head h1{max-width:24ch;font-size:clamp(2rem,3.4vw,2.75rem)}body{flex-direction:column;min-height:100dvh;display:flex}main{flex:1 0 auto}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.site-header__bar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;display:flex}.site-header .hhh-brand{overflow-wrap:anywhere;min-height:44px;transition:color var(--duration-fast) var(--ease-standard);align-items:center;font-size:1.25rem;display:inline-flex}.site-header .hhh-brand:active{color:var(--color-primary)}.site-header__bar{flex-wrap:wrap;row-gap:0}.site-nav{justify-content:space-between;gap:var(--space-1);width:100%;margin-inline:calc(-1 * var(--space-2));width:calc(100% + 2 * var(--space-2));padding-bottom:var(--space-2)}.site-nav a{padding:0 var(--space-2)}.site-nav__full{display:none}.site-footer{margin-top:var(--space-16);padding-block:var(--space-8);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.875rem}.footer-grid{gap:var(--space-4);display:grid}.footer-grid p{max-width:50ch}.footer-heading{font-family:var(--font-body);color:var(--color-ink);font-size:.875rem;font-weight:600;line-height:1.5}.footer-sources{margin:var(--space-2) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.about{gap:var(--space-3);max-width:65ch;display:grid}.footer-link{margin-bottom:var(--space-1);color:var(--color-ink);font-weight:600;display:block}.prose{gap:var(--space-10);padding-bottom:var(--space-8);display:grid}.prose .page-head{padding-bottom:0}.prose>section{gap:var(--space-4);max-width:72ch;display:grid}.prose h2{font-size:clamp(1.5rem,2.4vw,2rem)}.prose h3{font-family:var(--font-body);margin-top:var(--space-2);scroll-margin-top:var(--space-4);font-size:1.125rem;font-weight:600;line-height:1.4}.prose ul{gap:var(--space-2);margin:0;padding-left:1.25rem;display:grid}.prose a{text-underline-offset:.2em}.prose .dataset{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);display:grid}.prose .dataset h3{font-family:var(--font-heading);margin-top:0;font-size:1.25rem}.dataset:target{border-color:var(--color-primary)}.data-facts{gap:var(--space-1) var(--space-4);grid-template-columns:1fr;margin:0;font-size:.9375rem;display:grid}.data-facts dt{margin-top:var(--space-2);font-weight:600}.data-facts dd{margin:0}.table-scroll{scrollbar-width:thin;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9375rem}.data-table th,.data-table td{padding:var(--space-2) var(--space-4) var(--space-2) 0;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.data-table thead th{font-weight:600}.data-table tbody th{white-space:nowrap;font-weight:600}.data-table td{font-variant-numeric:tabular-nums}.site-footer a{color:var(--color-muted);transition:color var(--duration-fast) var(--ease-standard)}.site-footer a:active{color:var(--color-ink)}.hero{gap:var(--space-6);padding-block:var(--space-8);align-items:center;display:grid}.hero-title{font-size:clamp(2.5rem,4.6vw,3.75rem);line-height:1.08}.hero-title span{display:block}.hero-copy{gap:var(--space-4);display:grid}.hero-art{width:100%;max-width:30rem;padding-bottom:var(--space-6);margin-inline:auto;position:relative}.hero-art img{width:100%}.hero-art .hero-art__heart{width:24%;position:absolute;bottom:0;left:50%;translate:-50%}.site-logo{width:32px;height:32px;margin-right:var(--space-2);flex:none}.search-form{gap:var(--space-3);max-width:40rem;display:grid}.search-form .hhh-search .hhh-btn{display:none}.search-form__submit{width:100%}.feature-grid{gap:var(--space-4);display:grid}.feature-grid .hhh-feature{align-items:center;gap:var(--space-4);padding:var(--space-5);flex-direction:row}.feature-grid .hhh-feature img{flex:none;width:96px;height:72px}.feature-grid .hhh-feature__body{gap:var(--space-2);flex:1;min-width:0;display:grid}.closing{text-align:center;justify-items:center;gap:var(--space-3);padding-block:var(--space-10);display:grid}.closing img{width:96px}.center{text-align:center}.controls{gap:var(--space-4);display:grid}.control-label{margin-bottom:var(--space-2);font-weight:600;line-height:1.4;display:block}fieldset.control{border:0;min-width:0;margin:0;padding:0}fieldset.control legend{margin-bottom:var(--space-2);padding:0;font-weight:600;line-height:1.4}.checks{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.check{align-items:center;gap:var(--space-2);cursor:pointer;min-height:44px;display:inline-flex;position:relative}.check input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.check-box{border:1px solid var(--color-control-border);border-radius:var(--radius-small);background:var(--color-surface);width:1.5rem;height:1.5rem;color:var(--color-on-primary);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);flex:none;justify-content:center;align-items:center;display:inline-flex}.check-box .hhh-icon{stroke-width:3px;opacity:0;width:1rem;height:1rem;transition:opacity var(--duration-fast) var(--ease-standard)}.check input:checked+.check-box{background:var(--color-primary);border-color:var(--color-primary)}.check input:checked+.check-box .hhh-icon{opacity:1}.check input:focus-visible+.check-box{outline:3px solid var(--color-focus);outline-offset:3px}.check input:active+.check-box{border-color:var(--color-ink)}.check input:checked:active+.check-box{background:var(--color-ink);border-color:var(--color-ink)}@supports (corner-shape:squircle){.check-box{corner-shape:squircle;border-radius:45%}}.status{color:var(--color-muted);min-height:1.55em}.result-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.hhh-row{font:inherit;color:inherit}.hhh-seg label{min-width:0}.hhh-seg label span{padding:0 var(--space-2)}.bar-note{display:block}.hhh-table th button{text-align:inherit}.hhh-row .hhh-chev{flex:none}.search-layout{gap:var(--space-6);align-items:start;display:grid}.search-filters{gap:var(--space-4);margin-bottom:var(--space-6);display:grid}.search-filters .hhh-caption{max-width:60ch}.result-list li,.hhh-rank,.hhh-table tbody tr,.hhh-detail{animation:hhh-fade-in var(--duration-fast) var(--ease-standard)}.hhh-detail{scroll-margin-top:var(--space-4)}.search-results,.hhh-detail{transition:opacity var(--duration-fast) var(--ease-standard)}.search-results[aria-busy=true],.search-results[aria-busy=true]~.hhh-detail{opacity:.7}.detail-back{align-self:flex-start}.detail-rank{font-size:.9375rem}.tier-meter{flex:none;display:inline-flex}.tier-meter__bars{align-items:flex-end;gap:3px;height:18px;display:inline-flex}.tier-meter__bars span{background:var(--color-border);border-radius:2px;width:5px;height:100%}.tier-meter__bars span[data-filled]{background:var(--color-ink)}.tier-key{align-items:center;gap:var(--space-2);display:flex}.tier-meter--none{color:var(--color-muted);white-space:nowrap;font-size:.8125rem}.position-head--unranked .position-tier{font-family:var(--font-heading);font-size:1.375rem;font-weight:700;line-height:1.2}.position{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:grid}.position-head{align-items:baseline;gap:var(--space-3);line-height:1.3;display:flex}.position-rank{font-family:var(--font-heading);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1}.position-tier{font-weight:600;display:block}.position-track{margin-top:var(--space-2);grid-template-columns:repeat(5,1fr);gap:3px;display:grid;position:relative}.position-track>span:not(.position-marker){background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:3px;height:10px}.position-marker{background:var(--color-ink);border:3px solid var(--color-surface);width:16px;height:16px;box-shadow:0 0 0 1px var(--color-ink);border-radius:50%;position:absolute;top:50%;translate:-50% -50%}.position-ends{justify-content:space-between;gap:var(--space-2);color:var(--color-muted);font-size:.8125rem;display:flex}.diet-view-control{max-width:36rem}@media (max-width:479.98px){.hhh-seg[data-count="4"] label span{padding:0 2px;font-size:.875rem}}@media (max-width:359.98px){.hhh-seg[data-count="4"] label span{font-size:.75rem}}.detail-placeholder{display:none}.placeholder-list{gap:var(--space-3);display:grid}.placeholder-row{border-radius:var(--radius-row);background:var(--color-surface-soft);min-height:72px}.select-wrap{display:block;position:relative}.select-wrap .hhh-select{appearance:none;padding-right:var(--space-12);text-overflow:ellipsis}.select-wrap .hhh-icon{right:var(--space-4);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.controls .hhh-select{min-height:calc(2.75rem + 2 * var(--space-1) + 2px)}.detail-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.pill{min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-soft);border:1px solid var(--color-border);align-items:center;font-size:.875rem;display:inline-flex}.hhh-detail-fields{grid-template-columns:1fr}.hhh-stepper .hhh-icon-btn:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:default}.empty{padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-sage);gap:var(--space-3);display:grid}.example-links{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.example-links a{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-control-border);transition:background-color var(--duration-fast) var(--ease-standard);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.example-links a:active{background:var(--color-sage)}.notice{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-row);background:var(--color-error-bg);color:var(--color-error);justify-items:start;display:grid}.context-line{color:var(--color-muted);font-size:.875rem}.chart-sample{max-width:70ch}.hhh-chart h2{font-size:clamp(1.375rem,2vw,1.75rem)}.hhh-chart figcaption{gap:var(--space-2);display:grid}.chart-minor{margin-bottom:var(--space-3);font-size:.9375rem}.chart-table{margin-top:var(--space-4);border-top-color:var(--color-control-border)}.chart-table__scroll{margin-bottom:var(--space-2);overflow-x:auto}.chart-table table{border-collapse:collapse;width:100%;animation:hhh-fade-in var(--duration-fast) var(--ease-standard);font-size:.875rem}.chart-table th,.chart-table td{padding:var(--space-2) var(--space-3) var(--space-2) 0;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;font-weight:400}.chart-table thead th{font-weight:600}.chart-table td{font-variant-numeric:tabular-nums;white-space:nowrap}.rank-status{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.hhh-rank .hhh-rank-text{flex:1;min-width:0}.hhh-rank .hhh-rank-name{color:var(--color-ink);text-underline-offset:.2em;font-family:var(--font-heading);overflow-wrap:anywhere;font-size:1.125rem;font-weight:600;line-height:1.25;display:block}.hhh-rank-value{min-width:6.5rem}.rank-index{font-variant-numeric:tabular-nums;color:var(--color-muted);min-width:1.75rem}.hhh-table .col-rank{width:3.5rem}.hhh-table .col-value{width:44%}.hhh-table .col-serving{width:14rem}.hhh-table tbody .hhh-row-qual{font-weight:400}.hhh-table td{vertical-align:middle}.hhh-table td.rank-index{font-weight:400}.table-wrap{border-radius:var(--radius-row)}.hhh-table th[aria-sort] button{color:var(--color-ink)}.how{gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);scroll-margin-top:var(--space-4);transition:border-color var(--duration-fast) var(--ease-standard);display:grid}.how:target{border-color:var(--color-primary)}.how ul{gap:var(--space-2);margin:0;padding-left:1.25rem;display:grid}.how>p,.how ul{max-width:72ch}.how .hhh-disclosure{margin-top:var(--space-2)}.more{margin-top:var(--space-4);justify-content:center;display:flex}@media (min-width:640px){.search-form{grid-template-columns:1fr}.search-form .hhh-search .hhh-btn{display:inline-flex}.search-form__submit{display:none}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid .hhh-feature{padding:var(--space-6);flex-direction:column;align-items:stretch}.feature-grid .hhh-feature img{width:100%;height:120px}.hhh-detail-fields{grid-template-columns:1fr auto}}@media (min-width:768px){.data-facts{grid-template-columns:7rem minmax(0,1fr)}.data-facts dt{margin-top:0}.search-filters{justify-content:start;align-items:start;column-gap:var(--space-10);grid-template-columns:minmax(0,22rem) auto}.search-filters .hhh-caption{grid-column:1/-1}.controls--row{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav{gap:var(--space-2);width:auto;margin-inline:0;padding-bottom:0}.site-nav a{padding:0 var(--space-3)}.site-nav__full{display:inline}.site-nav__short{display:none}.footer-grid{gap:var(--space-8);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (pointer:coarse){.hhh-table tbody th a{align-items:center;min-height:44px;display:inline-flex}}@media (min-width:1024px){.section{margin-block:var(--space-12)}.page-head{padding-block:var(--space-12) var(--space-8)}.site-header__bar{min-height:80px}.site-header .hhh-brand{font-size:1.5rem}.hero{padding-block:var(--space-12) var(--space-4);grid-template-columns:1.5fr 1fr}.hero-art{max-width:36rem}.search-layout{gap:var(--space-8);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.search-layout--wide{grid-template-columns:minmax(0,1fr)}.hhh-detail,.detail-placeholder{top:var(--space-4);position:sticky}.hhh-detail{max-height:calc(100dvh - 2 * var(--space-4));overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:var(--space-3);clip-path:inset(0 round var(--radius-card));scrollbar-color:transparent transparent;overflow-y:auto}.hhh-detail:hover,.hhh-detail:focus-within{scrollbar-color:var(--color-border) transparent}.detail-back{display:none}.hhh-detail-fields{grid-template-columns:1fr}.detail-placeholder{justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);border:1px dashed var(--color-control-border);border-radius:var(--radius-card);color:var(--color-muted);text-align:center;display:grid}.detail-placeholder img{width:88px}.hhh-bar-row{grid-template-columns:15rem minmax(0,1fr)}}@media (hover:hover){.site-header .hhh-brand:hover,.site-footer a:hover{color:var(--color-primary)}.example-links a:hover:not(:active){background:var(--color-surface-soft)}.check:hover input:not(:checked,:active)+.check-box{border-color:var(--color-ink);background:var(--color-surface-soft)}.check:hover input:checked:not(:active)+.check-box{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}