@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#203329;--green:#193d32;--sage:#e3ede4;--paper:#f8f7f1;--white:#fffefa;--line:#d6ded4;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.025em}h1{font-size:clamp(2.8rem,6vw,6.4rem)}h2{font-size:clamp(2rem,3.4vw,3.5rem)}h3{font-size:1.6rem}p{line-height:1.65}a{color:inherit}button,input,select{font:inherit}.preview{text-align:center;background:#d9e9d7;padding:.45rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.site-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:var(--white);border-bottom:1px solid var(--line);padding:1rem 4vw}.brand{display:flex;gap:.6rem;align-items:center;text-decoration:none;font:2rem 'DM Serif Display',Georgia,serif;line-height:.8}.brand-mark{background:var(--green);color:#fff;border-radius:50%;width:2.7rem;height:2.7rem;display:grid;place-items:center}.brand small{display:block;font:700 .5rem 'DM Sans',sans-serif;letter-spacing:.15em;margin-top:.5rem}nav{display:flex;gap:clamp(.7rem,2vw,2rem)}nav a{text-decoration:none;font-size:.86rem;font-weight:700}.menu-toggle{display:none;border:0;background:none;font-size:1.5rem}.hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:590px;background:var(--sage)}.hero-copy{padding:clamp(3rem,7vw,7rem) 4vw}.lede{font-size:1.28rem;color:#496458;max-width:37rem}.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#647c6c}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-block;border-radius:100px;padding:.85rem 1.3rem;border:1px solid var(--green);text-decoration:none;font-size:.88rem;font-weight:700;cursor:pointer}.dark{background:var(--green);color:white}.light{background:transparent;color:var(--green)}.hero-art{background:#d8e4d3;display:grid;place-items:center;position:relative;overflow:hidden}.art-circle{position:relative;width:min(75%,440px);aspect-ratio:1;background:#f1e8d5;border-radius:50%;box-shadow:0 20px 70px #21492d30}.art-berry{position:absolute;top:-13%;left:4%;font-size:clamp(10rem,24vw,21rem);color:#d36e5f;text-shadow:9px 13px #ad5047;transform:rotate(-18deg)}.art-grape{position:absolute;right:7%;bottom:15%;font-size:clamp(3rem,7vw,6rem);line-height:.78;color:#696482;letter-spacing:-.25em;text-shadow:5px 7px #4b4c67}.art-caption{position:absolute;bottom:2rem;left:2rem;font-size:.65rem;letter-spacing:.15em}.section,.split{padding:clamp(3rem,7vw,7rem) 4vw}.split{background:var(--white);display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.split p{max-width:38rem}.text-link{font-weight:700;text-underline-offset:4px}.stat-pair{border:1px solid var(--line);border-radius:1rem;background:var(--paper);padding:2rem}.stat-pair div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid var(--line);padding:1rem 0}.stat-pair span{font:4rem 'DM Serif Display',serif}.stat-pair small,.fine{font-size:.78rem;color:#66786e}.stat-pair p{font-size:.78rem;margin-top:1.5rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.section-heading h2{margin:0}.food-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.food-card{display:flex;align-items:center;gap:1rem;border:1px solid var(--line);background:var(--white);border-radius:.8rem;padding:1rem;min-height:104px;text-decoration:none}.food-card:hover,.guide-card:hover{box-shadow:0 8px 25px #213d2d20;transform:translateY(-2px)}.food-card strong,.food-card small{display:block}.food-card small{font-size:.72rem;color:#66786e;margin-top:.3rem}.food-icon{width:3rem;height:3rem;flex:0 0 3rem;border-radius:50%;display:grid;place-items:center;background:#e2e9d4;color:#486246;font-size:1.8rem}.food-icon.fruit{background:#f3dbd3;color:#b85b52}.food-icon.nut,.food-icon.grain{background:#eee2c6;color:#8c663b}.arrow{margin-left:auto}.method-band{display:flex;justify-content:space-between;align-items:center;background:var(--green);color:#fff;gap:2rem}.method-band>div:first-child{max-width:47rem}.method-band .eyebrow{color:#a9c8ad}.method-seal{width:200px;height:200px;border:1px solid #a7c5ac;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:3rem 'DM Serif Display',serif;flex-shrink:0}.method-seal span{font: .7rem 'DM Sans',sans-serif;text-align:center;line-height:1.5}.guide-card{border:1px solid var(--line);background:var(--white);border-radius:1rem;padding:2rem;min-height:235px;display:flex;flex-direction:column;text-decoration:none}.guide-card h3{margin:1.2rem 0 auto}.guide-card .text-link{margin-top:1rem}.page-head{background:var(--sage);padding:clamp(3rem,6vw,6rem) 4vw 3rem}.page-head p:not(.eyebrow){max-width:720px;font-size:1.08rem}.catalog-tools{padding-top:2rem}label{display:block;font-size:.82rem;font-weight:700}input,select{display:block;width:100%;padding:.85rem;border:1px solid #afbdaf;border-radius:.5rem;background:#fff;color:var(--ink);margin-top:.45rem}input:focus,select:focus,a:focus-visible,button:focus-visible{outline:3px solid #ddb45b;outline-offset:2px}.catalog-tools>label{max-width:500px}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 2rem}.chips button{border-radius:100px;border:1px solid var(--line);background:white;padding:.55rem 1rem;cursor:pointer;font-size:.79rem}.chips button[aria-pressed=true]{background:var(--green);color:#fff}.two-col,.tool-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:1.2rem;align-items:start}.tool-layout{grid-template-columns:minmax(270px,.8fr) minmax(0,1.3fr)}.panel{border:1px solid var(--line);background:var(--white);border-radius:1rem;padding:clamp(1.25rem,3vw,2.5rem);min-width:0}.panel h2{font-size:2rem}.unit-pill{font-size:.7rem;background:var(--sage);padding:.4rem .7rem;border-radius:100px}.nutrient-table{width:100%;border-collapse:collapse;font-size:.88rem}.nutrient-table th,.nutrient-table td{padding:.85rem .2rem;border-bottom:1px solid var(--line);text-align:left}.nutrient-table td{text-align:right;font-variant-numeric:tabular-nums}.nutrient-table thead th{text-align:right;font-size:.7rem;color:#66786e}.nutrient-table thead th:first-child{text-align:left}.source-panel dl{display:grid;grid-template-columns:110px 1fr;gap:.7rem;font-size:.83rem}.source-panel dt{color:#66786e}.source-panel dd{margin:0;overflow-wrap:anywhere}.tool-controls label{margin-bottom:1.2rem}.grams-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.check{display:flex;align-items:center;gap:.5rem}.check input{width:auto;margin:0}.result-summary{background:#e7eee5;padding:1rem;border-radius:.5rem;min-height:3rem;font-size:.86rem}.table-scroll{overflow:auto}.comparison{min-width:480px}.results .fine a{display:inline-block;margin:.2rem}.reading{background:#eaebe2}.reading p{max-width:800px}.calc-row{display:grid;grid-template-columns:1fr 110px 40px;gap:.6rem;align-items:end;margin-bottom:1rem}.calc-row label{margin:0}.remove{height:45px;border:0;background:#f2ded8;border-radius:.5rem;cursor:pointer;font-size:1.3rem}.article{max-width:920px;margin:auto;padding:4rem 1.5rem 7rem}.article h1{font-size:clamp(2.8rem,5vw,5rem);margin:2rem 0}.article-deck{font-size:1.25rem;color:#66786e}.prose{max-width:720px;font-size:1.07rem;line-height:1.75;margin:3rem 0}.prose h2{font-size:2rem;margin-top:2.5rem}.article-cta{display:flex;gap:.7rem;flex-wrap:wrap}footer{display:flex;justify-content:space-between;gap:3rem;background:#172d25;color:#dce9dc;padding:4rem 4vw}footer>div:first-child{max-width:640px}footer strong{font:2rem 'DM Serif Display',serif}footer p{font-size:.8rem;color:#b8cbbb}footer a{color:#e7eddd}.langs{display:flex;align-items:start;justify-content:end;flex-wrap:wrap;gap:.7rem;max-width:350px}.langs a{font-size:.78rem}[hidden]{display:none!important}@media(max-width:850px){.food-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.site-header{position:relative}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);z-index:10;padding:1.5rem;box-shadow:0 12px 20px #0002;flex-direction:column}.site-header.open nav{display:flex}.hero,.split,.two-col,.tool-layout{grid-template-columns:1fr}.hero{min-height:0}.hero-art{min-height:300px}.art-circle{width:260px}.art-berry{font-size:11rem}.art-grape{font-size:4rem}.food-grid,.guide-grid{grid-template-columns:1fr}.section-heading{align-items:start}.method-seal{display:none}.calc-row{grid-template-columns:minmax(0,1fr) 78px 36px}.calc-row input,.calc-row select{padding:.65rem .3rem}footer{flex-direction:column}.langs{justify-content:start}}
.full-profile{padding-top:0}.full-profile details{background:var(--white);border:1px solid var(--line);border-radius:1rem;padding:1.3rem 2rem}.full-profile summary{cursor:pointer;font-weight:700}.full-profile table{margin-top:1.5rem}
@media(max-width:680px){.comparison{min-width:0;table-layout:fixed;font-size:.74rem}.comparison th,.comparison td{overflow-wrap:anywhere;padding:.7rem .15rem}.comparison thead th{font-size:.65rem;line-height:1.25}.comparison thead th:first-child{width:27%}}
/* Mida: functional editorial system, built around choices and source records. */
:root{--ink:#1c2739;--green:#1d2d49;--sage:#edeae4;--paper:#f6f3ed;--white:#fffdf8;--line:#cfd3d1;--blue:#2364d2;--orange:#ed7655;font-family:'DM Sans',Arial,sans-serif}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;letter-spacing:-.055em;line-height:1.07}.brand,.brand strong{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700}.brand-mark{background:var(--blue);border-radius:.35rem;font-family:'Space Grotesk',Arial,sans-serif;font-size:1.6rem}.site-header{background:#fffdf8;border-color:#bfc5c2}.site-header nav a:hover{color:var(--blue)}.preview{background:#e6e9f2;color:#34486a}.eyebrow{color:#68778c}.button{border-radius:.35rem}.button.dark{background:var(--blue);border-color:var(--blue)}.button.light{color:var(--blue);border-color:var(--blue)}.button:hover,.task-grid a:hover,.group-card:hover,.feature-card:hover{transform:translateY(-3px)}.text-link:hover{color:var(--blue)}.home-hero{padding:3.5rem 4vw 0;background:#1d2d49;color:#fff}.home-hero .eyebrow{color:#99b5ef}.home-hero .hero-title{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding-bottom:2.6rem}.home-hero h1{font-size:clamp(2.6rem,5vw,4.7rem);margin:.5rem 0 0;max-width:670px}.home-hero .hero-title>p{max-width:310px;color:#cdd8ec;font-size:1.05rem}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#62708a;border:1px solid #62708a;transform:translateY(1px)}.task-grid a{min-height:145px;display:flex;flex-direction:column;gap:.5rem;background:#f2f0ea;padding:1.4rem;color:var(--ink);text-decoration:none;transition:transform .2s,background .2s}.task-grid a:nth-child(2){background:#e4ebf9}.task-grid a:nth-child(3){background:#f9e8dc}.task-grid a:hover{background:#fff}.task-grid span{font-size:.77rem;font-weight:700;color:var(--blue);letter-spacing:.08em}.task-grid strong{font:600 clamp(1.3rem,2.1vw,2rem) 'Space Grotesk',Arial,sans-serif;letter-spacing:-.05em}.task-grid small{font-size:.78rem;color:#566479;margin-top:auto}.group-section{padding-top:5.5rem}.group-section .section-heading p:not(.eyebrow),.feature-section .section-heading p:not(.eyebrow){max-width:580px;color:#627187}.group-section .section-heading form{width:min(100%,310px)}.group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.group-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:235px;padding:1.2rem;background:#e9ebf1;border:1px solid #d7dce1;text-decoration:none;transition:transform .2s}.group-card:nth-child(2){background:#e5ebe1}.group-card:nth-child(3){background:#f5e5d9}.group-card:nth-child(4){background:#e8e3db}.group-card:nth-child(5){background:#e0e7dc}.group-card:nth-child(6){background:#e9e1e6}.group-card:nth-child(7){background:#f0e9d5}.group-card:first-child{grid-column:span 2}.group-number{font:700 .67rem 'DM Sans',sans-serif;letter-spacing:.12em}.group-name{position:relative;z-index:2;font:600 clamp(1.4rem,2.2vw,2.2rem) 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin-top:.6rem}.group-count{position:relative;z-index:2;margin-top:auto;font-size:.77rem;font-weight:700}.group-card .food-photo{position:absolute;width:53%;right:-2%;bottom:-16%;opacity:.95;box-shadow:0 20px 35px #24374b1c}.group-card:first-child .food-photo{width:40%;right:4%;bottom:-24%}.feature-section{background:#e9ecf0}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.feature-card{background:#fffdf8;border:1px solid #d4d8d9;min-height:345px;text-decoration:none;padding:1rem;display:flex;flex-direction:column;position:relative;transition:transform .2s}.feature-no{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#67758b}.feature-photos{display:flex;margin:1.1rem 0;gap:.25rem}.feature-photos .food-photo{width:50%;aspect-ratio:1.15}.feature-card h3{font-size:1.32rem;line-height:1.15;letter-spacing:-.045em;margin:.1rem 0}.feature-card p{font-size:.75rem;color:#657185;margin:auto 0 0}.feature-arrow{position:absolute;right:1rem;top:.8rem;color:var(--blue)}.home-learn{background:#f6f3ed}.guide-card{border-radius:.15rem}.food-photo,.food-portrait{position:relative;display:block;overflow:hidden;aspect-ratio:1;background:#e9e4da;flex-shrink:0}.food-photo img,.food-portrait img{position:absolute;width:600%;height:400%;max-width:none;object-fit:fill;display:block}.food-card{border-radius:.25rem;gap:.85rem;min-height:96px}.food-card .food-photo{width:3.5rem}.food-card small{line-height:1.35}.food-card strong{line-height:1.25}.food-intro{display:grid;grid-template-columns:1.3fr minmax(280px,.7fr);gap:4vw;align-items:center;padding:3rem 4vw;background:#edeae4}.food-intro h1{font-size:clamp(2.8rem,5vw,5.8rem);margin:.5rem 0 1rem}.food-intro .lede{color:#4d5b6c}.food-intro .food-portrait{max-width:400px;width:100%;box-shadow:18px 18px 0 #d6deeb}.food-intro .fine{font-size:.7rem;margin:1.5rem 0 0}.source-panel h3{font-size:1.25rem;margin:2rem 0 .8rem}.compare-intro{display:grid;grid-template-columns:1.5fr .5fr;gap:3rem;align-items:center;padding:2.8rem 4vw;background:#e9ecf0}.compare-intro h1{font-size:clamp(2.7rem,4.7vw,5.3rem);margin:.45rem 0 1rem}.compare-intro p:not(.eyebrow){font-size:1.06rem;max-width:730px}.compare-intro-photos{display:flex;gap:.5rem;justify-content:flex-end}.compare-intro-photos .food-photo{width:min(45%,145px);box-shadow:7px 8px 0 #cbd5e6}.compare-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:1rem;padding-bottom:0;align-items:start}.compare-layout .panel{border-radius:.3rem}.compare-layout h2,.pair-results h2{font-size:1.6rem}.chart-panel{display:flex;flex-direction:column;align-items:center}.chart-panel h2{align-self:start}.radial-chart{width:min(100%,410px);height:auto;display:block}.radial-chart text{font:600 10px 'DM Sans',sans-serif;fill:#2f3d54}.chart-key{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;font-size:.8rem;font-weight:700;margin:.2rem 0 1rem}.chart-key span{display:flex;align-items:center;gap:.4rem}.chart-key i{display:inline-block;width:12px;height:12px;border-radius:50%}.key-a{background:#2364d2}.key-b{background:#ed7655}.chart-panel>.fine{max-width:560px}.pair-results{padding-top:1rem}.pair-results .panel{border-radius:.3rem}.pair-results .comparison{min-width:0}.pair-next{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:#edeae4}.pair-foods{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.pair-foods a{background:white;padding:.7rem;text-decoration:none;display:flex;flex-direction:column;gap:.4rem}.pair-foods .food-photo{width:100%}.pair-foods strong{font-size:.86rem}.pair-foods span:not(.food-photo){font-size:.7rem;color:#647084}.food-card:hover,.guide-card:hover{box-shadow:0 8px 24px #172b4920}footer{background:#1c2739}.method-band{background:#1c2739}@media(max-width:1000px){.group-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.home-hero{padding:2.1rem 1.1rem 0}.home-hero .hero-title{display:block;padding-bottom:1.5rem}.home-hero h1{font-size:2.75rem}.home-hero .hero-title>p{font-size:.97rem}.task-grid{grid-template-columns:1fr;gap:1px}.task-grid a{min-height:78px;padding:.8rem 1rem;display:grid;grid-template-columns:50px 1fr;align-items:center}.task-grid strong{font-size:1.35rem}.task-grid small{display:none}.group-section{padding-top:3rem}.group-section .section-heading{display:block}.group-section .section-heading form{margin-top:1.5rem}.group-grid{grid-template-columns:repeat(2,1fr)}.group-card,.group-card:first-child{grid-column:auto;min-height:180px}.group-card .food-photo,.group-card:first-child .food-photo{width:60%;right:-10%;bottom:-12%}.group-name{font-size:1.45rem}.feature-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:250px;padding:.7rem}.feature-card h3{font-size:1rem}.feature-card .feature-photos{margin:.5rem 0}.feature-card p{font-size:.65rem}.food-intro,.compare-intro,.compare-layout,.pair-next{grid-template-columns:1fr}.food-intro,.compare-intro{padding:2rem 1.1rem}.food-intro .food-portrait{max-width:300px}.compare-intro-photos{justify-content:start}.compare-layout,.pair-results,.pair-next{padding-left:1.1rem;padding-right:1.1rem}.chart-panel{padding:1rem}.radial-chart{width:min(100%,330px)}.pair-foods .food-photo{width:100%}.food-card .food-photo{width:3rem}}
.chart-metrics{width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1rem;list-style:none;padding:0;counter-reset:metric}.chart-metrics li{counter-increment:metric;display:flex;gap:.4rem;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);font-size:.73rem;padding:.4rem 0}.chart-metrics li:before{content:counter(metric,decimal-leading-zero);color:#627086;font-weight:700}.chart-metrics li span{font-variant-numeric:tabular-nums;color:#627086}.all-pairs{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.2rem}.all-pairs summary{cursor:pointer;font-weight:700}.pair-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}.pair-link-grid a{padding:.7rem;background:white;font-size:.78rem;text-decoration:none}.pair-link-grid a:hover{text-decoration:underline}@media(max-width:700px){.chart-metrics{grid-template-columns:1fr}.pair-link-grid{grid-template-columns:1fr}}
.pair-foods p{font-size:.75rem;line-height:1.55;color:#526173;margin:.3rem 0}.pair-foods a{align-items:start}

/* Comparison graphic: equal-weight nutrient profiles with exact numbers alongside. */
.compare-layout{grid-template-columns:minmax(245px,.7fr) minmax(0,1.8fr)}
.chart-panel{align-items:stretch;background:#101821;color:#f4f7fb;border-color:#293a4d;padding:1.5rem}
.chart-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;border-bottom:1px solid #324254;padding-bottom:.9rem}
.chart-header h2{margin:0;color:#fff}
.chart-header .unit-pill{background:#26364a;color:#dce9fb;border:0;white-space:nowrap}
.chart-body{display:grid;grid-template-columns:minmax(245px,1fr) minmax(250px,.95fr);gap:1.1rem;width:100%;align-items:center}
.chart-visual{min-width:0}
.chart-key{justify-content:center;margin:1rem 0 0;color:#e5eaf0}
.chart-key i{width:10px;height:10px;border-radius:2px}
.key-a{background:#58a5ff}.key-b{background:#ff7896}
.radial-chart{width:min(100%,380px);margin:auto}
.radial-chart a text{font:700 10px 'DM Sans',sans-serif;fill:#fff}
.radial-chart a:hover circle,.radial-chart a:focus circle{fill:#536d89;stroke:#fff;stroke-width:2}
.chart-breakdown .eyebrow{color:#a8bcd5;letter-spacing:.05em;margin:0 0 .35rem}
.chart-metrics{width:100%;display:block;margin:0;list-style:none;padding:0}
.chart-metrics li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.7rem 0;border-bottom:1px solid #324254;font-size:.78rem}
.chart-metrics li::before{display:none}
.chart-metrics a{display:flex;gap:.5rem;align-items:center;color:#e8eff8;text-decoration:none;min-width:0}
.chart-metrics a:hover,.chart-metrics a:focus{text-decoration:underline}
.chart-metrics .metric-index{color:#9aafc9;font-size:.69rem;flex:0 0 auto}
.chart-metrics strong{font-weight:600;overflow-wrap:anywhere}
.chart-metrics .metric-values{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;font-variant-numeric:tabular-nums;color:#d5dfed;white-space:nowrap}
.chart-metrics .metric-values span:first-child{color:#84baff}
.chart-metrics .metric-values span:last-child{color:#ff9cb1}
.chart-metrics .metric-values .higher{font-weight:800;color:#fff}
.chart-panel>.fine{border-top:1px solid #324254;padding-top:.7rem;color:#aebed0;max-width:none;width:100%}
.nutrient-table tr:target{background:#eef3fc}
.nutrient-table td strong{font-weight:800;color:#152b4b}
@media(max-width:1050px){.chart-body{grid-template-columns:1fr}.chart-visual{max-width:380px;margin:auto}.chart-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}}
@media(max-width:700px){.chart-panel{padding:1.1rem}.chart-header{align-items:start;flex-direction:column}.chart-metrics{display:block}.chart-body{gap:.4rem}.chart-key{font-size:.72rem}.radial-chart{width:min(100%,320px)}}
@media(max-width:700px){.compare-layout{grid-template-columns:minmax(0,1fr)}.chart-panel{min-width:0}.chart-header .unit-pill{white-space:normal}.chart-metrics li{grid-template-columns:minmax(0,1fr) auto}}
.related-comparisons{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.3rem;margin-top:.6rem}
.related-comparisons h2{font-size:1.4rem;margin:0 0 .8rem}
.related-comparisons ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.2rem;list-style:none;padding:0;margin:0}
.related-comparisons a{display:block;padding:.65rem .8rem;background:#fff;border:1px solid var(--line);text-decoration:none;font-weight:600}
.related-comparisons a:hover,.related-comparisons a:focus{border-color:var(--blue);color:var(--blue)}
.food-intro .eyebrow a{color:inherit;text-underline-offset:.2em}
@media(max-width:700px){.related-comparisons ul{grid-template-columns:1fr}}