/* FoodContents editorial layer. Shared by generated pages and public utilities. */
:root{--primary:#286347;--primary-color:#286347;--primary-dark:#174333;--primary-light:#e4eddd;--accent:#456d55;--accent-color:#456d55;--bg:#fcfaf5;--background-color:#fcfaf5;--bg-card:#fffefa;--card-background:#fffefa;--text:#203d32;--text-primary:#203d32;--text-secondary:#53665a;--text-muted:#657367;--border:#dce2d6;--border-color:#dce2d6;--border-light:#edf0e7;--ux-gold:#b27b2e;--ux-serif:Georgia,'Times New Roman',serif;--ux-header-height:90px}
html{scroll-padding-top:calc(var(--ux-header-height) + 18px)}body{background:var(--bg);color:var(--text);line-height:1.75;overflow-x:clip}a{color:var(--primary)}a:hover{color:var(--primary-dark)}:focus-visible{outline:3px solid #af7b2f;outline-offset:4px}img{max-width:100%}.main{max-width:1240px;padding:32px 30px 64px;margin:auto}.header{background:#fcfaf5f5;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);z-index:100}.header .nav{max-width:1240px;min-height:80px;gap:24px;padding:12px 30px;flex-wrap:nowrap}.header .logo{font-size:23px;flex-shrink:0}.header .logo-text{white-space:nowrap}.header .search-box{max-width:310px;min-width:160px;margin-left:auto;flex:1}.header .search-box input{background:#fffefa;color:var(--text);border:1px solid var(--border);padding:12px 18px 12px 42px;font-size:14px}.ux-nav-links{display:flex;align-items:center;gap:22px}.ux-nav-links a{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}.ux-mobile-nav{display:none}.user-actions{flex-shrink:0}.ux-skip-link{position:fixed;top:-80px;left:20px;background:white;padding:10px;z-index:200}.ux-skip-link:focus{top:8px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ux-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:48px;padding:32px 0 45px;margin-bottom:24px}.ux-hero-copy{min-width:0}.ux-hero h1{font-family:var(--ux-serif);font-weight:500;font-size:clamp(36px,4vw,56px);letter-spacing:-1.6px;line-height:1.12;color:var(--primary-dark);margin:12px 0 20px;overflow-wrap:anywhere}.ux-hero p{max-width:640px;color:var(--text-secondary);line-height:1.8}.ux-eyebrow{font:700 11px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary)!important;margin:0 0 12px!important}.ux-hero-art{overflow:hidden;border-radius:20px;background:#dce5d1}.ux-hero-art img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 65%;height:auto}.ux-hero-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px;font-size:14px;font-weight:600}.ux-search{display:flex;margin-top:26px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:7px;gap:6px;box-shadow:0 8px 24px #24463208}.ux-search input{width:100%;min-width:0;border:0;background:transparent;padding:10px;color:var(--text)}.ux-search button{border:0;border-radius:8px;padding:10px 20px;background:var(--primary);color:white;font-weight:700;cursor:pointer}
.ux-section{margin:36px 0 58px}.ux-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.ux-section-heading>p{max-width:450px;color:var(--text-muted);font-size:15px}.ux-section-heading h2,.ux-source-note h2{font-family:var(--ux-serif);font-weight:500;font-size:32px;color:var(--primary-dark);border:0;margin:0;padding:0;line-height:1.25}.ux-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ux-entry-card{display:block;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--bg-card);color:var(--text);box-shadow:0 5px 20px #193b2907;transition:transform .2s,box-shadow .2s}.ux-entry-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #193b2912;text-decoration:none}.ux-entry-art{display:block;width:100%;height:185px;object-fit:cover;object-position:center 65%}.ux-entry-body{padding:23px}.ux-entry-body h3{font-family:var(--ux-serif);font-size:25px;font-weight:500;color:var(--primary-dark);margin:0 0 9px}.ux-entry-body p{font-size:14px;color:var(--text-muted);margin:0 0 17px}.ux-entry-body span{font-size:13px;font-weight:700;color:var(--primary)}
.ux-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ux-tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;color:var(--text);display:block;box-shadow:0 5px 20px #193b2907}.ux-tool-card>img,.ux-tool-card-art{display:block;width:100%;height:200px;object-fit:cover;object-position:center 60%}.ux-tool-card>div:not(.ux-tool-card-art){padding:25px}.ux-tool-card h2,.ux-tool-card h3{font-family:var(--ux-serif);font-size:26px;font-weight:500;line-height:1.3;border:0;padding:0;margin:8px 0 12px}.ux-tool-card p{color:var(--text-muted);font-size:14px}.ux-tool-kicker{color:var(--primary);font-weight:700;font-size:12px}.ux-tool-cta{display:inline-block;color:var(--primary);font-weight:700;margin-top:15px}.ux-source-note{background:#eef1e7;border-radius:14px;padding:28px;margin:30px 0}.ux-source-note p{color:var(--text-secondary);margin-top:12px}.ux-directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ux-directory-list .card{margin:0;padding:24px;box-shadow:none;min-width:0}.ux-directory-list h3{font-size:20px;line-height:1.4;overflow-wrap:anywhere}.ux-directory-list p{font-size:14px}.card{border-radius:14px;background:var(--bg-card);border-color:var(--border)}.breadcrumb{font-size:13px;color:var(--text-muted);overflow-wrap:anywhere;margin-bottom:14px}.pagination{flex-wrap:wrap}.footer{background:#f0f1e7;border-top:1px solid var(--border)}.footer .footer-content{max-width:1180px}.footer h3{color:var(--text)}.footer a,.footer p{color:var(--text-secondary)}
.ux-detail-hero{grid-template-columns:minmax(0,1.6fr) minmax(0,.85fr);gap:36px}.ux-detail-hero h1{font-size:clamp(30px,3.5vw,44px)}.ux-detail-hero .food-header,.ux-detail-hero .ingredient-header,.ux-detail-hero .nutrient-header{margin:0;padding:0;background:transparent;border:0}.ux-detail-hero .ux-hero-art{align-self:start;max-width:350px;margin-left:auto;margin-top:25px}.ux-detail-hero .ux-hero-art img{aspect-ratio:4/3}.ux-detail-hero .food-summary,.ux-detail-hero .ingredient-summary,.ux-detail-hero .nutrient-summary{font-size:16px;line-height:1.8;margin:16px 0 0}.ux-detail-page .content-grid{grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:stretch}.ux-detail-page .article-content{min-width:0;border-radius:16px;padding:32px;background:var(--bg-card);border:1px solid var(--border);box-shadow:none}.ux-detail-page .article-content h2{font-family:var(--ux-serif);font-size:29px;font-weight:500;color:var(--primary-dark);border-bottom:1px solid var(--border);padding-bottom:12px;line-height:1.3;margin-top:32px}.ux-detail-page .article-content p,.ux-detail-page .article-content li{font-size:16px;line-height:1.85}.ux-detail-page .article-content h3{font-size:20px;color:var(--text);line-height:1.4}.ux-detail-page .quick-facts{background:#edf1e6;border:1px solid var(--border);border-radius:14px;color:var(--text);margin:20px 0 30px}.ux-detail-page .quick-facts h2{color:var(--primary-dark);font-family:var(--ux-serif);border:0}.ux-detail-page .sidebar{margin-top:0;min-width:0}.ux-detail-page .sidebar>div:not([data-affiliate-module]),.ux-detail-page .sidebar>.card{border-radius:14px}.ux-detail-page .sidebar h3{color:var(--primary-dark)}.ux-detail-page .sidebar li{font-size:14px;line-height:1.65}.ux-detail-page .nutrition-table{font-size:14px}.ux-detail-page td,.ux-tool-results td{overflow-wrap:anywhere}.ux-detail-page .article-content table{width:100%}.ux-detail-page .affiliate-module h2{font-family:inherit;font-size:1.15rem;margin-top:0}.ux-detail-page .affiliate-card__reason{font-size:.9rem!important;line-height:1.6!important}.ux-toc{padding:18px 22px;background:#f1f3eb;border:1px solid var(--border);border-radius:12px;margin:0 0 28px}.ux-toc summary{cursor:pointer;font-weight:700;color:var(--primary-dark)}.ux-toc ul{list-style:none;padding:12px 0 0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}.ux-toc li{margin:0!important;line-height:1.5!important;font-size:13px!important}.ux-toc a{display:block;padding:5px 0}.ux-table-scroll{max-width:100%;overflow:auto;border-radius:8px}.ux-table-scroll:focus-visible{outline-offset:0}
.ux-tool-form{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px}.ux-tool-form input[type=number],.ux-tool-form input[type=text]{background:#fff;border:1px solid #cbd5c5;color:var(--text);border-radius:8px;max-width:100%}.ux-form-error{padding:12px 16px;background:#fff0e9;color:#8d3520;border:1px solid #d9a18a;border-radius:8px;margin-bottom:16px}.ux-form-error[hidden],.ux-empty-state[hidden]{display:none}.ux-empty-state{padding:24px;background:#eef1e7;border-radius:12px}.ux-adi-value{color:var(--primary-dark);font-size:2.5rem;font-weight:700;margin:15px 0}.ux-adi-value span{font-size:1rem}.ux-button-secondary{display:inline-block;border:1px solid var(--primary);padding:10px 16px;border-radius:8px;color:var(--primary)}.ux-tool-results{margin:25px 0}.ux-tool-results h2{font-family:var(--ux-serif);color:var(--primary-dark)}
@media(max-width:1050px){.header .nav{gap:16px}.ux-nav-links{gap:12px}.header .search-box{max-width:230px}.ux-detail-page .content-grid{grid-template-columns:minmax(0,1fr) 275px;gap:20px}.ux-detail-page .article-content{padding:24px}}
@media(max-width:900px){.header .nav{flex-wrap:wrap;padding:10px 20px;gap:12px}.header .search-box{flex-basis:100%;max-width:none;order:5;margin:0}.ux-nav-links{margin-left:auto}.main{padding:24px 20px 45px}.ux-hero{gap:25px}.ux-hero h1{font-size:38px}.ux-detail-page .content-grid{grid-template-columns:minmax(0,1fr)}.ux-detail-page .sidebar{margin-top:20px}.ux-detail-hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.ux-entry-art{height:145px}.ux-tool-card>img,.ux-tool-card-art{height:165px}}
@media(max-width:600px){.header .logo{font-size:20px}.header .logo img{width:30px;height:30px}.ux-nav-links{display:none}.ux-mobile-nav{display:block;margin-left:auto;position:relative}.ux-mobile-nav summary{cursor:pointer;font-size:14px;padding:6px 10px}.ux-mobile-nav>div{position:absolute;right:0;top:38px;min-width:180px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 25px #203d3220}.ux-mobile-nav a{display:block;padding:9px 12px}.user-actions{font-size:13px}.header .search-box input{padding-top:9px;padding-bottom:9px}.main{padding:20px 16px 38px}.ux-hero,.ux-detail-hero{grid-template-columns:minmax(0,1fr);padding:15px 0 24px;gap:22px}.ux-hero h1{font-size:36px;letter-spacing:-1px}.ux-hero-art{max-height:240px}.ux-hero-art img{aspect-ratio:16/9;object-position:center 65%}.ux-detail-hero .ux-hero-art{margin:0;max-width:none;width:100%;max-height:170px}.ux-detail-hero .ux-hero-art img{aspect-ratio:2/1}.ux-detail-hero h1{font-size:32px}.ux-entry-grid,.ux-tool-grid,.ux-directory-list{grid-template-columns:minmax(0,1fr)}.ux-entry-card{display:grid;grid-template-columns:110px minmax(0,1fr)}.ux-entry-art{height:100%;object-fit:cover}.ux-entry-body{padding:18px}.ux-entry-body h3{font-size:23px}.ux-entry-body p{font-size:13px;margin-bottom:9px}.ux-section-heading{display:block}.ux-section-heading>p{margin-top:14px}.ux-section-heading h2,.ux-source-note h2{font-size:28px}.ux-section{margin:25px 0 38px}.ux-tool-card>img,.ux-tool-card-art{height:180px}.ux-tool-card>div:not(.ux-tool-card-art){padding:20px}.ux-source-note{padding:22px}.ux-detail-page .article-content{padding:20px 16px}.ux-detail-page .article-content h2{font-size:25px}.ux-detail-page .article-content p,.ux-detail-page .article-content li{font-size:15px}.ux-toc{padding:14px 16px}.ux-toc ul{grid-template-columns:1fr}.ux-tool-form{padding:18px}.ux-adi-value{font-size:2rem}.footer .footer-content{padding:0 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.ux-directory-hero-art{max-width:370px;margin-left:auto;overflow:hidden;border-radius:18px}.ux-directory-hero-art img{display:block;width:100%;height:auto}.ux-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ux-directory-card{padding:23px;display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:14px}.ux-directory-card h2,.ux-directory-card h3{font-family:var(--ux-serif);font-size:23px;border:0;margin:0 0 10px;padding:0;font-weight:500}.ux-directory-count{font-size:13px;color:var(--text-muted)}.ux-category-heading{margin:24px 0 32px}.ux-category-heading h1{font:500 clamp(30px,4vw,46px)/1.2 var(--ux-serif);color:var(--primary-dark);margin-bottom:14px;overflow-wrap:anywhere}.ux-directory-item{min-width:0;background:var(--bg-card);padding:24px;border:1px solid var(--border);border-radius:13px}.ux-directory-item h2{font:500 23px/1.4 var(--ux-serif);border:0;margin:0 0 12px;padding:0;overflow-wrap:anywhere}.ux-directory-item p{color:var(--text-secondary);font-size:14px}.ux-list-link,.ux-back-link{display:inline-block;margin-top:13px;font-weight:600;font-size:13px}.ux-identifiers{font-size:12px;color:var(--text-muted)}.ux-inline-tool-link{background:#eef1e7;border-radius:12px;padding:20px;margin:24px 0;display:block}.ux-pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:35px 0}.ux-pagination a,.ux-pagination span{padding:8px 13px;border:1px solid var(--border);border-radius:7px}.ux-pagination [aria-current]{background:var(--primary);color:white}.ux-pagination [aria-disabled]{color:#757c72}
@media(max-width:800px){.ux-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ux-directory-grid{grid-template-columns:1fr}.ux-directory-hero-art{max-width:none;max-height:190px}.ux-directory-hero-art img{aspect-ratio:2/1;object-fit:cover;object-position:center 65%}}
.ux-detail-hero .food-header,.ux-detail-hero .ingredient-header,.ux-detail-hero .nutrient-header{box-shadow:none}.ux-detail-hero .nutrient-type[style],.ux-detail-hero .food-category[style]{color:var(--primary-dark)}.ux-detail-hero .meta-tag{background:#e7ede0;color:var(--primary-dark)}.ux-tool-hero .ux-hero-art,.ux-plan-result-hero .ux-hero-art{max-width:340px;margin-left:auto}.ux-tool-hero .ux-hero-art img,.ux-plan-result-hero .ux-hero-art img{aspect-ratio:4/3}.ux-tool-hero h1,.ux-plan-result-hero h1{font-size:clamp(30px,3.5vw,44px)}
@media(max-width:600px){.ux-tool-hero .ux-hero-art,.ux-plan-result-hero .ux-hero-art{display:none}}
.ux-adi-value{background:#edf1e7;border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.ux-adi-value .ux-eyebrow{width:100%}.ux-adi-value strong{font-size:44px}.ux-tool-card.card{padding:24px}.ux-tool-card.card>div{padding:12px 0}.ux-tool-card.card>img{border-radius:10px;margin-bottom:20px}
.header .nav{height:auto}.header .logo-text{display:inline}.breadcrumb{white-space:normal;overflow:visible}.ux-adi-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@media(max-width:600px){.header .logo{font-size:18px}.header .nav{gap:8px;padding-left:16px;padding-right:16px}.ux-adi-hero{grid-template-columns:1fr}.ux-adi-value{padding:20px}.ux-adi-value strong{font-size:36px}}
img.ux-directory-hero-art{display:block;width:100%;height:auto;object-fit:cover;object-position:center 65%}
@media(max-width:600px){img.ux-directory-hero-art{max-width:100%;height:190px;aspect-ratio:auto}}

/* Shared sidebar tools: quiet editorial styling, clear action. */
.sidebar .sidebar-card.ux-sidebar-tool{background:#eef2e8;border:1px solid #d9e1d2;padding:22px;box-shadow:none;color:var(--primary-dark)}
.ux-sidebar-tool-art{display:block;width:100%;height:112px;object-fit:cover;object-position:center 60%;border-radius:10px;margin:0 0 18px}
.ux-sidebar-tool-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#536b58;margin-bottom:8px}
.sidebar .ux-sidebar-tool h3{font:500 24px/1.25 var(--ux-serif);color:var(--primary-dark);margin:0 0 12px;border:0;padding:0}
.ux-sidebar-tool-copy{font-size:14px;line-height:1.65;color:#59695c;margin:0 0 18px}
.sidebar .ux-sidebar-tool-cta{display:block;background:#285b45;color:#fff;text-align:center;padding:12px 14px;border-radius:8px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .15s}
.sidebar .ux-sidebar-tool-cta:hover{background:#1e4937;color:#fff;text-decoration:none}
.sidebar .ux-sidebar-tool-cta:focus-visible{outline:3px solid #718b60;outline-offset:3px}

/* Original supplied brand artwork + accessible, live text wordmark. */
.header .logo.ux-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#214f3c;flex-shrink:0}
.header .ux-brand .ux-brand-symbol{position:relative;display:block;width:38px;height:28px;overflow:hidden;flex:0 0 38px;mix-blend-mode:multiply}
.header .ux-brand .ux-brand-symbol img{position:absolute;display:block;width:78px;height:78px;max-width:none;left:-20px;top:-25px;object-fit:contain}
.header .ux-brand .logo-text{display:block;font:500 28px/1.15 var(--ux-serif);letter-spacing:-.65px;color:#214f3c;white-space:nowrap;background:none;-webkit-text-fill-color:#214f3c}
@media(max-width:600px){.header .logo.ux-brand{gap:7px}.header .ux-brand .logo-text{font-size:23px;letter-spacing:-.5px}.header .ux-brand .ux-brand-symbol{width:30px;height:23px;flex-basis:30px}.header .ux-brand .ux-brand-symbol img{width:62px;height:62px;left:-16px;top:-20px}}