:root{--ink:#17233a;--navy:#14263c;--paper:#fffaf1;--oat:#f4e9d7;--sage:#78917d;--sage2:#dfe9df;--clay:#c76e52;--gold:#e9b85f;--line:#dfd7c9;--muted:#5d6571;--white:#fff;--max:1440px;--shadow:0 14px 40px rgba(23,35,58,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.68 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#245f55;text-underline-offset:3px}a:hover{color:#173f39}img{max-width:100%}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:1rem;top:1rem;z-index:999;background:#fff;padding:.7rem 1rem;border-radius:.5rem}.site-header{background:rgba(255,250,241,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}.brand-row{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.72rem 1.25rem}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--navy);min-width:max-content}.brand-mark{width:46px;height:46px;border-radius:13px;background:var(--navy);display:grid;place-items:center;color:var(--paper);font-size:1.4rem;box-shadow:inset 0 -4px 0 rgba(255,255,255,.08)}.brand b{display:block;font-family:Georgia,serif;font-size:1.04rem;line-height:1.05}.brand small{display:block;color:var(--muted);font-size:.74rem;letter-spacing:.035em;margin-top:.15rem}.main-nav{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.main-nav a{text-decoration:none;color:var(--ink);font-weight:700;font-size:.88rem;padding:.56rem .7rem;border-radius:.65rem}.main-nav a:hover{background:var(--oat)}main{max-width:var(--max);margin:auto;padding:0 1.25rem 3rem}.home-hero{margin:1.5rem 0 2.25rem;min-height:470px;background:var(--navy);color:#fff;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;box-shadow:var(--shadow);position:relative}.home-hero>div:first-child{padding:clamp(2rem,5vw,5rem);z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.75rem;color:#a44f38}.home-hero .eyebrow{color:#f5ca7f}.home-hero h1{font:clamp(2.6rem,5vw,5.8rem)/.98 Georgia,serif;margin:.45rem 0 1rem;letter-spacing:-.035em}.home-hero h1 em{font-weight:400;color:#f2d49d}.lead{font-size:1.16rem;color:#e5e9ef;max-width:760px}.button-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.4rem}.btn{display:inline-block;background:var(--gold);color:#1d2b40!important;text-decoration:none;font-weight:850;padding:.78rem 1rem;border-radius:.7rem;border:1px solid transparent}.btn.alt{background:transparent;color:#fff!important;border-color:#8190a2}.pantry-scene{align-self:stretch;min-height:430px;background:linear-gradient(160deg,#eadfc9,#fff6e5);position:relative;border-left:8px solid rgba(255,255,255,.08)}.shelf{position:absolute;left:9%;right:7%;height:16px;background:#9c674e;border-radius:6px;box-shadow:0 7px 0 rgba(0,0,0,.08)}.s1{top:31%}.s2{top:67%}.jar{position:absolute;background:#fbf5e9;border:6px solid #26455a;border-top-width:12px;border-radius:13px 13px 18px 18px}.jar:after{content:"";position:absolute;left:16%;right:16%;bottom:20%;height:22%;background:#d6b47c;border-radius:50%}.j1{width:105px;height:145px;left:17%;top:9%}.j2{width:85px;height:120px;left:49%;top:14%;border-color:#647a69}.j3{width:116px;height:160px;right:12%;top:45%;border-color:#b15d47}.bowl{position:absolute;width:210px;height:88px;left:16%;bottom:8%;background:#597d6b;border-radius:10px 10px 100px 100px;border-top:12px solid #314d42}.bowl:before{content:"••••••••";position:absolute;left:33px;top:-32px;color:#815c3e;font-size:24px;letter-spacing:4px;transform:rotate(-4deg)}.scoop{position:absolute;width:120px;height:28px;right:15%;top:30%;background:#d18a5f;border-radius:30px;transform:rotate(-18deg)}.scoop:after{content:"";position:absolute;width:46px;height:46px;border-radius:50%;left:-22px;top:-9px;background:#d18a5f}.mini-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:-.5rem 0 3rem}.mini-facts div{background:#fff;border:1px solid var(--line);border-top:5px solid var(--sage);padding:1rem 1.1rem;border-radius:0 0 16px 16px}.mini-facts b,.mini-facts span{display:block}.mini-facts span{color:var(--muted);font-size:.94rem;margin-top:.2rem}.section-title{font:clamp(2rem,3vw,3.2rem)/1.1 Georgia,serif;margin:.25rem 0 1.35rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:3.4rem}.card{background:#fff;border:1px solid var(--line);padding:1.35rem;border-radius:18px;box-shadow:0 8px 22px rgba(23,35,58,.05)}.card h3{font:1.32rem/1.2 Georgia,serif;margin:.1rem 0 .55rem}.card p{color:var(--muted);margin:.4rem 0 .9rem}.card a{font-weight:800}.feature-band{background:var(--sage);color:#fff;border-radius:25px;padding:clamp(1.6rem,4vw,3.5rem);display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin:3rem 0}.feature-band h2{font:2.4rem/1.05 Georgia,serif;margin:.4rem 0}.feature-band p{color:#f4f7f4}.checklist{display:grid;gap:.55rem}.checklist span{background:rgba(255,255,255,.13);padding:.65rem .8rem;border-radius:.6rem}.page-hero{margin:1.45rem 0 1.5rem;background:linear-gradient(120deg,var(--navy),#28485d);color:#fff;padding:clamp(2rem,5vw,4rem);border-radius:25px}.page-hero h1{font:clamp(2.3rem,4.7vw,4.6rem)/1 Georgia,serif;margin:.35rem 0 1rem;max-width:1050px}.page-hero p{font-size:1.12rem;color:#e6ebef;max-width:920px;margin:0}.breadcrumb{font-size:.84rem;color:#b9c5ce}.breadcrumb a{color:#dbe7df}.content-shell{display:grid;grid-template-columns:minmax(0,880px) minmax(240px,1fr);gap:2.2rem;align-items:start}.article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(1.25rem,3vw,2.5rem);box-shadow:0 10px 28px rgba(23,35,58,.04)}.article h2{font:1.9rem/1.15 Georgia,serif;margin:2.1rem 0 .65rem}.article h2:first-child{margin-top:.2rem}.article h3{font:1.25rem/1.25 Georgia,serif;margin:1.4rem 0 .45rem}.article p{margin:.7rem 0}.article li{margin:.4rem 0}.article .callout{background:var(--sage2);border-left:5px solid var(--sage);padding:1rem 1.1rem;border-radius:0 12px 12px 0;margin:1.4rem 0}.article .warning{background:#fff0e8;border-left-color:var(--clay)}.side{position:sticky;top:88px;display:grid;gap:1rem}.side-box{background:var(--oat);border:1px solid var(--line);padding:1.05rem;border-radius:16px}.side-box h3{margin:.1rem 0 .6rem;font:1.16rem Georgia,serif}.side-box a{display:block;margin:.35rem 0;font-weight:700}.tool{background:#fff;border:1px solid var(--line);padding:1.3rem;border-radius:18px}.field{margin:.85rem 0}.field label{display:block;font-weight:800;margin-bottom:.3rem}.field input,.field select{width:100%;font:inherit;padding:.72rem .8rem;border:1px solid #aeb5bd;border-radius:.6rem;background:#fff}.result{margin-top:1rem;background:var(--sage2);border:1px solid #b9cbbb;padding:1rem;border-radius:12px}.result b{font-size:1.1rem}.tool button{border:0;background:var(--navy);color:#fff;padding:.78rem 1rem;border-radius:.65rem;font-weight:800;cursor:pointer}.check-row{display:flex;gap:.65rem;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:.8rem;border-radius:.65rem;margin:.55rem 0}.check-row input{margin-top:.35rem;transform:scale(1.25)}.site-footer{background:#101e30;color:#dce3ea;margin-top:3rem}.footer-grid{max-width:var(--max);margin:auto;padding:2.2rem 1.25rem;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:1.8rem}.site-footer strong{color:#fff}.site-footer a{display:block;color:#dce3ea;margin:.38rem 0}.site-footer p{color:#c1cbd5}.footer-bottom{border-top:1px solid #304156;max-width:var(--max);margin:auto;padding:1rem 1.25rem;color:#aeb8c4;font-size:.86rem}.table-wrap{overflow:auto}.compare{width:100%;border-collapse:collapse;min-width:620px}.compare th,.compare td{text-align:left;border-bottom:1px solid var(--line);padding:.75rem}.compare th{background:var(--oat)}.source-list li{margin:.7rem 0}.tagline{color:var(--muted)}
@media(max-width:980px){.brand-row{align-items:flex-start;flex-direction:column}.main-nav{justify-content:flex-start}.home-hero{grid-template-columns:1fr}.pantry-scene{min-height:340px;border-left:0;border-top:8px solid rgba(255,255,255,.08)}.content-shell{grid-template-columns:1fr}.side{position:static}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-band{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){body{font-size:16px}.brand-row{padding:.7rem .9rem}.main-nav{gap:.15rem}.main-nav a{font-size:.82rem;padding:.45rem .5rem}main{padding:0 .85rem 2rem}.home-hero{border-radius:18px;margin-top:1rem}.home-hero>div:first-child{padding:1.55rem}.home-hero h1{font-size:2.65rem}.pantry-scene{min-height:285px}.j1{left:10%;transform:scale(.8)}.j2{left:43%;transform:scale(.8)}.j3{right:5%;transform:scale(.75)}.bowl{left:8%;transform:scale(.8);transform-origin:left bottom}.mini-facts,.card-grid,.footer-grid{grid-template-columns:1fr}.page-hero{border-radius:18px;padding:1.5rem}.page-hero h1{font-size:2.45rem}.article{padding:1.1rem}.feature-band{border-radius:18px}.footer-grid{gap:.8rem}}