:root{--ink:#162315;--muted:#5e6d5b;--cream:#fffdf4;--paper:#fff;--lime:#b7e449;--mango:#ffbd35;--leaf:#2f7d4b;--line:#e3e9d6;--soft:#f3f8df;--dark:#17351f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}
a{color:#28653e;text-decoration-thickness:1.5px;text-underline-offset:3px}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}
.topbar{background:var(--dark);color:white;font-size:.86rem;text-align:center;padding:7px 16px}.topbar a{color:#dfff88}
.header{position:sticky;top:0;z-index:50;background:rgba(255,253,244,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-inner{min-height:72px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:1.27rem;color:var(--ink);text-decoration:none}.logo{width:38px;height:38px}.nav{display:flex;gap:18px;margin-left:auto;align-items:center}.nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:.92rem}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--mango);color:#2e250b!important;text-decoration:none!important;border:2px solid #a46b00;border-radius:999px;padding:11px 17px;font-weight:900;box-shadow:0 3px 0 #a46b00}.btn:hover{transform:translateY(1px);box-shadow:0 2px 0 #a46b00}
.menu{display:none;background:none;border:0;font-size:1.4rem}.hero{padding:72px 0 48px;background:radial-gradient(circle at 85% 15%,#ecf7c3 0,transparent 35%),linear-gradient(180deg,#fffdf4,#f9fbe8)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.eyebrow{font-size:.77rem;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:#477239}.hero h1,.article h1{font-size:clamp(2.35rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.055em;margin:.25em 0}.hero p{font-size:1.15rem;color:var(--muted);max-width:680px}.fruit-card{background:var(--dark);color:white;border-radius:28px;padding:30px;box-shadow:0 18px 55px rgba(23,53,31,.17)}.fruit-card h2{font-size:2rem;margin:.2em 0}.fruit-card .metric{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.metric div{background:#23472c;border:1px solid #376842;border-radius:16px;padding:16px}.metric b{font-size:1.5rem;display:block;color:#dffb8a}
.section{padding:56px 0}.section h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.03em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 6px 20px rgba(35,62,37,.045)}.card h3{margin:.2em 0 .45em;line-height:1.25}.card p{color:var(--muted)}.pill{display:inline-block;background:var(--soft);border:1px solid #d5e6a8;border-radius:999px;padding:4px 9px;font-size:.77rem;font-weight:800}
.breadcrumbs{font-size:.86rem;color:var(--muted);padding-top:24px}.article-shell{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:40px;align-items:start;padding-bottom:72px}.article{background:white;border:1px solid var(--line);border-radius:22px;padding:34px}.article h1{font-size:clamp(2.2rem,4vw,3.7rem)}.article h2{font-size:1.65rem;line-height:1.2;margin-top:2em}.lede{font-size:1.16rem;color:#3d4f3b}.note,.callout{border-left:5px solid var(--lime);background:#f8fbe9;padding:17px 18px;margin:24px 0;border-radius:0 12px 12px 0}.check li{margin:.55em 0}.cta-box{background:linear-gradient(135deg,#16351f,#285d35);color:white;border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;margin:30px 0}.cta-box p{margin-bottom:0;color:#dfeadd}.cta-box h3{font-size:1.4rem;margin:.2em 0}.sidebar{position:sticky;top:98px}.sidebox{background:#183921;color:white;border-radius:20px;padding:22px;margin-bottom:18px}.sidebox h3{margin:.2em 0}.sidebox p{color:#d7e7d8;font-size:.92rem}.sidebox .btn{width:100%}.toc{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.toc a{display:block;padding:6px 0;text-decoration:none;font-size:.9rem}
.related{border-top:1px solid var(--line);margin-top:36px;padding-top:24px}.related ul{padding-left:18px}.footer{background:#122b19;color:#dce7dc;padding:44px 0 86px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer a{color:#eaffb0}.mobile-sticky{display:none}.hub-hero{padding:48px 0 28px}.hub-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);letter-spacing:-.05em}.small{font-size:.85rem;color:var(--muted)}
@media(max-width:900px){.nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--cream);padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu{display:block;margin-left:auto}.hero-grid,.article-shell,.footer-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.sidebar{display:none}.article{padding:24px}.cta-box{grid-template-columns:1fr}.mobile-sticky{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:80}.mobile-sticky .btn{width:100%;padding:14px 18px}.footer{padding-bottom:110px}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.hero{padding-top:45px}.topbar{font-size:.78rem}.header-inner{min-height:64px}.nav{top:64px}.article{border-left:0;border-right:0;border-radius:0}.wrap.article-wrap{width:100%}.breadcrumbs{padding-left:18px;padding-right:18px}}