:root{--green:#2F6B3F;--young:#8DBF67;--soil:#8A5A3C;--rice:#D6A23A;--cream:#F6F1E7;--ivory:#FFFDF7;--text:#2F332F;--muted:#667064;--line:#DCE8D5;--soft-green:#EDF6E8;--soft-rice:#FBF2DC;--soft-soil:#F3EBE3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:"Be Vietnam Pro",Helvetica;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(16px,4vw,48px);background:rgba(255,253,247,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--green);font-weight:800}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--green);color:var(--ivory);font-size:.8rem}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.nav a{min-height:36px;padding:9px 10px;border-radius:8px;color:var(--muted);font-size:.9rem;font-weight:700}.nav a:hover{color:var(--green);background:var(--soft-green)}.hero{position:relative;min-height:620px;display:grid;align-items:center;overflow:hidden;padding:clamp(56px,9vw,110px) clamp(18px,5vw,72px)}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,45,28,.82),rgba(25,45,28,.48) 46%,rgba(25,45,28,.08)),url("assets/hero-garden-1200.webp") center/cover no-repeat}.hero-copy{position:relative;max-width:730px;color:var(--ivory)}.eyebrow{margin:0 0 12px;color:var(--green);font-size:.78rem;font-weight:800;text-transform:uppercase}.hero .eyebrow{color:#dcefd2}h1,h2,h3,p{margin-top:0}h1{max-width:900px;margin-bottom:18px;font-size:clamp(2.7rem,7vw,6.2rem);line-height:.98}h2{margin-bottom:12px;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.08}h3{margin-bottom:10px;font-size:1.08rem}p{line-height:1.66}.hero p{max-width:640px;color:rgba(255,253,247,.9);font-size:clamp(1rem,2vw,1.2rem)}.hero-actions,.card-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions{margin-top:28px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid transparent;border-radius:8px;font-weight:800;cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.48}.primary{background:var(--green);color:var(--ivory)}.secondary{border-color:rgba(255,253,247,.6);color:var(--ivory)}.ghost{background:var(--soft-green);color:var(--green)}.affiliate{background:var(--rice);color:var(--text)}.section{padding:clamp(54px,8vw,94px) clamp(18px,5vw,72px)}.soft{background:var(--soft-green)}.section-heading{max-width:820px;margin-bottom:30px}.section-heading.center{margin-inline:auto;text-align:center}.section-heading.compact{margin-bottom:18px}.section-heading.second{margin-top:42px}.section-heading p:not(.eyebrow),.page-hero p{color:var(--muted);font-size:1.04rem}.page-hero{background:linear-gradient(135deg,var(--ivory),var(--soft-green))}.page-hero h1{max-width:980px;color:var(--green);font-size:clamp(2.3rem,5.2vw,4.8rem)}.solution-hero{background:linear-gradient(135deg,var(--soft-green),var(--ivory) 55%,var(--soft-rice))}.finder{background:var(--ivory)}.step-block{max-width:1180px;margin:0 auto 24px;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--ivory);box-shadow:0 8px 24px rgba(47,51,47,.05)}.step-block.disabled{opacity:.62}.step-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-title span{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:var(--green);color:var(--ivory);font-weight:900}.step-title h3{margin:0}.choice-grid,.need-grid,.crop-grid,.card-grid,.combo-grid,.link-grid,.three-column{display:grid;gap:16px}.choice-grid.crops{grid-template-columns:repeat(5,minmax(0,1fr))}.choice-grid.groups,.card-grid,.combo-grid,.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.crop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.need-grid,.link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card,.need-pill{position:relative;min-height:96px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--ivory);color:var(--text);text-align:left;cursor:pointer}.choice-card strong{display:block;margin-bottom:8px;font-size:1.08rem}.choice-card small{color:var(--muted);line-height:1.45}.choice-card:hover,.need-pill:hover{border-color:var(--green)}.choice-card.selected,.need-pill.selected{border-color:var(--green);background:var(--green);color:var(--ivory)}.choice-card.selected small{color:rgba(255,253,247,.86)}.choice-card.group-nutrition{border-top:5px solid var(--young)}.choice-card.group-pest-disease{border-top:5px solid var(--rice)}.choice-card.group-cultivation-technique{border-top:5px solid var(--soil)}.check-mark{position:absolute;top:10px;right:10px;display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:var(--ivory);color:var(--green);font-weight:900}.need-pill{min-height:60px;font-weight:800}.empty-state{grid-column:1/-1;color:var(--muted)}.finder-result{max-width:1180px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto;padding:18px 20px;border-radius:8px;background:var(--soft-rice)}.finder-result span,.tag{display:block;margin-bottom:5px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.finder-result strong{overflow-wrap:anywhere}.topic-link,.mini-link,.content-card,.content-panel,.product-card,.combo-card,.warning-box,.consult-form{border:1px solid var(--line);border-radius:8px;background:var(--ivory);box-shadow:0 8px 24px rgba(47,51,47,.05)}.topic-link{display:flex;min-height:72px;align-items:center;padding:16px;color:var(--green);font-weight:800}.topic-link:hover,.mini-link:hover,.text-link:hover{color:var(--soil)}.content-card,.content-panel,.combo-card{padding:22px}.content-card p,.combo-card p,.content-panel p{color:var(--muted)}.text-link{color:var(--green);font-weight:800}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.stack{display:grid;gap:16px}.product-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:18px}.product-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--soft-green)}.product-card p{margin-bottom:8px;color:var(--muted)}.mini-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mini-link{display:inline-flex;padding:8px 10px;color:var(--green);font-weight:800}.accent-nutrition{border-top:5px solid var(--young)}.accent-pest-disease{border-top:5px solid var(--rice)}.accent-cultivation-technique{border-top:5px solid var(--soil)}.check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.check-list li{position:relative;padding-left:28px;line-height:1.55}.check-list li:before{position:absolute;left:0;top:0;content:"\2713";color:var(--green);font-weight:900}.check-list.caution li:before{color:var(--rice)}.warning-box{margin-top:24px;padding:22px;background:var(--soft-rice);border-color:rgba(214,162,58,.45)}.warning-box h3{color:var(--soil)}.warning-box li{margin-bottom:8px;line-height:1.55}.play-icon{display:grid;width:44px;height:44px;place-items:center;margin-bottom:14px;border-radius:8px;background:var(--green);color:var(--ivory)}.video-frame{display:grid;min-height:320px;place-items:center;padding:28px;border-radius:8px;background:linear-gradient(135deg,var(--green),var(--soil));color:var(--ivory);text-align:center}.video-frame span{display:block;font-size:2rem;font-weight:900}.video-frame a{overflow-wrap:anywhere;color:var(--rice);font-weight:800}.article-page .readable{max-width:860px;margin:0 auto;color:var(--text);font-size:1.08rem}.detail-list{display:grid;gap:12px}.detail-list div{padding-bottom:12px;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted);font-weight:800}.detail-list dd{margin:4px 0 0;overflow-wrap:anywhere}.consult-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px;padding:clamp(20px,4vw,34px)}label{display:grid;gap:8px;color:var(--text);font-weight:800}input,select,textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text)}textarea{resize:vertical}.wide{grid-column:1/-1}.form-note{grid-column:1/-1;margin:0;color:var(--green);font-weight:800}.cta-band{margin:clamp(20px,5vw,56px);padding:clamp(30px,6vw,58px);border-radius:8px;background:var(--green);color:var(--ivory)}.cta-band p{max-width:720px;color:rgba(255,253,247,.86)}.cta-band .primary{background:var(--rice);color:var(--text)}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(18px,5vw,72px);background:var(--green);color:rgba(255,253,247,.86)}.footer p{margin:6px 0 0}.footer-link{color:var(--rice);font-weight:900}.load-error{max-width:720px;margin:80px auto;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--ivory)}@media(max-width:1050px){.site-header{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.choice-grid.crops,.crop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid.groups,.card-grid,.combo-grid,.need-grid,.link-grid,.three-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.hero{min-height:700px;align-items:end}.hero-media{background:linear-gradient(180deg,rgba(25,45,28,.18),rgba(25,45,28,.86) 66%),url("assets/hero-garden-1200.webp") center/cover no-repeat}.choice-grid.crops,.choice-grid.groups,.crop-grid,.card-grid,.combo-grid,.need-grid,.link-grid,.two-column,.three-column,.consult-form{grid-template-columns:1fr}.product-card{grid-template-columns:1fr}.product-card img{max-width:220px}.finder-result,.footer{align-items:stretch;flex-direction:column}}@media(max-width:480px){.section{padding-inline:14px}.step-block{padding:16px}.button,.card-actions .button{width:100%}}

.brand-mark{overflow:hidden;background:var(--ivory);border:1px solid var(--line)}.brand-mark img{width:100%;height:100%;object-fit:contain;padding:3px}.choice-image{width:100%;height:96px;object-fit:cover;border-radius:8px;margin-bottom:14px;background:var(--soft-green)}.choice-card.selected .choice-image{opacity:.88}.crop-card-image{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:16px;background:var(--soft-green)}@media(max-width:760px){.choice-image{height:130px}.crop-card-image{height:180px}}
.need-stage-list{display:grid;gap:20px}.need-stage{padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(237,246,232,.45)}.need-stage h4{margin:0 0 14px;color:var(--green);font-size:.92rem;font-weight:900;text-transform:uppercase;line-height:1.35}.need-grid.stage-needs{grid-template-columns:repeat(2,minmax(0,1fr))}.need-grid.stage-needs .need-pill{min-height:64px;background:var(--ivory)}.need-grid.stage-needs .need-pill.selected{background:var(--green);color:var(--ivory)}@media(min-width:1051px){.need-stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}.need-stage:nth-child(4){grid-column:auto}}@media(max-width:760px){.need-grid.stage-needs{grid-template-columns:1fr}.need-stage{padding:14px}}
.active-list{gap:14px}.active-list li span{display:block;margin-top:4px;color:var(--muted);font-weight:500}.active-panel h3{color:var(--green)}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.process-step span{display:inline-grid;min-width:64px;min-height:32px;place-items:center;margin-bottom:12px;border-radius:8px;background:var(--green);color:var(--ivory);font-size:.82rem;font-weight:900}.process-step p{margin:0;color:var(--muted)}.solution-hero .affiliate{margin-top:18px}@media(max-width:1050px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.process-grid{grid-template-columns:1fr}}@media print{.site-header,.footer,.nav,.button{display:none!important}.section{padding:24px!important}.page-hero{background:#fff!important}.content-card,.content-panel,.product-card,.combo-card,.warning-box{box-shadow:none!important;break-inside:avoid}body{background:#fff!important}}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-grid .product-card{grid-template-columns:132px minmax(0,1fr);align-items:start}.product-actions .button{min-height:42px;padding:10px 12px}.button.shopee{background:#ee4d2d;color:#fff}.button.shopee:hover{background:#d93f21;transform:translateY(-1px)}.button.tiktok{background:#050505;color:#fff}.button.tiktok:hover{background:#242424;transform:translateY(-1px)}.process-step{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.process-step span{transition:background .22s ease,color .22s ease,transform .22s ease}.process-step:hover{transform:translateY(-6px);border-color:var(--young);background:linear-gradient(180deg,var(--ivory),var(--soft-green));box-shadow:0 18px 36px rgba(47,107,63,.16)}.process-step:hover span{background:var(--rice);color:var(--text);transform:scale(1.04)}.process-step:hover h3{color:var(--green)}@media(max-width:1050px){.product-grid{grid-template-columns:1fr}}@media(max-width:760px){.product-grid .product-card{grid-template-columns:1fr}.product-actions .button{width:100%}}
.pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.page-button{display:inline-grid;min-width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--ivory);color:var(--green);font-weight:900;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.page-button:hover{border-color:var(--green);background:var(--soft-green);transform:translateY(-1px)}.page-button.active{border-color:var(--green);background:var(--green);color:var(--ivory)}
.solution-resources{align-items:stretch}.solution-resources>div{display:flex;min-height:100%;flex-direction:column}.solution-resources .paged-stack{flex:1}.solution-resources .pagination{margin-top:auto;padding-top:16px}.active-list li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;margin:0 -10px;padding:8px 10px 8px 0;border-radius:8px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.active-list li:before{display:none}.active-list li strong,.active-list li span{transition:color .2s ease,transform .2s ease}.active-icon{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:var(--soft-green);color:var(--green);font-weight:900;line-height:1;transition:transform .22s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.active-list li:hover{transform:translateX(6px);background:linear-gradient(90deg,rgba(237,246,232,.95),rgba(251,242,220,.58));box-shadow:inset 3px 0 0 var(--young)}.active-list li:hover .active-icon{transform:scale(1.08) rotate(-4deg);background:var(--green);color:var(--ivory);box-shadow:0 8px 18px rgba(47,107,63,.18)}.active-list li:hover strong{color:var(--green);transform:translateX(2px)}.active-list li:hover span{color:var(--soil)}
.product-detail-section{background:var(--ivory)}.product-detail-intro{max-width:1040px;margin-bottom:22px}.product-detail-intro p{font-size:1.05rem;color:var(--muted)}.product-detail-grid{margin-bottom:10px}.product-detail-section .content-card h3,.product-detail-section .combo-card h3{color:var(--green)}
.product-profile-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:24px;align-items:stretch;background:linear-gradient(135deg,var(--soft-green),var(--ivory) 58%,var(--soft-rice))}.product-profile-main,.product-quick-card,.product-detail-block,.product-cta-card{border:1px solid var(--line);border-radius:8px;background:rgba(255,253,247,.96);box-shadow:0 10px 28px rgba(47,51,47,.06)}.product-profile-main{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:24px;align-items:center;padding:clamp(18px,3vw,30px)}.product-profile-main img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--soft-green)}.product-profile-main h1{margin-bottom:12px;color:var(--green);font-size:clamp(2.1rem,4.3vw,4.1rem);line-height:1.02}.product-profile-main p{max-width:760px;color:var(--muted);font-size:1.04rem}.product-quick-card{padding:clamp(18px,3vw,28px)}.product-profile-list{display:grid;gap:0;margin:0}.product-profile-list div{display:grid;grid-template-columns:minmax(130px,.42fr) minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.product-profile-list div:last-child{border-bottom:0}.product-profile-list dt{color:var(--muted);font-size:.86rem;font-weight:900}.product-profile-list dd{margin:0;color:var(--text);line-height:1.55;overflow-wrap:anywhere}.product-profile-detail{display:grid;gap:18px;background:var(--cream)}.product-detail-block{padding:clamp(18px,3vw,28px)}.product-detail-block summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;color:var(--green);font-size:clamp(1.35rem,2.2vw,2rem);font-weight:900;line-height:1.15;cursor:default;list-style:none}.product-detail-block summary::-webkit-details-marker{display:none}.product-detail-block summary:after{display:none}.product-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--ivory)}.product-table{width:100%;border-collapse:collapse;table-layout:auto}.product-table th,.product-table td{max-width:720px;padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6;white-space:normal;overflow-wrap:anywhere}.product-table th{background:var(--soft-green);color:var(--green);font-size:.86rem;font-weight:900;text-transform:uppercase}.product-table td{color:var(--muted)}.product-table td:first-child{color:var(--text);font-weight:800}.product-table tr:last-child td{border-bottom:0}.product-warning-box{margin-top:16px;padding:16px;border:1px solid rgba(214,162,58,.45);border-radius:8px;background:var(--soft-rice);color:var(--soil)}.product-warning-box p{margin:0;color:var(--soil)}.product-warning-box p+p{margin-top:8px}.product-bottom-cta{padding-top:0;background:var(--cream)}.product-cta-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:clamp(20px,4vw,34px);background:linear-gradient(135deg,var(--green),#245734);color:var(--ivory)}.product-cta-card h2{margin-bottom:8px;color:var(--ivory);font-size:clamp(1.45rem,2.4vw,2.3rem)}.product-cta-card p{max-width:660px;margin:0;color:rgba(255,253,247,.86)}.product-cta-card .primary{background:var(--rice);color:var(--text)}
@media(max-width:1050px){.product-profile-hero{grid-template-columns:1fr}.product-profile-main{grid-template-columns:190px minmax(0,1fr)}.product-cta-card{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.product-profile-main{grid-template-columns:1fr}.product-profile-main img{max-width:230px}.product-profile-list div{grid-template-columns:1fr;gap:5px}.product-table{min-width:620px}.product-detail-block{padding:18px}.product-detail-block summary{cursor:pointer}.product-detail-block summary:after{content:"+";display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:8px;background:var(--soft-green);color:var(--green);font-size:1.1rem}.product-detail-block[open] summary:after{content:"-";background:var(--green);color:var(--ivory)}.product-profile-hero,.product-profile-detail{gap:14px}}
.product-note{margin-top:0}.product-note p{margin:0;color:var(--muted)}
.product-card{overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.product-card img{transition:transform .28s ease,filter .28s ease}.product-card:hover{transform:translateY(-5px);border-color:rgba(141,191,103,.85);background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.72));box-shadow:0 0 0 1px rgba(141,191,103,.45),0 18px 42px rgba(47,107,63,.18)}.product-card:hover img{transform:scale(1.08);filter:saturate(1.08) contrast(1.04)}
.need-grid.compact-needs{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.need-grid.compact-needs .need-pill{min-height:92px;padding:20px;border-width:1px;background:linear-gradient(180deg,var(--ivory),rgba(255,253,247,.92));transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.need-grid.compact-needs .need-pill:hover{transform:translateY(-5px);border-color:var(--young);background:linear-gradient(180deg,var(--ivory),var(--soft-green));box-shadow:0 0 0 1px rgba(141,191,103,.4),0 16px 34px rgba(47,107,63,.16);color:var(--green)}.need-grid.compact-needs .need-pill.selected{border-color:var(--green);background:var(--green);color:var(--ivory);box-shadow:0 16px 34px rgba(47,107,63,.2)}@media(max-width:760px){.need-grid.compact-needs{grid-template-columns:1fr}.need-grid.compact-needs .need-pill{min-height:72px}}
.technical-combo-card{display:flex;flex-direction:column;gap:14px}.technical-combo-card dl{display:grid;gap:12px;margin:0}.technical-combo-card dt{margin-bottom:3px;color:var(--green);font-size:.78rem;font-weight:900;text-transform:uppercase}.technical-combo-card dd{margin:0;color:var(--muted);line-height:1.55}.technical-combo-card .button{align-self:flex-start;margin-top:auto}.technical-combo-card:hover{border-color:var(--young);box-shadow:0 16px 34px rgba(47,107,63,.14)}
.technical-combo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.technical-combo-grid .technical-combo-card{min-width:0}@media(max-width:1200px){.technical-combo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.technical-combo-grid{grid-template-columns:1fr}}
.active-heading{max-width:none}.active-heading h2{white-space:nowrap;font-size:clamp(1.75rem,3vw,2.85rem)}@media(max-width:760px){.active-heading h2{white-space:normal}}
.readable h2{margin:34px 0 12px;color:var(--green);font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.2}.readable h3{margin:26px 0 10px;color:var(--soil)}.readable ul{margin:0 0 20px;padding-left:24px}.readable li{margin-bottom:8px;line-height:1.65}.article-read-next{margin-top:28px;padding:18px;border-left:4px solid var(--rice);background:var(--soft-rice);border-radius:8px}.content-card h3 a:hover{color:var(--green)}
.solution-hero .solution-title{max-width:980px;color:var(--green);font-size:clamp(2.45rem,5.2vw,4.85rem);line-height:1.02}.solution-title-nowrap{max-width:980px;white-space:normal;font-size:clamp(2.15rem,4.15vw,4.35rem)}
.technical-combo-card h3{color:var(--soil);font-size:clamp(1.18rem,1.45vw,1.48rem);line-height:1.28;font-weight:900}.technical-combo-card:hover h3{color:var(--green)}
.technical-combo-grid .technical-combo-card:nth-child(1) h3{color:var(--green)}.technical-combo-grid .technical-combo-card:nth-child(2) h3{color:#2f7d53}.technical-combo-grid .technical-combo-card:nth-child(3) h3{color:var(--soil)}.technical-combo-grid .technical-combo-card:nth-child(4) h3{color:#6f4b2f}
.article-card-with-thumb{display:grid;grid-template-columns:40% minmax(0,1fr);gap:20px;align-items:stretch;padding:0;overflow:hidden}.article-thumb{display:block;min-height:100%;overflow:hidden;background:var(--soft-green)}.article-thumb img{display:block;width:100%;height:100%;min-height:190px;object-fit:cover;transition:transform .28s ease,filter .28s ease}.article-card-with-thumb:hover .article-thumb img{transform:scale(1.055);filter:saturate(1.08) contrast(1.03)}.article-card-copy{padding:22px 22px 22px 0}.article-card-copy h3{font-size:1.08rem;line-height:1.35}.article-card-copy p{margin-bottom:14px}@media(max-width:760px){.article-card-with-thumb{grid-template-columns:1fr}.article-card-copy{padding:18px}.article-thumb img{min-height:180px;aspect-ratio:16/9}}
.content-panel>h3{font-size:clamp(1.28rem,1.65vw,1.65rem);line-height:1.25;color:var(--green);font-weight:900}.process-step h3{font-size:clamp(1.2rem,1.35vw,1.42rem);line-height:1.28;color:var(--text);font-weight:900}.process-step:hover h3{color:var(--green)}

.finder-result-centered{justify-content:center;text-align:center}.finder-result-centered .button{min-width:180px}

.finder-intro{max-width:920px}.finder-intro h2{max-width:900px;margin-inline:auto}.finder-intro-steps{max-width:720px;margin:22px auto 0;text-align:left}.finder-intro-steps strong{display:block;margin-bottom:10px;color:var(--green);font-size:1.02rem}.finder-intro-steps ol{margin:0;padding-left:22px;color:var(--text);line-height:1.7;font-weight:700}.finder-intro-steps li+li{margin-top:4px}

.choice-grid.crops .choice-card{overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.choice-grid.crops .choice-image{transition:transform .28s ease,filter .28s ease}.choice-grid.crops .choice-card:hover{transform:translateY(-6px) scale(1.015);border-color:rgba(141,191,103,.95);box-shadow:0 0 0 1px rgba(141,191,103,.52),0 18px 42px rgba(47,107,63,.17);background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.72))}.choice-grid.crops .choice-card:hover .choice-image{transform:scale(1.08);filter:saturate(1.12) contrast(1.05) brightness(1.03)}.choice-grid.crops .choice-card.selected:hover{border-color:var(--young);box-shadow:0 0 0 2px rgba(141,191,103,.65),0 20px 44px rgba(47,107,63,.24);background:var(--green)}

.finder-intro{max-width:1180px}.finder-intro h2{max-width:none;white-space:nowrap;font-size:clamp(2rem,3.9vw,3.35rem)}.finder-intro>p{max-width:1120px;margin-inline:auto}.finder-intro>p br{display:block}@media(max-width:1050px){.finder-intro h2{white-space:normal}}@media(max-width:760px){.finder-intro>p br{display:none}}

.knowledge-home{background:linear-gradient(180deg,var(--ivory),var(--soft-green))}.knowledge-grid{align-items:stretch}.knowledge-card{position:relative;display:flex;min-height:280px;flex-direction:column;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.knowledge-card:hover{transform:translateY(-6px);border-color:rgba(141,191,103,.95);background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.78));box-shadow:0 0 0 1px rgba(141,191,103,.48),0 18px 42px rgba(47,107,63,.16)}.knowledge-card p{flex:1}.knowledge-card .button{align-self:flex-start;margin-top:12px}.knowledge-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:16px;border-radius:8px;background:var(--green);color:var(--ivory);font-size:1.18rem;font-weight:900}.mini-topic-list{display:grid;gap:8px;margin:14px 0 18px;padding:0;list-style:none}.mini-topic-list li{position:relative;padding-left:22px;color:var(--muted);line-height:1.45}.mini-topic-list li:before{position:absolute;left:0;content:"\2713";color:var(--green);font-weight:900}.knowledge-overview .content-panel h2{color:var(--green)}

.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.knowledge-card{padding:0;min-height:0;color:inherit;text-decoration:none;overflow:hidden}.knowledge-card:hover{transform:translateY(-6px);border-color:rgba(141,191,103,.95);background:var(--ivory);box-shadow:0 0 0 1px rgba(141,191,103,.48),0 18px 42px rgba(47,107,63,.16)}.knowledge-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--soft-green);transition:transform .28s ease,filter .28s ease}.knowledge-card:hover .knowledge-thumb{transform:scale(1.035);filter:saturate(1.08) brightness(1.03)}.knowledge-card-body{display:flex;min-height:260px;flex-direction:column;padding:22px}.knowledge-badge{display:grid;width:34px;height:34px;place-items:center;margin-bottom:14px;border-radius:8px;background:var(--green);color:var(--ivory);font-weight:900}.knowledge-card h3{font-size:clamp(1.25rem,1.8vw,1.65rem);color:var(--text)}.knowledge-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--muted)}.knowledge-card .button{align-self:flex-start;margin-top:auto}.knowledge-icon{display:none}@media(max-width:760px){.knowledge-grid{grid-template-columns:1fr}.knowledge-card-body{min-height:0}}

.knowledge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.knowledge-card-body{min-height:300px}@media(min-width:1400px){.knowledge-home .knowledge-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.knowledge-home .knowledge-card-body{min-height:300px;padding:18px}.knowledge-home .knowledge-card h3{font-size:clamp(1.08rem,1.05vw,1.28rem)}}@media(max-width:760px){.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.knowledge-card-body{min-height:260px;padding:16px}.knowledge-card h3{font-size:1.05rem}.knowledge-card p{font-size:.92rem}.knowledge-card .button{min-height:40px;width:100%;padding:9px 10px}.knowledge-badge{width:30px;height:30px;margin-bottom:10px}.knowledge-thumb{aspect-ratio:4/3}}@media(max-width:420px){.knowledge-grid{grid-template-columns:1fr}.knowledge-card-body{min-height:0}}

.nav{align-items:center;gap:6px}.nav-item{position:relative}.nav-top,.nav>a{display:inline-flex;min-height:36px;align-items:center;padding:9px 10px;border-radius:8px;color:var(--muted);font-size:.9rem;font-weight:800}.nav-top:hover,.nav>a:hover,.nav-item:focus-within .nav-top{color:var(--green);background:var(--soft-green)}.has-dropdown .nav-top:after{content:"";width:0;height:0;margin-left:7px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor}.nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:40;display:grid;min-width:230px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--ivory);box-shadow:0 18px 44px rgba(47,51,47,.16);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-link{display:block;padding:10px 11px;border-radius:7px;color:var(--text);font-size:.9rem;font-weight:750;white-space:nowrap}.nav-dropdown-link:hover{background:var(--soft-green);color:var(--green)}.nav-item:last-child .nav-dropdown{left:auto;right:0}@media(max-width:1050px){.nav{align-items:flex-start}.nav-item{width:auto}.nav-dropdown{position:static;display:none;min-width:220px;margin-top:4px;box-shadow:none;opacity:1;visibility:visible;transform:none}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{display:grid}}@media(max-width:760px){.nav{width:100%;gap:4px}.nav-top,.nav>a{font-size:.86rem}.nav-dropdown{width:100%;min-width:0}.nav-dropdown-link{white-space:normal}}


.crop-nav-item .crop-menu-dropdown{width:min(820px,calc(100vw - 32px));grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;white-space:normal}.crop-menu-group{padding:12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.45))}.crop-menu-group h3{margin:0 0 6px;color:var(--green);font-size:.98rem}.crop-menu-group p{margin:0 0 10px;color:var(--muted);font-size:.84rem;line-height:1.45}.crop-menu-links{display:flex;flex-wrap:wrap;gap:6px}.crop-menu-link{display:inline-flex;min-height:30px;align-items:center;padding:6px 8px;border-radius:7px;background:var(--soft-green);color:var(--green);font-size:.82rem;font-weight:800}.crop-menu-link:hover{background:var(--green);color:var(--ivory)}@media(max-width:1050px){.crop-nav-item .crop-menu-dropdown{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:none}}@media(max-width:760px){.crop-nav-item .crop-menu-dropdown{grid-template-columns:1fr}.crop-menu-group{padding:10px}.crop-menu-link{font-size:.8rem}}


.knowledge-nav-item .knowledge-menu-dropdown{left:auto;right:0;width:min(1120px,calc(100vw - 32px));grid-template-columns:minmax(0,1fr) 210px;gap:12px;padding:12px;white-space:normal}.knowledge-menu-main,.knowledge-menu-side{min-width:0}.knowledge-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.knowledge-menu-head h3{margin:0;color:var(--green);font-size:1rem}.knowledge-overview-link{display:inline-flex;min-height:32px;align-items:center;padding:7px 10px;border-radius:7px;background:var(--soft-green);color:var(--green);font-size:.82rem;font-weight:900}.nutrition-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nutrition-menu-group{padding:12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.44))}.nutrition-menu-group h4{margin:0 0 6px;color:var(--text);font-size:.94rem}.nutrition-menu-group p{margin:0 0 10px;color:var(--muted);font-size:.8rem;line-height:1.42}.nutrition-menu-links{display:flex;flex-wrap:wrap;gap:6px}.nutrition-menu-link{display:inline-flex;min-height:28px;align-items:center;padding:5px 8px;border-radius:7px;background:var(--soft-green);color:var(--green);font-size:.78rem;font-weight:800}.nutrition-menu-link:hover,.knowledge-overview-link:hover{background:var(--green);color:var(--ivory)}.knowledge-menu-side{display:grid;align-content:start;gap:4px;padding:8px;border-left:1px solid var(--line)}@media(max-width:1050px){.knowledge-nav-item .knowledge-menu-dropdown{width:100%;grid-template-columns:1fr;box-shadow:none}.knowledge-menu-side{border-left:0;border-top:1px solid var(--line)}}@media(max-width:760px){.nutrition-menu-grid{grid-template-columns:1fr}.knowledge-menu-head{align-items:flex-start;flex-direction:column}.nutrition-menu-group{padding:10px}.nutrition-menu-link{font-size:.76rem}}

@media(min-width:1051px){
  .crop-nav-item .crop-menu-dropdown,
  .knowledge-nav-item .knowledge-menu-dropdown{
    position:fixed;
    top:66px;
    left:50%;
    right:auto;
    max-height:calc(100vh - 82px);
    overflow:auto;
    transform:translate(-50%,-4px);
  }
  .crop-nav-item .crop-menu-dropdown{
    width:min(1040px,calc(100vw - 48px));
  }
  .knowledge-nav-item .knowledge-menu-dropdown{
    width:min(1180px,calc(100vw - 48px));
  }
  .crop-nav-item:hover .crop-menu-dropdown,
  .crop-nav-item:focus-within .crop-menu-dropdown,
  .knowledge-nav-item:hover .knowledge-menu-dropdown,
  .knowledge-nav-item:focus-within .knowledge-menu-dropdown{
    transform:translate(-50%,0);
  }
}

.knowledge-nav-item .knowledge-menu-dropdown{
  grid-template-columns:1fr;
}
.knowledge-menu-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.knowledge-menu-group-card{
  min-width:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.44));
}
.knowledge-menu-title{
  display:inline-flex;
  margin-bottom:6px;
  color:var(--green);
  font-size:.98rem;
  font-weight:900;
}
.knowledge-menu-group-card p{
  margin:0 0 10px;
  color:var(--muted);
  font-size:.79rem;
  line-height:1.4;
}
.knowledge-menu-section-list{
  display:grid;
  gap:9px;
}
.knowledge-menu-section-list strong{
  display:block;
  margin-bottom:5px;
  color:var(--text);
  font-size:.78rem;
  line-height:1.3;
}
.knowledge-menu-links{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.knowledge-section-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.knowledge-section-card h3{
  color:var(--green);
}
.plant-nutrition-overview .knowledge-section-card-link{
  position:relative;
  display:block;
  padding-bottom:62px;
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.plant-nutrition-overview .knowledge-section-card-link:hover{
  transform:translateY(-3px);
  border-color:rgba(47,107,63,.34);
  background:#fffdf7;
  box-shadow:0 14px 30px rgba(47,107,63,.1);
}
.knowledge-section-description{
  display:block;
  overflow:visible;
  margin-bottom:16px;
  color:var(--muted);
  line-height:1.58;
}
.knowledge-topic-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:16px;
}
.knowledge-focus{
  margin-top:12px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.knowledge-focus>strong{
  display:block;
  margin-bottom:10px;
  color:var(--soil);
}
.plant-nutrition-overview .knowledge-focus .check-list li:before{
  content:"\2713";
  color:var(--green);
}
.knowledge-section-arrow{
  position:absolute;
  right:18px;
  bottom:18px;
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border-radius:999px;
  background:var(--soft-green);
  color:var(--green);
  font-weight:900;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.plant-nutrition-overview .knowledge-section-card-link:hover .knowledge-section-arrow{
  background:var(--green);
  color:var(--ivory);
  transform:translateX(2px);
}
.knowledge-usage-panel{
  margin-top:22px;
}
@media(min-width:1051px){
  .knowledge-nav-item .knowledge-menu-dropdown{
    width:min(1240px,calc(100vw - 48px));
  }
}
@media(max-width:1050px){
  .knowledge-menu-grid,
  .knowledge-section-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .plant-nutrition-overview .knowledge-section-grid{
    gap:15px;
  }
  .plant-nutrition-overview .knowledge-section-card-link{
    padding:18px 18px 58px;
    border-radius:14px;
    box-shadow:none;
  }
  .plant-nutrition-overview .knowledge-section-card h3{
    margin-bottom:10px;
  }
  .knowledge-section-description{
    display:block;
    overflow:visible;
    margin-bottom:14px;
    font-size:.95rem;
    line-height:1.52;
  }
  .plant-nutrition-overview .knowledge-topic-tags{
    margin-bottom:12px;
  }
  .plant-nutrition-overview .knowledge-focus{
    margin-top:10px;
    padding-top:12px;
  }
  .plant-nutrition-overview .knowledge-focus>strong{
    margin-bottom:8px;
  }
  .plant-nutrition-overview .knowledge-focus .check-list{
    gap:7px;
  }
  .plant-nutrition-overview .knowledge-focus .check-list li{
    line-height:1.48;
  }
  .knowledge-section-arrow{
    right:16px;
    bottom:16px;
    width:36px;
    height:36px;
  }
}
.knowledge-menu-title{min-height:auto;padding:0;border-radius:0}.knowledge-menu-title:hover{background:transparent;color:var(--soil)}
.knowledge-menu-collections{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.knowledge-menu-section-link{display:inline-flex;min-height:30px;align-items:center;padding:6px 8px;border-radius:7px;background:var(--soft-green);color:var(--green);font-size:.8rem;font-weight:850;line-height:1.25}.knowledge-menu-section-link:hover{background:var(--green);color:var(--ivory)}

.knowledge-menu-grid.library-menu-grid,
.knowledge-menu-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.knowledge-menu-group-card.library-group-card{
  min-width:0;
  padding:24px;
  border:1px solid rgba(46,125,75,.18);
  border-radius:14px;
  background:#fffdf7;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.knowledge-menu-group-card.library-group-card:hover{
  transform:translateY(-2px);
  border-color:rgba(46,125,75,.35);
  background:#fff;
  box-shadow:0 12px 28px rgba(32,72,44,.08);
}
.knowledge-menu-group-card.library-group-card.is-active{
  border-color:#2f7d4f;
  background:linear-gradient(180deg,#f6fbf3 0%,#fffdf7 100%);
  box-shadow:0 14px 32px rgba(32,72,44,.1);
}
.knowledge-menu-title.library-group-title{
  display:inline-flex;
  margin:0 0 12px;
  color:#1f6b3d;
  font-size:22px;
  line-height:1.25;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}
.knowledge-menu-title.library-group-title:hover{
  color:#15552f;
  background:transparent;
  text-decoration:none;
}
.knowledge-menu-group-card .library-group-description{
  margin:0 0 18px;
  color:#5f6f63;
  font-size:15px;
  line-height:1.55;
}
.knowledge-menu-section-list.library-subcategory-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}
.knowledge-menu-section-link.library-subcategory-item{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:10px;
  background:#eaf5e7;
  color:#496257;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
  text-decoration:none;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.knowledge-menu-section-link.library-subcategory-item:hover{
  transform:translateY(-1px);
  background:#dcefd8;
  color:#1f6b3d;
  box-shadow:0 8px 18px rgba(32,72,44,.08);
}
.knowledge-menu-section-link.library-subcategory-item.is-active{
  background:#2f7d4f;
  color:#fff;
}
@media(max-width:1024px){
  .knowledge-menu-grid.library-menu-grid,
  .knowledge-menu-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .knowledge-menu-group-card.library-group-card{
    padding:18px;
  }
  .knowledge-menu-title.library-group-title{
    font-size:20px;
  }
  .knowledge-menu-section-list.library-subcategory-grid{
    grid-template-columns:1fr;
  }
  .knowledge-menu-section-link.library-subcategory-item{
    min-height:40px;
    font-size:15px;
  }
}

.nitrogen-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center;overflow:hidden;background:radial-gradient(circle at 82% 22%,rgba(214,162,58,.22),transparent 30%),linear-gradient(135deg,var(--soft-green),var(--ivory) 58%,var(--soft-rice))}.nitrogen-hero-copy{position:relative;max-width:980px}.nitrogen-hero h1{max-width:1040px;color:var(--green);font-size:clamp(2.2rem,4.8vw,4.6rem)}.nitrogen-hero p:not(.eyebrow){max-width:830px;color:var(--muted);font-size:1.1rem}.nitrogen-symbol{display:grid;aspect-ratio:1;place-items:center;border:1px solid rgba(47,107,63,.22);border-radius:8px;background:linear-gradient(145deg,var(--green),#4c8b59);color:var(--ivory);box-shadow:0 24px 58px rgba(47,107,63,.24);animation:nitrogenFloat 4.5s ease-in-out infinite}.nitrogen-symbol span{font-size:6rem;font-weight:950;line-height:.9}.nitrogen-symbol small{margin-top:-58px;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.nitrogen-section{display:grid;gap:24px}.nitrogen-quick-grid,.nitrogen-card-grid,.nitrogen-compare-grid{display:grid;gap:18px}.nitrogen-quick-grid,.nitrogen-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.nitrogen-card-grid.two,.nitrogen-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nitrogen-card{position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--ivory);box-shadow:0 10px 28px rgba(47,51,47,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.nitrogen-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--green),var(--young),var(--rice));opacity:.82}.nitrogen-card h2,.nitrogen-card h3{color:var(--green)}.nitrogen-card p{color:var(--muted)}.nitrogen-card:hover,.lift-card:hover{transform:translateY(-6px);border-color:rgba(141,191,103,.9);background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.72));box-shadow:0 0 0 1px rgba(141,191,103,.42),0 20px 44px rgba(47,107,63,.15)}.nitrogen-icon{display:grid;width:46px;height:46px;place-items:center;margin-bottom:14px;border-radius:8px;background:var(--soft-green);color:var(--green);font-weight:950}.nitrogen-quick-card:nth-child(2) .nitrogen-icon{background:var(--soft-rice);color:var(--soil)}.nitrogen-quick-card:nth-child(3) .nitrogen-icon{background:#fff0df;color:#9a4b20}.deficiency-card:before{background:linear-gradient(90deg,var(--young),var(--green))}.excess-card:before,.warning-card:before,.mistake-card:before{background:linear-gradient(90deg,var(--rice),#e95f35)}.nitrogen-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.nitrogen-flow div{padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(237,246,232,.52)}.nitrogen-flow strong{display:block;color:var(--green);font-size:2rem;line-height:1}.nitrogen-flow span{display:block;margin:6px 0 8px;color:var(--soil);font-weight:900}.nitrogen-note{margin-top:14px;padding:14px;border-left:4px solid var(--rice);border-radius:8px;background:var(--soft-rice)}.nitrogen-conclusion{background:linear-gradient(135deg,var(--green),#467c50);color:var(--ivory)}.nitrogen-conclusion:before{background:var(--rice)}.nitrogen-conclusion h2,.nitrogen-conclusion p{color:var(--ivory)}.nitrogen-conclusion .button{margin-top:8px;background:var(--ivory);color:var(--green)}@keyframes nitrogenFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1050px){.nitrogen-hero{grid-template-columns:1fr}.nitrogen-symbol{width:min(220px,60vw)}.nitrogen-quick-grid,.nitrogen-card-grid.three,.nitrogen-card-grid.two,.nitrogen-compare-grid,.nitrogen-flow{grid-template-columns:1fr}}@media(max-width:760px){.nitrogen-card{padding:20px}.nitrogen-symbol span{font-size:4.8rem}.nitrogen-symbol small{margin-top:-44px}}
@media(min-width:1051px){.nitrogen-flow.three-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
.biostimulant-seaweed-page .nitrogen-card-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.biostimulant-seaweed-page .nitrogen-timing-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.biostimulant-seaweed-page .nitrogen-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.biostimulant-seaweed-nav-section .nitrogen-card-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:760px){.biostimulant-seaweed-page .nitrogen-card-grid.five,.biostimulant-seaweed-page .nitrogen-card-grid.four,.biostimulant-seaweed-nav-section .nitrogen-card-grid.five{grid-template-columns:1fr}}
.soil-environment-page .nitrogen-card-grid.five,
.soil-environment-nav-section .nitrogen-card-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.soil-environment-page .nitrogen-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.soil-environment-page .soil-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.soil-environment-related-section .pgr-article-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px}
@media(max-width:1200px){.soil-environment-page .nitrogen-card-grid.five,.soil-environment-nav-section .nitrogen-card-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.soil-environment-page .nitrogen-card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.soil-environment-page .nitrogen-card-grid.five,.soil-environment-nav-section .nitrogen-card-grid.five,.soil-environment-page .nitrogen-card-grid.four,.soil-environment-page .soil-action-grid,.soil-environment-related-section .pgr-article-grid{grid-template-columns:1fr!important}}
.organic-humus-page .nitrogen-card-grid.five,
.organic-humus-nav-section .nitrogen-card-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.organic-humus-page .nitrogen-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.organic-humus-page .organic-humus-timing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.organic-humus-related-section .pgr-article-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px}
@media(max-width:1200px){.organic-humus-page .nitrogen-card-grid.five,.organic-humus-nav-section .nitrogen-card-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.organic-humus-page .nitrogen-card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.organic-humus-page .nitrogen-card-grid.five,.organic-humus-nav-section .nitrogen-card-grid.five,.organic-humus-page .nitrogen-card-grid.four,.organic-humus-page .organic-humus-timing-grid,.organic-humus-related-section .pgr-article-grid{grid-template-columns:1fr!important}}
.beneficial-microbes-page .nitrogen-card-grid.five,
.beneficial-microbes-nav-section .nitrogen-card-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.beneficial-microbes-page .nitrogen-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.beneficial-microbes-page .microbes-timing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.beneficial-microbes-related-section .pgr-article-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px}
@media(max-width:1200px){.beneficial-microbes-page .nitrogen-card-grid.five,.beneficial-microbes-nav-section .nitrogen-card-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.beneficial-microbes-page .nitrogen-card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.beneficial-microbes-page .nitrogen-card-grid.five,.beneficial-microbes-nav-section .nitrogen-card-grid.five,.beneficial-microbes-page .nitrogen-card-grid.four,.beneficial-microbes-page .microbes-timing-grid,.beneficial-microbes-related-section .pgr-article-grid{grid-template-columns:1fr!important}}
.soil-restoration-page .nitrogen-card-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.soil-restoration-page .nitrogen-card-grid.five,
.soil-restoration-nav-section .nitrogen-card-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.soil-restoration-page .nitrogen-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.soil-restoration-page .soil-restoration-timing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.soil-restoration-related-section .pgr-article-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px}
@media(max-width:1200px){.soil-restoration-page .nitrogen-card-grid.six,.soil-restoration-page .nitrogen-card-grid.five,.soil-restoration-nav-section .nitrogen-card-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.soil-restoration-page .nitrogen-card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.soil-restoration-page .nitrogen-card-grid.six,.soil-restoration-page .nitrogen-card-grid.five,.soil-restoration-nav-section .nitrogen-card-grid.five,.soil-restoration-page .nitrogen-card-grid.four,.soil-restoration-page .soil-restoration-timing-grid,.soil-restoration-related-section .pgr-article-grid{grid-template-columns:1fr!important}}
.irrigation-root-zone-page .nitrogen-card-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.irrigation-root-zone-page .nitrogen-card-grid.five,
.irrigation-root-zone-nav-section .nitrogen-card-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.irrigation-root-zone-page .nitrogen-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.irrigation-root-zone-page .irrigation-timing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.irrigation-root-zone-related-section .pgr-article-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px}
@media(max-width:1200px){.irrigation-root-zone-page .nitrogen-card-grid.six,.irrigation-root-zone-page .nitrogen-card-grid.five,.irrigation-root-zone-nav-section .nitrogen-card-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.irrigation-root-zone-page .nitrogen-card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.irrigation-root-zone-page .nitrogen-card-grid.six,.irrigation-root-zone-page .nitrogen-card-grid.five,.irrigation-root-zone-nav-section .nitrogen-card-grid.five,.irrigation-root-zone-page .nitrogen-card-grid.four,.irrigation-root-zone-page .irrigation-timing-grid,.irrigation-root-zone-related-section .pgr-article-grid{grid-template-columns:1fr!important}}
.fertilizer-child-card .nitrogen-icon{width:auto;min-width:64px;max-width:max-content;padding:0 10px;font-size:.76rem;white-space:nowrap}.fertilizer-forms-hero .nitrogen-symbol{background:linear-gradient(145deg,#2f6b3f,#6a8f3c)}

/* Knowledge cards: show child topics in two columns on wider screens. */
.mini-topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:8px;align-items:start}
.mini-topic-list li{min-width:0}
@media(max-width:760px){.mini-topic-list{grid-template-columns:1fr}}


/* Optimized nitrogen article layout. */
.nitrogen-article-hero{grid-template-columns:minmax(0,1fr) 280px;gap:clamp(30px,5vw,70px);background:radial-gradient(circle at 84% 26%,rgba(214,162,58,.26),transparent 32%),linear-gradient(135deg,var(--soft-green),var(--ivory) 52%,var(--soft-rice));padding-top:clamp(64px,8vw,108px);padding-bottom:clamp(60px,7vw,96px)}
.nitrogen-article-hero h1{max-width:900px;font-size:clamp(3.5rem,6vw,4.5rem);line-height:1.02;letter-spacing:0;color:var(--green)}
.nitrogen-article-hero p:not(.eyebrow){max-width:790px;font-size:clamp(1.06rem,1.45vw,1.18rem);line-height:1.62;color:var(--muted)}
.nitrogen-article-hero .nitrogen-symbol{width:min(280px,28vw);justify-self:end;border-color:rgba(47,107,63,.28);box-shadow:0 28px 70px rgba(47,107,63,.24)}
.nitrogen-article-hero .nitrogen-symbol span{font-size:8rem}
.nitrogen-article-hero .nitrogen-symbol small{margin-top:-76px;font-size:1.1rem}
.nitrogen-article-section{gap:clamp(34px,5vw,56px);background:var(--ivory);font-size:16.5px;line-height:1.6}
.nitrogen-heading{max-width:980px;margin-bottom:-14px}
.nitrogen-heading h2,.nitrogen-wide-card h2,.nitrogen-timing-grid h2,.nitrogen-conclusion h2{font-size:clamp(2.1rem,3.4vw,2.65rem);line-height:1.12;color:var(--green)}
.nitrogen-summary-grid,.nitrogen-role-grid,.nitrogen-partner-grid,.nitrogen-related-grid{gap:24px}
.nitrogen-summary-grid .nitrogen-card{min-height:230px;padding:32px}
.nitrogen-card{padding:30px;border-radius:8px}
.nitrogen-card h3{font-size:clamp(1.15rem,1.45vw,1.38rem);line-height:1.25}
.nitrogen-card p,.nitrogen-card li{font-size:clamp(.98rem,1.1vw,1.06rem);line-height:1.6}
.nitrogen-icon{width:64px;height:64px;margin-bottom:20px;font-size:1.25rem}
.nitrogen-wide-card{padding:clamp(30px,4vw,46px)}
.nitrogen-wide-card p{max-width:980px;font-size:clamp(1.04rem,1.25vw,1.13rem)}
.nitrogen-flow{gap:20px;margin-top:20px}
.nitrogen-flow div{padding:24px;background:rgba(237,246,232,.62)}
.nitrogen-flow strong{font-size:2.4rem}
.nitrogen-flow span{font-size:1.05rem}
.nitrogen-note{margin-top:20px;padding:18px 20px;font-size:1rem;line-height:1.6}
.nitrogen-timing-grid{gap:26px}
.nitrogen-timing-grid .nitrogen-card{padding:clamp(28px,3.4vw,42px)}
.nitrogen-partner-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.nitrogen-partner-grid .nitrogen-card{padding:24px;min-height:170px}
.nitrogen-conclusion{padding:clamp(36px,5vw,58px);border-radius:8px;background:linear-gradient(135deg,var(--green),#356f44)}
.nitrogen-conclusion p{max-width:920px;font-size:clamp(1.08rem,1.35vw,1.18rem);line-height:1.65;color:rgba(255,253,247,.92)}
.nitrogen-conclusion .button{margin-top:18px;min-height:50px;padding-inline:20px;background:var(--ivory);color:var(--green)}
.nitrogen-related-section .section-heading h2{font-size:clamp(2rem,3vw,2.5rem)}
.nitrogen-related-grid .article-card-copy h3{font-size:1.18rem}
.nitrogen-related-grid .article-card-copy p{font-size:1rem;line-height:1.55}
@media(max-width:1200px){.nitrogen-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.nitrogen-article-hero{grid-template-columns:1fr}.nitrogen-article-hero .nitrogen-symbol{justify-self:start;width:min(260px,62vw)}.nitrogen-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nitrogen-article-hero h1{font-size:clamp(2.75rem,14vw,3.5rem)}.nitrogen-article-hero .nitrogen-symbol span{font-size:6rem}.nitrogen-article-hero .nitrogen-symbol small{margin-top:-56px}.nitrogen-summary-grid,.nitrogen-role-grid,.nitrogen-partner-grid,.nitrogen-timing-grid,.nitrogen-related-grid{grid-template-columns:1fr}.nitrogen-card,.nitrogen-summary-grid .nitrogen-card,.nitrogen-wide-card{padding:22px}.nitrogen-heading{margin-bottom:-8px}.nitrogen-heading h2,.nitrogen-wide-card h2,.nitrogen-timing-grid h2,.nitrogen-conclusion h2{font-size:clamp(1.85rem,9vw,2.25rem)}}

/* Photo banner hero for the nitrogen article. */
.nitrogen-article-hero{grid-template-columns:minmax(0,.92fr) minmax(360px,.86fr);isolation:isolate;background:linear-gradient(105deg,var(--ivory) 0%,#fffaf0 38%,#edf6e8 64%,#dff2ea 100%)}
.nitrogen-article-hero:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(255,253,247,.98) 0%,rgba(255,253,247,.94) 36%,rgba(255,253,247,.72) 52%,rgba(255,253,247,.12) 74%,rgba(255,253,247,0) 100%);pointer-events:none}
.nitrogen-article-hero .nitrogen-hero-copy,.nitrogen-hero-photo{position:relative;z-index:1}
.nitrogen-hero-photo{justify-self:stretch;margin:0;min-height:430px;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,var(--soft-green),#d8f0e6);box-shadow:0 28px 72px rgba(47,107,63,.18)}
.nitrogen-hero-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,253,247,.62) 0%,rgba(255,253,247,.18) 34%,rgba(47,107,63,.04) 100%),linear-gradient(180deg,rgba(237,246,232,.18),rgba(214,162,58,.12));pointer-events:none}
.nitrogen-hero-photo:after{content:"";position:absolute;inset:0;z-index:2;box-shadow:inset 26px 0 44px rgba(255,253,247,.46),inset 0 0 0 1px rgba(255,253,247,.42);pointer-events:none}
.nitrogen-hero-photo img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.02) brightness(1.04)}
.nitrogen-article-hero .nitrogen-photo-badge{position:absolute;top:22px;right:22px;z-index:3;width:112px;animation:none;border:1px solid rgba(255,253,247,.62);background:linear-gradient(145deg,var(--green),#4f895c);box-shadow:0 16px 34px rgba(47,107,63,.22)}
.nitrogen-article-hero .nitrogen-photo-badge span{font-size:3.8rem}
.nitrogen-article-hero .nitrogen-photo-badge small{margin-top:-32px;font-size:.82rem;letter-spacing:.06em}
@media(max-width:1050px){.nitrogen-article-hero{grid-template-columns:1fr}.nitrogen-article-hero:after{background:linear-gradient(180deg,rgba(255,253,247,.98) 0%,rgba(255,253,247,.9) 44%,rgba(255,253,247,.16) 100%)}.nitrogen-hero-photo{min-height:360px}.nitrogen-hero-photo img{min-height:360px}.nitrogen-article-hero .nitrogen-photo-badge{width:104px;justify-self:auto}}
@media(max-width:760px){.nitrogen-hero-photo{min-height:280px}.nitrogen-hero-photo img{min-height:280px}.nitrogen-article-hero .nitrogen-photo-badge{top:14px;right:14px;width:88px}.nitrogen-article-hero .nitrogen-photo-badge span{font-size:3rem}.nitrogen-article-hero .nitrogen-photo-badge small{margin-top:-24px;font-size:.72rem}}

/* Nitrogen article navigation and strict related state. */
.nitrogen-sibling-section{background:linear-gradient(180deg,var(--ivory),var(--soft-green))}
.nitrogen-sibling-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.nitrogen-sibling-card{display:block;min-height:210px;color:inherit;text-decoration:none;padding:30px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.nitrogen-sibling-card:hover{transform:translateY(-7px);border-color:rgba(47,107,63,.72);background:linear-gradient(180deg,var(--ivory),var(--soft-green));box-shadow:0 22px 46px rgba(47,107,63,.18)}
.nitrogen-sibling-card.active{border-color:var(--green);background:linear-gradient(180deg,var(--soft-green),var(--ivory));box-shadow:0 0 0 1px rgba(47,107,63,.34),0 18px 42px rgba(47,107,63,.13)}
.nitrogen-sibling-badge{display:grid;width:58px;height:58px;place-items:center;margin-bottom:18px;border-radius:8px;background:var(--green);color:var(--ivory);font-size:1.35rem;font-weight:950;transition:transform .22s ease,background .22s ease,color .22s ease}
.nitrogen-sibling-card:hover .nitrogen-sibling-badge{transform:scale(1.08);background:var(--rice);color:var(--text)}
.nitrogen-sibling-card h3{font-size:clamp(1.35rem,1.9vw,1.65rem);line-height:1.18;color:var(--green)}
.nitrogen-sibling-card p{font-size:1.02rem;line-height:1.55;color:var(--muted)}
.nitrogen-sibling-active{position:absolute;top:18px;right:18px;display:grid;width:30px;height:30px;place-items:center;border-radius:999px;background:var(--green);color:var(--ivory);font-weight:900}
.nitrogen-empty-related{grid-column:1/-1;padding:30px}
.nitrogen-empty-related h3{color:var(--green);font-size:1.35rem}
.nitrogen-empty-related p{margin:0;color:var(--muted);font-size:1.04rem}
@media(max-width:1050px){.nitrogen-sibling-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nitrogen-sibling-grid{grid-template-columns:1fr}.nitrogen-sibling-card{min-height:170px;padding:22px}.nitrogen-sibling-badge{width:52px;height:52px}}

/* Two-card follow-up layout on the nitrogen article. */
.nitrogen-sibling-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.nitrogen-sibling-section .nitrogen-heading{margin-bottom:18px}
.nitrogen-sibling-section .nitrogen-heading h2{margin-bottom:0}
@media(max-width:760px){.nitrogen-sibling-grid{grid-template-columns:1fr}}

/* Nitrogen related articles: 2x2 with pagination. */
.nitrogen-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.nitrogen-related-grid .article-card-with-thumb{min-height:230px}
.nitrogen-related-pagination{justify-content:center;margin-top:28px}
@media(max-width:760px){.nitrogen-related-grid{grid-template-columns:1fr}.nitrogen-related-pagination{justify-content:flex-start}}

/* Extra nitrogen article sections. */
.nitrogen-fertilizer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.nitrogen-fertilizer-card{min-height:210px}
.nitrogen-fertilizer-card h3{font-size:clamp(1.25rem,1.6vw,1.5rem)}
.nitrogen-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;counter-reset:nitrogen-stage}
.nitrogen-stage-card{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:start;padding:24px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.55));box-shadow:0 10px 28px rgba(47,51,47,.06)}
.nitrogen-stage-card span{display:grid;width:46px;height:46px;place-items:center;border-radius:8px;background:var(--green);color:var(--ivory);font-weight:950}
.nitrogen-stage-card h3{margin-bottom:8px;color:var(--green);font-size:clamp(1.12rem,1.4vw,1.3rem)}
.nitrogen-stage-card p{margin:0;color:var(--muted);font-size:1rem;line-height:1.58}
.nitrogen-section-note{position:relative;margin:16px 0 20px;padding:14px 16px;border-left:4px solid var(--rice);border-radius:0 12px 12px 0;background:var(--soft-rice);color:var(--soil);font-size:1.04rem;font-weight:400;line-height:1.6}
.nitrogen-deficiency-grid{gap:26px}
.nitrogen-deficiency-grid .nitrogen-card{padding:clamp(28px,3.4vw,42px)}
@media(max-width:1050px){.nitrogen-fertilizer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nitrogen-fertilizer-grid,.nitrogen-stage-grid,.nitrogen-deficiency-grid{grid-template-columns:1fr}.nitrogen-stage-card{grid-template-columns:46px minmax(0,1fr);padding:20px}.nitrogen-section-note{margin:16px 0 20px}}

/* Fertilizer formula labels in nitrogen cards. */
.nitrogen-formula{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:-2px 0 12px;padding:6px 10px;border-radius:8px;background:var(--soft-green);color:var(--soil);font-size:.95rem;font-weight:900;line-height:1.2;overflow-wrap:anywhere}
.nitrogen-compact-item .nitrogen-formula{display:block;width:fit-content;line-height:1.35}
.nitrogen-fertilizer-card p{margin-top:0}

/* Nitrogen growth stages as a horizontal process. */
.nitrogen-stage-grid{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:14px;align-items:stretch;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity}
.nitrogen-stage-card{grid-template-columns:1fr;gap:12px;min-width:180px;min-height:250px;scroll-snap-align:start}
.nitrogen-stage-card:not(:last-child):after{content:"";position:absolute;top:45px;right:-12px;width:18px;height:2px;background:linear-gradient(90deg,var(--green),var(--young));z-index:2}
.nitrogen-stage-card span{width:42px;height:42px;margin-bottom:2px}
.nitrogen-stage-card h3{font-size:1.02rem;line-height:1.25}
.nitrogen-stage-card p{font-size:.95rem;line-height:1.5}
@media(max-width:1050px){.nitrogen-stage-grid{grid-template-columns:repeat(7,minmax(210px,1fr))}.nitrogen-stage-card{min-width:210px}}
@media(max-width:760px){.nitrogen-stage-grid{display:grid;grid-template-columns:1fr;overflow-x:visible;padding-bottom:0}.nitrogen-stage-card{min-width:0;min-height:0}.nitrogen-stage-card:not(:last-child):after{top:auto;right:auto;left:21px;bottom:-18px;width:2px;height:18px;background:linear-gradient(180deg,var(--green),var(--young))}}


/* Keep the nitrogen intro copy to two readable lines on wide screens. */
.nitrogen-lead-card p{max-width:none}

/* Keep nitrogen section notes compact on desktop and add stage-card hover emphasis. */
.nitrogen-section-note{width:100%;max-width:none;box-sizing:border-box}
.nitrogen-stage-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.nitrogen-stage-card span{transition:transform .22s ease,box-shadow .22s ease}
.nitrogen-stage-card:hover{transform:translateY(-8px);border-color:rgba(141,191,103,.95);background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.86));box-shadow:0 0 0 2px rgba(141,191,103,.35),0 22px 44px rgba(47,107,63,.16)}
.nitrogen-stage-card:hover span{transform:scale(1.08);box-shadow:0 10px 22px rgba(47,107,63,.18)}
@media(min-width:1051px){.nitrogen-section-note{white-space:normal}}
@media(max-width:1050px){.nitrogen-section-note{white-space:normal}}

/* Text-first nitrogen sections without outer cards. */
.nitrogen-lead-block,.nitrogen-flow-section{display:grid;gap:22px;padding:clamp(10px,1.8vw,18px) 0;background:transparent;border:0;box-shadow:none}
.nitrogen-lead-block h2,.nitrogen-flow-section .nitrogen-heading h2{color:var(--green);font-size:clamp(2.25rem,3.7vw,3.15rem);line-height:1.12;margin:0}
.nitrogen-lead-block p{margin:0;color:var(--muted);font-size:clamp(1.05rem,1.25vw,1.18rem);line-height:1.62}
.nitrogen-flow-section .nitrogen-heading{margin-bottom:0}
.nitrogen-flow-section .nitrogen-flow{margin-top:0}
.nitrogen-flow-section .nitrogen-note{max-width:none;width:100%;box-sizing:border-box}
@media(min-width:1051px){.nitrogen-flow-section .nitrogen-note{white-space:nowrap}}
@media(max-width:760px){.nitrogen-lead-block,.nitrogen-flow-section{gap:18px}.nitrogen-lead-block h2,.nitrogen-flow-section .nitrogen-heading h2{font-size:clamp(2rem,10vw,2.5rem)}}

/* Text-first mistake section on nitrogen article. */
.nitrogen-mistake-section{display:grid;gap:20px;padding:clamp(10px,1.8vw,18px) 0;background:transparent;border:0;box-shadow:none}
.nitrogen-mistake-section .nitrogen-heading{margin-bottom:0}
.nitrogen-mistake-section .nitrogen-heading h2{color:var(--green);font-size:clamp(2.25rem,3.7vw,3.15rem);line-height:1.12;margin:0}
.nitrogen-mistake-list{padding:clamp(26px,3vw,36px)}
@media(max-width:760px){.nitrogen-mistake-section .nitrogen-heading h2{font-size:clamp(2rem,10vw,2.5rem)}}

/* Hover emphasis for nitrogen absorption form cards. */
.nitrogen-flow-section .nitrogen-flow div{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.nitrogen-flow-section .nitrogen-flow div:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--green),var(--young),var(--rice));opacity:0;transition:opacity .22s ease}
.nitrogen-flow-section .nitrogen-flow strong{transition:transform .22s ease,color .22s ease}
.nitrogen-flow-section .nitrogen-flow div:hover{transform:translateY(-7px);border-color:rgba(141,191,103,.95);background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.86));box-shadow:0 0 0 2px rgba(141,191,103,.32),0 20px 42px rgba(47,107,63,.14)}
.nitrogen-flow-section .nitrogen-flow div:hover:before{opacity:1}
.nitrogen-flow-section .nitrogen-flow div:hover strong{transform:scale(1.05);color:#1f6f42}

/* Add left breathing room inside nitrogen absorption cards. */
.nitrogen-flow-section .nitrogen-flow div{padding-left:calc(18px + 20px)}
@media(max-width:760px){.nitrogen-flow-section .nitrogen-flow div{padding-left:20px}}

/* Match key comparison card titles to fertilizer card title size. */
.nitrogen-timing-grid .nitrogen-card h2,
.nitrogen-deficiency-grid .nitrogen-card h2{font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.22}

/* Standardize nitrogen article section heading sizes. */
.nitrogen-article-section .nitrogen-heading h2,
.nitrogen-lead-block h2,
.nitrogen-flow-section .nitrogen-heading h2,
.nitrogen-mistake-section .nitrogen-heading h2,
.nitrogen-sibling-section .nitrogen-heading h2,
.nitrogen-related-section .section-heading h2{font-size:clamp(2.1rem,3.4vw,2.65rem);line-height:1.12;color:var(--green)}
@media(max-width:760px){.nitrogen-article-section .nitrogen-heading h2,.nitrogen-lead-block h2,.nitrogen-flow-section .nitrogen-heading h2,.nitrogen-mistake-section .nitrogen-heading h2,.nitrogen-sibling-section .nitrogen-heading h2,.nitrogen-related-section .section-heading h2{font-size:clamp(1.85rem,9vw,2.25rem)}}

/* Phosphorus article follows the finalized nitrogen detail layout. */
.phosphorus-article-hero .nitrogen-hero-photo{background:linear-gradient(135deg,#eef8ea,#dff2ea)}
.phosphorus-article-hero .nitrogen-hero-photo img{object-fit:cover;padding:0;background:#edf6e8}
.phosphorus-article-hero .nitrogen-photo-badge{background:linear-gradient(145deg,#2f6b3f,#6a8f3c)}
.phosphorus-article-section .nitrogen-flow div{padding-left:calc(18px + 20px)}
@media(max-width:760px){.phosphorus-article-section .nitrogen-flow div{padding-left:20px}}

/* Potassium article follows the finalized macronutrient detail layout. */
.potassium-article-hero .nitrogen-hero-photo{background:linear-gradient(135deg,#f5f8e9,#e4f2da)}
.potassium-article-hero .nitrogen-hero-photo img{object-fit:cover;padding:0;background:#edf6e8}
.potassium-article-hero .nitrogen-photo-badge{background:linear-gradient(145deg,#2f6b3f,#7f8f2f)}
.potassium-article-section .nitrogen-flow div{padding-left:calc(18px + 20px)}
@media(max-width:760px){.potassium-article-section .nitrogen-flow div{padding-left:20px}}

/* Secondary nutrient detail pages: Ca, Mg, S, Si use the finalized article layout. */
.secondary-article-hero .nitrogen-hero-photo{background:linear-gradient(135deg,#f5f8e9,#e4f2da)}
.secondary-article-hero .nitrogen-hero-photo img{object-fit:cover;padding:0;background:#edf6e8}
.secondary-article-hero .nitrogen-photo-badge{background:linear-gradient(145deg,#2f6b3f,#6a8f3c)}
.secondary-article-section .secondary-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:0}
.secondary-article-section .secondary-flow-grid div{position:relative;overflow:hidden;padding-left:calc(18px + 20px);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.secondary-article-section .secondary-flow-grid div:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--green),var(--young),var(--rice));opacity:0;transition:opacity .22s ease}
.secondary-article-section .secondary-flow-grid strong{transition:transform .22s ease,color .22s ease}
.secondary-article-section .secondary-flow-grid div:hover{transform:translateY(-7px);border-color:rgba(141,191,103,.95);background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.86));box-shadow:0 0 0 2px rgba(141,191,103,.32),0 20px 42px rgba(47,107,63,.14)}
.secondary-article-section .secondary-flow-grid div:hover:before{opacity:1}
.secondary-article-section .secondary-flow-grid div:hover strong{transform:scale(1.05);color:#1f6f42}
.secondary-sibling-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.secondary-article-section .nitrogen-timing-grid .nitrogen-card h2,
.secondary-article-section .nitrogen-deficiency-grid .nitrogen-card h2{font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.22}
@media(max-width:1050px){.secondary-article-section .secondary-flow-grid,.secondary-sibling-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.secondary-article-section .secondary-flow-grid,.secondary-sibling-grid{grid-template-columns:1fr}.secondary-article-section .secondary-flow-grid div{padding-left:20px}}

/* Match secondary flow title size with role-card titles. */
.secondary-article-section .secondary-flow-grid strong{font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.22}

/* Micro nutrient detail pages: B, Zn, Fe, Mn, Cu, Mo. */
.micro-article-hero .nitrogen-hero-photo{background:linear-gradient(135deg,#fffaf0,#e7f4df)}
.micro-article-hero .nitrogen-hero-photo img{object-fit:cover;padding:0;background:#edf6e8}
.micro-article-hero .nitrogen-photo-badge{background:linear-gradient(145deg,#2f6b3f,#7a8f35)}
.micro-sibling-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.micro-article-section .nitrogen-timing-grid .nitrogen-card h2,
.micro-article-section .nitrogen-deficiency-grid .nitrogen-card h2{font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.22}
@media(max-width:1050px){.micro-sibling-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.micro-sibling-grid{grid-template-columns:1fr}}

/* Plant nutrition overview pages: fertilizer forms, stage nutrition, imbalance. */
.plant-topic-overview-hero{grid-template-columns:minmax(0,.95fr) minmax(220px,.32fr);background:linear-gradient(105deg,var(--ivory) 0%,#fffaf0 42%,#edf6e8 72%,#dff2ea 100%)}
.plant-topic-overview-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,247,.98) 0%,rgba(255,253,247,.9) 48%,rgba(255,253,247,.15) 100%);pointer-events:none}
.plant-topic-overview-hero .nitrogen-hero-copy,.plant-topic-overview-hero .nitrogen-symbol{position:relative;z-index:1}
.plant-topic-overview-hero .nitrogen-symbol{justify-self:end;width:min(180px,28vw);animation:none;box-shadow:0 20px 46px rgba(47,107,63,.18)}
.plant-topic-overview-hero .nitrogen-symbol span{font-size:clamp(3.8rem,6vw,5.4rem)}
.plant-topic-overview-hero .nitrogen-symbol small{margin-top:-42px;font-size:.82rem}
.plant-topic-overview-section .nitrogen-quick-grid{gap:24px}
.plant-topic-overview-section .section-heading{max-width:980px;margin-bottom:-8px}
.plant-topic-overview-section .section-heading h2{font-size:clamp(2.1rem,3.4vw,2.65rem);line-height:1.12;color:var(--green)}
.plant-topic-overview-section .nitrogen-card-grid.three{gap:24px}
.plant-topic-overview-section .nitrogen-flow-card{padding:0;background:transparent;border:0;box-shadow:none}
.plant-topic-overview-section .nitrogen-flow-card h2{font-size:clamp(2.1rem,3.4vw,2.65rem);line-height:1.12;color:var(--green);margin-bottom:22px}
.plant-topic-overview-section .nitrogen-flow.three-flow div{position:relative;overflow:hidden;padding-left:calc(18px + 20px);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.plant-topic-overview-section .nitrogen-flow.three-flow div:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--green),var(--young),var(--rice));opacity:0;transition:opacity .22s ease}
.plant-topic-overview-section .nitrogen-flow.three-flow div:hover{transform:translateY(-7px);border-color:rgba(141,191,103,.95);background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.86));box-shadow:0 0 0 2px rgba(141,191,103,.32),0 20px 42px rgba(47,107,63,.14)}
.plant-topic-overview-section .nitrogen-flow.three-flow div:hover:before{opacity:1}
.plant-topic-overview-section .nitrogen-compare-grid .nitrogen-card h2{font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.22}
@media(max-width:1050px){.plant-topic-overview-hero{grid-template-columns:1fr}.plant-topic-overview-hero .nitrogen-symbol{justify-self:start;width:min(160px,50vw)}}
@media(max-width:760px){.plant-topic-overview-section .nitrogen-flow.three-flow div{padding-left:20px}.plant-topic-overview-section .section-heading h2,.plant-topic-overview-section .nitrogen-flow-card h2{font-size:clamp(1.85rem,9vw,2.25rem)}}


/* Stronger visual refresh for plant nutrition overview detail pages. */
.plant-topic-overview-hero{grid-template-columns:minmax(0,.88fr) minmax(360px,.72fr);gap:clamp(30px,5vw,64px);align-items:center;padding-top:clamp(58px,7vw,92px);padding-bottom:clamp(52px,6vw,84px)}
.plant-topic-overview-hero h1{max-width:900px;font-size:clamp(3.2rem,5.4vw,4.25rem);line-height:1.04}
.plant-topic-overview-hero p:not(.eyebrow){max-width:820px;font-size:clamp(1.06rem,1.35vw,1.18rem);line-height:1.62}
.plant-topic-overview-hero .plant-topic-photo{min-height:360px;margin:0;justify-self:stretch}
.plant-topic-overview-hero .plant-topic-photo img{min-height:360px;object-fit:cover;object-position:center}
.plant-topic-overview-hero .nitrogen-photo-badge{width:104px;top:18px;right:18px;animation:none}
.plant-topic-overview-hero .nitrogen-photo-badge span{font-size:3.5rem}
.plant-topic-overview-hero .nitrogen-photo-badge small{margin-top:-30px;font-size:.72rem}
.plant-topic-overview-section{gap:clamp(34px,5vw,58px)}
.plant-topic-overview-section .nitrogen-quick-card,.plant-topic-overview-section .lift-card,.plant-topic-overview-section .fertilizer-child-card{padding:clamp(24px,2.3vw,32px);min-height:170px}
.plant-topic-overview-section .nitrogen-card h3{font-size:clamp(1.18rem,1.45vw,1.38rem);line-height:1.25}
.plant-topic-overview-section .nitrogen-card p,.plant-topic-overview-section .check-list li{font-size:clamp(1rem,1.1vw,1.06rem);line-height:1.62}
.plant-topic-overview-section .stage-map-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.plant-topic-overview-section .fertilizer-child-grid{gap:24px}
@media(max-width:1200px){.plant-topic-overview-section .stage-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.plant-topic-overview-hero{grid-template-columns:1fr}.plant-topic-overview-hero .plant-topic-photo{min-height:320px}.plant-topic-overview-hero .plant-topic-photo img{min-height:320px}}
@media(max-width:760px){.plant-topic-overview-hero h1{font-size:clamp(2.45rem,12vw,3.25rem)}.plant-topic-overview-hero .plant-topic-photo{min-height:250px}.plant-topic-overview-hero .plant-topic-photo img{min-height:250px}.plant-topic-overview-section .stage-map-grid{grid-template-columns:1fr}.plant-topic-overview-section .nitrogen-quick-card,.plant-topic-overview-section .lift-card,.plant-topic-overview-section .fertilizer-child-card{min-height:auto}}

/* Fertilizer forms detail page follows the finalized nutrient article style. */
.fertilizer-forms-detail .nitrogen-heading{max-width:1040px;margin-bottom:-12px}
.fertilizer-forms-detail .nitrogen-heading h2{font-size:clamp(2.1rem,3.4vw,2.65rem);line-height:1.12;color:var(--green)}
.fertilizer-forms-detail .nitrogen-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fertilizer-forms-detail .nitrogen-card-grid.two,.fertilizer-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.fertilizer-forms-detail .lift-card{min-height:190px}
.fertilizer-forms-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.fertilizer-forms-nav-grid .nitrogen-sibling-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--ivory);box-shadow:0 10px 28px rgba(47,51,47,.06)}
.fertilizer-forms-nav-grid .nitrogen-sibling-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--green),var(--young),var(--rice));opacity:.84}
.fertilizer-forms-related-grid .article-card-with-thumb{min-height:250px}
.fertilizer-forms-related-grid .article-thumb img{object-fit:cover}
@media(max-width:1050px){.fertilizer-forms-detail .nitrogen-card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.fertilizer-forms-detail .nitrogen-card-grid.three,.fertilizer-forms-detail .nitrogen-card-grid.two,.fertilizer-choice-grid,.fertilizer-forms-nav-grid{grid-template-columns:1fr}.fertilizer-forms-detail .lift-card{min-height:auto}}

/* Fertilizer forms same-group navigation: 4 cards in one row on desktop. */
.fertilizer-forms-nav-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fertilizer-forms-nav-grid .nitrogen-sibling-card{min-height:190px;padding:26px}
.fertilizer-forms-nav-grid .nitrogen-sibling-card h3{font-size:clamp(1.2rem,1.45vw,1.38rem)}
.fertilizer-forms-nav-grid .nitrogen-sibling-card p{font-size:1rem;line-height:1.5}
@media(max-width:1200px){.fertilizer-forms-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.fertilizer-forms-nav-grid{grid-template-columns:1fr}.fertilizer-forms-nav-grid .nitrogen-sibling-card{min-height:auto}}

/* Fertilizer forms related articles: strict 2x2 layout. */
.fertilizer-forms-related-section .fertilizer-forms-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.fertilizer-forms-related-section .article-card-with-thumb{width:100%;min-width:0}
@media(max-width:760px){.fertilizer-forms-related-section .fertilizer-forms-related-grid{grid-template-columns:1fr}}

/* Plant protection: disease control detail page. */
.disease-control-page .disease-four-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.disease-control-page .disease-group-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.disease-control-page .canxi-five-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.disease-control-page .leaf-eater-five-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.disease-control-page .fungicide-location-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.disease-control-page .nitrogen-lead-block{display:grid;gap:14px;margin:clamp(12px,2vw,22px) 0 clamp(18px,3vw,34px)}
.disease-control-page .nitrogen-lead-block h2{font-size:clamp(2.2rem,3.2vw,2.75rem);line-height:1.12;color:var(--green)}
.disease-control-page .nitrogen-lead-block p{max-width:1180px;color:var(--muted);font-size:clamp(1rem,1.05vw,1.08rem);line-height:1.65}
.fungal-quick-toc{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px}
.fungal-quick-toc a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid rgba(31,107,61,.16);border-radius:999px;background:#fff;color:var(--green);font-weight:800;font-size:.94rem;line-height:1.2;text-decoration:none;box-shadow:0 6px 16px rgba(31,107,61,.055);transition:background .18s ease,border-color .18s ease,transform .18s ease}
.fungal-quick-toc a:hover,.fungal-quick-toc a:focus-visible{background:#eef7eb;border-color:rgba(31,107,61,.34);transform:translateY(-1px)}
.fungal-disease-page :where(#fungal-identify,#fungal-outbreak,#fungal-locations,#fungal-compare,#fungal-management,#fungal-groups,#fungal-timing){scroll-margin-top:96px}
.fungal-disease-page :where(.nitrogen-card p,.canxi-timing-desc,.check-list li),
.fungal-disease-related-section :where(.article-card-copy p,.article-card-copy h3 a){display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;white-space:normal}
.fungal-topic-overview{background:linear-gradient(180deg,#fffdf7 0%,#edf6e8 100%)}
.fungal-topic-intro{max-width:960px}
.fungal-topic-intro h2{color:var(--green);font-size:clamp(2rem,3.4vw,2.75rem);line-height:1.12}
.fungal-topic-intro p{max-width:820px;color:var(--muted);font-size:1.04rem;line-height:1.65}
.fungal-topic-grid{align-items:stretch;gap:24px}
.fungal-topic-card{min-height:0}
.fungal-topic-overview .knowledge-section-description,
.fungal-topic-overview .knowledge-focus p{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;white-space:normal}
.fungal-topic-overview .knowledge-focus p{margin:0;color:var(--text);font-size:1rem;line-height:1.6}
.fungal-label-note{margin-top:20px}
.disease-related-more-mobile{display:none}
.disease-control-nav-section .disease-nav-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px;align-items:stretch}
.fungal-disease-nav-section .disease-nav-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.disease-control-nav-section .disease-nav-grid .nitrogen-sibling-card{position:relative;overflow:hidden;min-height:190px;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--ivory);box-shadow:0 10px 28px rgba(47,51,47,.06)}
.disease-control-nav-section .disease-nav-grid .nitrogen-sibling-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--green),var(--young),var(--rice));opacity:.84}
.disease-control-nav-section .disease-nav-grid .nitrogen-sibling-card h3{font-size:clamp(1.08rem,1.25vw,1.25rem);line-height:1.2}
.disease-control-nav-section .disease-nav-grid .nitrogen-sibling-card p{font-size:.96rem;line-height:1.5}
.disease-control-related-section .pgr-article-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px}
.disease-control-related-section .article-card-with-thumb{width:100%;min-width:0;min-height:230px}
.disease-method-note{margin-top:18px;font-size:.95rem;font-weight:400;line-height:1.55;color:var(--muted)}
.legal-warning-note{display:flex;gap:12px;align-items:flex-start;margin:0 0 22px;padding:18px 20px;border-left:5px solid #d88922;border-radius:8px;background:#fff3d8;color:#5e4a2d;font-size:clamp(.95rem,1vw,1rem);line-height:1.6}
.legal-warning-note span{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;border-radius:50%;background:#d88922;color:#fff;font-weight:900;line-height:1}
.nitrogen-article-hero .nitrogen-photo-badge.compact-badge span{font-size:clamp(2.8rem,4.2vw,4.6rem)}
.fungal-disease-hero .fungal-photo-badge{width:auto;min-width:116px;min-height:48px;aspect-ratio:auto;padding:12px 16px;border-radius:999px}
.fungal-disease-hero .fungal-photo-badge span{font-size:.95rem!important;line-height:1.1!important;text-align:center;white-space:nowrap}
.disease-detail-hero .disease-detail-photo-badge{width:auto;min-width:116px;min-height:48px;aspect-ratio:auto;padding:12px 16px;border-radius:999px}
.disease-detail-hero .disease-detail-photo-badge span{font-size:.95rem!important;line-height:1.1!important;text-align:center;white-space:nowrap}
.disease-detail-article .disease-detail-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.disease-detail-article .disease-detail-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;scroll-snap-type:none}
.disease-detail-article .disease-detail-situation-grid .nitrogen-stage-card{min-width:0;scroll-snap-align:none}
.disease-detail-article .disease-detail-situation-grid .nitrogen-stage-card:after{display:none!important}
.disease-detail-article :where(.nitrogen-compact-item p,.nitrogen-stage-card p,.nitrogen-balance-card p,.nitrogen-conclusion p,.nitrogen-inline-list li,.nitrogen-flow-note){display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;white-space:normal}
.pest-detail-hero .pest-detail-photo-badge{width:auto;min-width:116px;min-height:48px;aspect-ratio:auto;padding:12px 16px;border-radius:999px}
.pest-detail-hero .pest-detail-photo-badge span{font-size:.95rem!important;line-height:1.1!important;text-align:center;white-space:nowrap}
.pest-detail-article .pest-detail-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.pest-detail-article .pest-detail-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;scroll-snap-type:none}
.pest-detail-article .pest-detail-situation-grid .nitrogen-stage-card{min-width:0;scroll-snap-align:none}
.pest-detail-article .pest-detail-situation-grid .nitrogen-stage-card:after{display:none!important}
.pest-detail-article :where(.nitrogen-compact-item p,.nitrogen-stage-card p,.nitrogen-balance-card p,.nitrogen-conclusion p,.nitrogen-inline-list li,.nitrogen-flow-note){display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;white-space:normal}
.herbicide-detail-hero .herbicide-detail-photo-badge{width:auto;min-width:116px;min-height:48px;aspect-ratio:auto;padding:12px 16px;border-radius:999px}
.herbicide-detail-hero .herbicide-detail-photo-badge span{font-size:.95rem!important;line-height:1.1!important;text-align:center;white-space:nowrap}
.herbicide-detail-article .herbicide-detail-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.herbicide-detail-article .herbicide-detail-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;scroll-snap-type:none}
.herbicide-detail-article .herbicide-detail-situation-grid .nitrogen-stage-card{min-width:0;scroll-snap-align:none}
.herbicide-detail-article .herbicide-detail-situation-grid .nitrogen-stage-card:after{display:none!important}
.herbicide-detail-article :where(.nitrogen-compact-item p,.nitrogen-stage-card p,.nitrogen-balance-card p,.nitrogen-conclusion p,.nitrogen-inline-list li,.nitrogen-flow-note){display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;white-space:normal}
.mite-nematode-detail-hero .mite-nematode-detail-photo-badge{width:auto;min-width:116px;min-height:48px;aspect-ratio:auto;padding:12px 16px;border-radius:999px}
.mite-nematode-detail-hero .mite-nematode-detail-photo-badge span{font-size:.95rem!important;line-height:1.1!important;text-align:center;white-space:nowrap}
.mite-nematode-detail-article .mite-nematode-detail-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.mite-nematode-detail-article .mite-nematode-detail-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;scroll-snap-type:none}
.mite-nematode-detail-article .mite-nematode-detail-situation-grid .nitrogen-stage-card{min-width:0;scroll-snap-align:none}
.mite-nematode-detail-article .mite-nematode-detail-situation-grid .nitrogen-stage-card:after{display:none!important}
.mite-nematode-detail-article :where(.nitrogen-compact-item p,.nitrogen-stage-card p,.nitrogen-balance-card p,.nitrogen-conclusion p,.nitrogen-inline-list li,.nitrogen-flow-note){display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;white-space:normal}
.mechanism-detail-hero .mechanism-detail-photo-badge{width:auto;min-width:116px;min-height:48px;aspect-ratio:auto;padding:12px 16px;border-radius:999px}
.mechanism-detail-hero .mechanism-detail-photo-badge span{font-size:.95rem!important;line-height:1.1!important;text-align:center;white-space:nowrap}
.mechanism-detail-article .mechanism-detail-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.mechanism-detail-article .mechanism-detail-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;scroll-snap-type:none}
.mechanism-detail-article .mechanism-detail-situation-grid .nitrogen-stage-card{min-width:0;scroll-snap-align:none}
.mechanism-detail-article .mechanism-detail-situation-grid .nitrogen-stage-card:after{display:none!important}
.mechanism-detail-article :where(.nitrogen-compact-item p,.nitrogen-stage-card p,.nitrogen-balance-card p,.nitrogen-conclusion p,.nitrogen-inline-list li,.nitrogen-flow-note){display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;white-space:normal}
.safe-use-detail-hero .safe-use-detail-photo-badge{width:auto;min-width:116px;min-height:48px;aspect-ratio:auto;padding:12px 16px;border-radius:999px}
.safe-use-detail-hero .safe-use-detail-photo-badge span{font-size:.95rem!important;line-height:1.1!important;text-align:center;white-space:nowrap}
.safe-use-detail-article .safe-use-detail-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.safe-use-detail-article .safe-use-detail-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;scroll-snap-type:none}
.safe-use-detail-article .safe-use-detail-situation-grid .nitrogen-stage-card{min-width:0;scroll-snap-align:none}
.safe-use-detail-article .safe-use-detail-situation-grid .nitrogen-stage-card:after{display:none!important}
.safe-use-detail-article :where(.nitrogen-compact-item p,.nitrogen-stage-card p,.nitrogen-balance-card p,.nitrogen-conclusion p,.nitrogen-inline-list li,.nitrogen-flow-note){display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;white-space:normal}
.ga3-detail-hero .ga3-detail-photo-badge{width:auto;min-width:96px;min-height:48px;aspect-ratio:auto;padding:12px 16px;border-radius:999px}
.ga3-detail-hero .ga3-detail-photo-badge span{font-size:.95rem!important;line-height:1.1!important;text-align:center;white-space:nowrap}
.ga3-detail-article .ga3-detail-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.ga3-detail-article .ga3-detail-avoid-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ga3-detail-article .ga3-detail-use-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ga3-detail-article :where(.nitrogen-compact-item p,.nitrogen-balance-card p,.nitrogen-conclusion p,.nitrogen-inline-list li,.nitrogen-flow-note){display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;white-space:normal}
.growth-stim-detail-hero .growth-stim-detail-photo-badge{width:auto;min-width:96px;min-height:48px;aspect-ratio:auto;padding:12px 16px;border-radius:999px}
.growth-stim-detail-hero .growth-stim-detail-photo-badge span{font-size:.95rem!important;line-height:1.1!important;text-align:center;white-space:nowrap}
.growth-stim-detail-article .growth-stim-detail-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.growth-stim-detail-article .growth-stim-detail-avoid-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.growth-stim-detail-article .growth-stim-detail-use-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.growth-stim-detail-article :where(.nitrogen-compact-item p,.nitrogen-balance-card p,.nitrogen-conclusion p,.nitrogen-inline-list li,.nitrogen-flow-note){display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;white-space:normal}
.fungal-detail-article .fungal-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.fungal-detail-article .fungal-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;scroll-snap-type:none}
.fungal-detail-article .fungal-situation-grid .nitrogen-stage-card{min-width:0;scroll-snap-align:none}
.fungal-detail-article .fungal-situation-grid .nitrogen-stage-card:after{display:none!important}
.fungal-detail-article :where(.nitrogen-compact-item p,.nitrogen-stage-card p,.nitrogen-balance-card p,.nitrogen-conclusion p,.nitrogen-inline-list li,.nitrogen-flow-note){display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;white-space:normal}
@media(max-width:767px){
  .fungal-disease-hero .fungal-photo-badge{top:14px;right:14px;min-width:96px;min-height:40px;padding:10px 12px}
  .fungal-disease-hero .fungal-photo-badge span{font-size:.82rem!important}
  .disease-detail-hero .disease-detail-photo-badge{top:14px;right:14px;min-width:96px;min-height:40px;padding:10px 12px}
  .disease-detail-hero .disease-detail-photo-badge span{font-size:.82rem!important}
  .disease-detail-article .disease-detail-card-list,
  .disease-detail-article .disease-detail-situation-grid{grid-template-columns:1fr!important}
  .pest-detail-hero .pest-detail-photo-badge{top:14px;right:14px;min-width:96px;min-height:40px;padding:10px 12px}
  .pest-detail-hero .pest-detail-photo-badge span{font-size:.82rem!important}
  .pest-detail-article .pest-detail-card-list,
  .pest-detail-article .pest-detail-situation-grid{grid-template-columns:1fr!important}
  .herbicide-detail-hero .herbicide-detail-photo-badge{top:14px;right:14px;min-width:96px;min-height:40px;padding:10px 12px}
  .herbicide-detail-hero .herbicide-detail-photo-badge span{font-size:.82rem!important}
  .herbicide-detail-article .herbicide-detail-card-list,
  .herbicide-detail-article .herbicide-detail-situation-grid{grid-template-columns:1fr!important}
  .mite-nematode-detail-hero .mite-nematode-detail-photo-badge{top:14px;right:14px;min-width:96px;min-height:40px;padding:10px 12px}
  .mite-nematode-detail-hero .mite-nematode-detail-photo-badge span{font-size:.82rem!important}
  .mite-nematode-detail-article .mite-nematode-detail-card-list,
  .mite-nematode-detail-article .mite-nematode-detail-situation-grid{grid-template-columns:1fr!important}
  .mechanism-detail-hero .mechanism-detail-photo-badge{top:14px;right:14px;min-width:96px;min-height:40px;padding:10px 12px}
  .mechanism-detail-hero .mechanism-detail-photo-badge span{font-size:.82rem!important}
  .mechanism-detail-article .mechanism-detail-card-list,
  .mechanism-detail-article .mechanism-detail-situation-grid{grid-template-columns:1fr!important}
  .safe-use-detail-hero .safe-use-detail-photo-badge{top:14px;right:14px;min-width:96px;min-height:40px;padding:10px 12px}
  .safe-use-detail-hero .safe-use-detail-photo-badge span{font-size:.82rem!important}
  .safe-use-detail-article .safe-use-detail-card-list,
  .safe-use-detail-article .safe-use-detail-situation-grid{grid-template-columns:1fr!important}
  .ga3-detail-hero .ga3-detail-photo-badge{top:14px;right:14px;min-width:78px;min-height:40px;padding:10px 12px}
  .ga3-detail-hero .ga3-detail-photo-badge span{font-size:.82rem!important}
  .ga3-detail-article .ga3-detail-card-list,
  .ga3-detail-article .ga3-detail-avoid-grid,
  .ga3-detail-article .ga3-detail-use-grid{grid-template-columns:1fr!important}
  .growth-stim-detail-hero .growth-stim-detail-photo-badge{top:14px;right:14px;min-width:78px;min-height:40px;padding:10px 12px}
  .growth-stim-detail-hero .growth-stim-detail-photo-badge span{font-size:.82rem!important}
  .growth-stim-detail-article .growth-stim-detail-card-list,
  .growth-stim-detail-article .growth-stim-detail-avoid-grid,
  .growth-stim-detail-article .growth-stim-detail-use-grid{grid-template-columns:1fr!important}
  .fungal-detail-article .fungal-card-list,
  .fungal-detail-article .fungal-situation-grid{grid-template-columns:1fr!important}
}
@media(max-width:1200px){
  .disease-control-page .disease-four-grid,
  .disease-control-page .disease-group-grid,
  .disease-control-page .leaf-eater-five-grid,
  .disease-control-page .fungicide-location-grid,
  .disease-control-nav-section .disease-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){.disease-control-page .canxi-five-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
  .disease-control-page .disease-four-grid,
  .disease-control-page .disease-group-grid,
  .disease-control-page .canxi-five-grid,
  .disease-control-page .leaf-eater-five-grid,
  .disease-control-page .fungicide-location-grid,
  .disease-control-nav-section .disease-nav-grid,
  .disease-control-related-section .pgr-article-grid{grid-template-columns:1fr!important}
  .disease-control-nav-section .disease-nav-grid .nitrogen-sibling-card,
  .disease-control-related-section .article-card-with-thumb{min-height:auto}
  .fungal-quick-toc{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:18px 0 26px;padding-bottom:4px;scrollbar-width:none}
  .fungal-quick-toc::-webkit-scrollbar{display:none}
  .fungal-quick-toc a{flex:0 0 auto;min-height:36px;padding:8px 12px;font-size:.86rem}
  .fungal-disease-related-section .article-card-with-thumb:nth-child(n+4){display:none!important}
  .fungal-disease-related-section .disease-related-more-mobile{display:flex!important;width:100%;min-height:48px;margin-top:14px;border-radius:12px}
  .fungal-topic-overview{padding-top:42px}
  .fungal-topic-grid{grid-template-columns:1fr!important;gap:14px}
  .fungal-topic-card{padding:20px!important}
  .fungal-topic-card h3{font-size:1.25rem!important}
  .fungal-topic-overview .knowledge-section-description,
  .fungal-topic-overview .knowledge-focus p{font-size:.96rem;line-height:1.58}
}

/* Keep fertilizer forms same-group cards in one row on desktop. */
.fertilizer-forms-nav-section .fertilizer-forms-nav-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(max-width:900px){.fertilizer-forms-nav-section .fertilizer-forms-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.fertilizer-forms-nav-section .fertilizer-forms-nav-grid{grid-template-columns:1fr}}

/* Stage nutrition and imbalance pages reuse the finalized fertilizer detail layout. */
.stage-nutrition-detail .nitrogen-heading,
.imbalance-detail .nitrogen-heading{max-width:1040px;margin-bottom:-12px}
.stage-nutrition-detail .nitrogen-heading h2,
.imbalance-detail .nitrogen-heading h2{font-size:clamp(2.1rem,3.4vw,2.65rem);line-height:1.12;color:var(--green)}
.stage-nutrition-detail .nitrogen-card-grid.three,
.imbalance-detail .nitrogen-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.stage-nutrition-detail .nitrogen-card-grid.two,
.imbalance-detail .nitrogen-card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.stage-nutrition-detail .lift-card,
.imbalance-detail .lift-card{min-height:190px}
.stage-nutrition-nav-grid,
.imbalance-nav-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.stage-nutrition-nav-grid .nitrogen-sibling-card,
.imbalance-nav-grid .nitrogen-sibling-card{position:relative;overflow:hidden;min-height:190px;padding:26px;border:1px solid var(--line);border-radius:8px;background:var(--ivory);box-shadow:0 10px 28px rgba(47,51,47,.06)}
.stage-nutrition-nav-grid .nitrogen-sibling-card:before,
.imbalance-nav-grid .nitrogen-sibling-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--green),var(--young),var(--rice));opacity:.84}
.stage-nutrition-nav-grid .nitrogen-sibling-card h3,
.imbalance-nav-grid .nitrogen-sibling-card h3{font-size:clamp(1.2rem,1.45vw,1.38rem)}
.stage-nutrition-nav-grid .nitrogen-sibling-card p,
.imbalance-nav-grid .nitrogen-sibling-card p{font-size:1rem;line-height:1.5}
.stage-nutrition-related-section .stage-nutrition-related-grid,
.imbalance-related-section .imbalance-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.stage-nutrition-related-section .article-card-with-thumb,
.imbalance-related-section .article-card-with-thumb{width:100%;min-width:0;min-height:250px}
.stage-nutrition-related-section .article-thumb img,
.imbalance-related-section .article-thumb img{object-fit:cover}
@media(max-width:1200px){.stage-nutrition-nav-grid,.imbalance-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.stage-nutrition-detail .nitrogen-card-grid.three,.imbalance-detail .nitrogen-card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.stage-nutrition-detail .nitrogen-card-grid.three,.stage-nutrition-detail .nitrogen-card-grid.two,.imbalance-detail .nitrogen-card-grid.three,.imbalance-detail .nitrogen-card-grid.two,.stage-nutrition-nav-grid,.imbalance-nav-grid,.stage-nutrition-related-section .stage-nutrition-related-grid,.imbalance-related-section .imbalance-related-grid{grid-template-columns:1fr}.stage-nutrition-detail .lift-card,.imbalance-detail .lift-card,.stage-nutrition-nav-grid .nitrogen-sibling-card,.imbalance-nav-grid .nitrogen-sibling-card{min-height:auto}}

/* Stage nutrition map: 8 stages displayed as 4 columns x 2 rows on desktop. */
.stage-nutrition-detail .stage-map-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.stage-nutrition-detail .stage-map-grid .lift-card{min-height:190px}
@media(max-width:1200px){.stage-nutrition-detail .stage-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.stage-nutrition-detail .stage-map-grid{grid-template-columns:1fr}}

/* Stage nutrition map: show 8 stages as 4 columns x 2 rows on desktop. */
.stage-nutrition-detail .stage-map-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

@media(max-width:1200px){
  .stage-nutrition-detail .stage-map-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .stage-nutrition-detail .stage-map-grid{
    grid-template-columns:1fr;
  }
}

/* Match spacing between the stage nutrition flow title and its cards. */
.stage-nutrition-detail .nitrogen-flow-section{
  gap:32px;
}
.stage-nutrition-detail .nitrogen-flow-section .nitrogen-heading{
  margin-bottom:0;
}

/* Stage nutrition follow-up cards: 4 columns on desktop. */
.stage-nutrition-nav-section .stage-nutrition-nav-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

@media(max-width:1200px){
  .stage-nutrition-nav-section .stage-nutrition-nav-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .stage-nutrition-nav-section .stage-nutrition-nav-grid{
    grid-template-columns:1fr;
  }
}

/* Imbalance quick handling card: align inner spacing with neighboring cards. */
.imbalance-detail .nitrogen-flow-card{
  padding:clamp(26px,3vw,36px);
}
.imbalance-detail .nitrogen-flow-card h2{
  margin:0 0 24px;
}

/* Imbalance follow-up cards: 4 columns on desktop. */
.imbalance-nav-section .imbalance-nav-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

@media(max-width:1200px){
  .imbalance-nav-section .imbalance-nav-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .imbalance-nav-section .imbalance-nav-grid{
    grid-template-columns:1fr;
  }
}

/* Plant nutrition overview featured cards. */
.plant-nutrition-overview .knowledge-section-card-featured{
  position:relative;
  display:flex;
  min-height:320px;
  flex-direction:column;
  overflow:hidden;
  padding:clamp(24px,2.4vw,32px);
  border:1px solid var(--line);
  border-radius:8px;
  background:linear-gradient(180deg,var(--ivory),rgba(255,253,247,.9));
  box-shadow:0 12px 30px rgba(47,51,47,.06);
}
.plant-nutrition-overview .knowledge-section-card-featured:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,var(--green),var(--young),var(--rice));
}
.plant-nutrition-overview .knowledge-section-card-featured h3{
  margin:0 0 12px;
  color:var(--green);
  font-size:clamp(1.35rem,1.8vw,1.65rem);
  line-height:1.18;
}
.knowledge-section-description{
  display:-webkit-box;
  margin:0 0 18px;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:var(--muted);
  font-size:1.02rem;
  line-height:1.58;
}
.plant-nutrition-overview .knowledge-section-card-featured .knowledge-topic-tags{
  margin-bottom:18px;
}
.knowledge-chip-static{
  cursor:default;
}
.knowledge-chip-static:hover{
  background:var(--soft-green);
  color:var(--green);
}
.plant-nutrition-overview .knowledge-section-card-featured .knowledge-focus{
  margin-top:0;
  padding-top:16px;
}
.plant-nutrition-overview .knowledge-section-card-featured .knowledge-focus>strong{
  color:var(--soil);
  font-size:.98rem;
}
.plant-nutrition-overview .knowledge-section-card-featured .check-list{
  gap:8px;
}
.knowledge-section-cta{
  margin-top:auto;
  padding-top:18px;
  font-size:1rem;
}
@media(max-width:1050px){
  .plant-nutrition-overview .knowledge-section-card-featured{
    min-height:auto;
  }
}

/* Larger chips on plant nutrition overview featured cards. */
.plant-nutrition-overview .knowledge-section-card-featured .nutrition-menu-link{
  min-height:36px;
  padding:7px 11px;
  font-size:1.01rem;
  border-radius:8px;
}

/* Linked nutrient chips on plant nutrition overview. */
.plant-nutrition-overview .knowledge-section-card-featured .knowledge-chip-link{
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
.plant-nutrition-overview .knowledge-section-card-featured .knowledge-chip-link:hover{
  transform:translateY(-2px);
  background:var(--green);
  color:var(--ivory);
  box-shadow:0 10px 20px rgba(47,107,63,.18);
}

/* Fertilizer specialized forms: show 4 cards in one row on desktop. */
.fertilizer-forms-detail .fertilizer-specialized-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

@media(max-width:1200px){
  .fertilizer-forms-detail .fertilizer-specialized-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .fertilizer-forms-detail .fertilizer-specialized-grid{
    grid-template-columns:1fr;
  }
}

/* Ensure fertilizer forms follow-up cards render as a grid. */
.fertilizer-forms-nav-section .fertilizer-forms-nav-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

@media(max-width:900px){
  .fertilizer-forms-nav-section .fertilizer-forms-nav-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .fertilizer-forms-nav-section .fertilizer-forms-nav-grid{
    grid-template-columns:1fr;
  }
}


/* Nitrogen article: keep role cards in a stable desktop grid. */
.nitrogen-role-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.nitrogen-role-grid .nitrogen-card{
  width:100%;
  min-height:145px;
}
@media(max-width:900px){
  .nitrogen-role-grid{grid-template-columns:1fr;}
}


/* Kali article: show partner nutrient cards in one row on desktop. */
.potassium-article-section .nitrogen-partner-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px;
}
@media(max-width:1200px){
  .potassium-article-section .nitrogen-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .potassium-article-section .nitrogen-partner-grid{grid-template-columns:1fr !important;}
}


/* Kali absorption cards: keep sublabels regular weight. */
.potassium-article-section .nitrogen-flow span{
  font-weight:400;
}


/* Canxi article: show partner cards in one row on desktop. */
.secondary-article-section .nitrogen-partner-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:24px;
}
@media(max-width:1200px){
  .secondary-article-section .nitrogen-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:900px){
  .secondary-article-section .nitrogen-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .secondary-article-section .nitrogen-partner-grid{grid-template-columns:1fr !important;}
}


/* Secondary nutrient partner cards: keep 5 cards on one row on desktop/tablet-wide. */
.secondary-article-section .nitrogen-partner-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:18px;
}
.secondary-article-section .nitrogen-partner-grid .nitrogen-card{
  min-height:170px;
  padding:22px;
}
@media(max-width:980px){
  .secondary-article-section .nitrogen-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .secondary-article-section .nitrogen-partner-grid{grid-template-columns:1fr !important;}
}


/* Partner cards final override: five across for secondary and micro nutrient pages. */
.secondary-article-section > .nitrogen-partner-grid,
.micro-article-section > .nitrogen-partner-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:18px !important;
}
@media(max-width:980px){
  .secondary-article-section > .nitrogen-partner-grid,
  .micro-article-section > .nitrogen-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .secondary-article-section > .nitrogen-partner-grid,
  .micro-article-section > .nitrogen-partner-grid{grid-template-columns:1fr !important;}
}


/* Final partner-grid breakpoint: keep secondary nutrient partner cards 5 across above mobile. */
@media(min-width:761px){
  .secondary-article-section > .nitrogen-partner-grid,
  .micro-article-section > .nitrogen-partner-grid{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:18px !important;
  }
}
@media(max-width:760px){
  .secondary-article-section > .nitrogen-partner-grid,
  .micro-article-section > .nitrogen-partner-grid{
    grid-template-columns:1fr !important;
  }
}


/* Micro nutrient partner cards: force 5 cards per row above mobile. */
@media(min-width:761px){
  .micro-article-section .nitrogen-card-grid.nitrogen-partner-grid{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:18px !important;
  }
  .micro-article-section .nitrogen-card-grid.nitrogen-partner-grid .nitrogen-card{
    min-width:0;
    padding:22px;
  }
}
@media(max-width:760px){
  .micro-article-section .nitrogen-card-grid.nitrogen-partner-grid{
    grid-template-columns:1fr !important;
  }
}


/* Force partner nutrient groups to stay 5 cards per row on non-mobile widths. */
@media(min-width:761px){
  .secondary-article-section .nitrogen-partner-grid,
  .micro-article-section .nitrogen-partner-grid{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:18px !important;
  }
  .secondary-article-section .nitrogen-partner-grid .nitrogen-card,
  .micro-article-section .nitrogen-partner-grid .nitrogen-card{
    min-width:0 !important;
    padding:22px !important;
  }
}
@media(max-width:760px){
  .secondary-article-section .nitrogen-partner-grid,
  .micro-article-section .nitrogen-partner-grid{
    grid-template-columns:1fr !important;
  }
}


/* Final micro partner layout: 5 cards in one row on desktop. */
@media(min-width:761px){
  body .micro-article-section .micro-five-partner-grid{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:18px !important;
    width:100% !important;
  }
  body .micro-article-section .micro-five-partner-grid > .nitrogen-card{
    min-width:0 !important;
    width:auto !important;
    padding:22px !important;
  }
}
@media(max-width:760px){
  body .micro-article-section .micro-five-partner-grid{
    grid-template-columns:1fr !important;
  }
}


/* Canxi timing section: three-column guidance and warning cards. */
.canxi-timing-section{
  display:grid;
  gap:clamp(22px,3vw,34px);
  margin:clamp(20px,3.5vw,42px) 0 clamp(30px,4.5vw,56px);
}
.canxi-timing-section .nitrogen-heading{
  max-width:1120px;
  margin-bottom:0;
}
.canxi-timing-section .nitrogen-heading p{
  max-width:1080px;
  margin:14px 0 0;
  color:var(--muted);
  font-size:clamp(1rem,1.1vw,1.06rem);
  line-height:1.65;
}
.canxi-timing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.canxi-timing-card{
  min-height:420px;
  padding:clamp(24px,2.6vw,34px);
}
.canxi-timing-card h3{
  margin-bottom:12px;
  color:var(--green);
  font-size:clamp(1.38rem,1.7vw,1.62rem);
  line-height:1.2;
}
.canxi-timing-desc{
  margin-bottom:18px;
  color:var(--muted);
  font-size:clamp(.98rem,1vw,1rem);
  line-height:1.6;
}
.canxi-timing-card.mistake-card:before{
  background:linear-gradient(90deg,var(--rice),#e95f35);
}
.canxi-timing-card.warning-card .check-list li:before,
.canxi-timing-card.mistake-card .check-list li:before{
  color:var(--rice);
}
.canxi-timing-card .check-list{
  gap:12px;
}
.canxi-timing-card .check-list li{
  font-size:clamp(.98rem,1.05vw,1.04rem);
  line-height:1.55;
}
@media(max-width:1050px){
  .canxi-timing-grid{
    grid-template-columns:1fr;
  }
  .canxi-timing-card{
    min-height:auto;
  }
}

/* Plant growth regulator detail: growth stimulants. */
.growth-stimulants-hero{
  background:
    linear-gradient(90deg,rgba(255,253,247,.98) 0%,rgba(255,253,247,.9) 43%,rgba(223,242,234,.7) 100%),
    linear-gradient(135deg,var(--ivory),#d8f0e6);
}
.growth-stimulants-page .pgr-four-grid,
.growth-stimulants-page .pgr-active-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.growth-stimulants-page .pgr-active-card{
  min-height:250px;
}
.growth-stimulants-page .pgr-list-panels{
  align-items:stretch;
}
.growth-stimulants-page .pgr-list-panels .nitrogen-card{
  min-height:320px;
}
.growth-stimulants-page .pgr-related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.growth-stimulants-page .pgr-article-grid,
.growth-stimulants-related-section .pgr-article-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px;
}
.growth-stimulants-related-section .article-card-with-thumb{
  width:100%;
  min-width:0;
  min-height:230px;
}
.growth-stimulants-related-section .article-thumb img{
  min-height:230px;
  object-fit:cover;
}
.growth-stimulants-page .fertilizer-child-card .nitrogen-icon{
  margin-bottom:16px;
}
.plant-growth-regulator-overview .knowledge-section-card > .knowledge-section-cta{
  display:inline-flex;
  width:max-content;
  margin-top:auto;
  align-items:center;
}
@media(max-width:1200px){
  .growth-stimulants-page .pgr-four-grid,
  .growth-stimulants-page .pgr-active-grid,
  .growth-stimulants-page .pgr-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .growth-stimulants-page .pgr-four-grid,
  .growth-stimulants-page .pgr-active-grid,
  .growth-stimulants-page .pgr-related-grid,
  .growth-stimulants-page .pgr-article-grid,
  .growth-stimulants-related-section .pgr-article-grid,
  .growth-stimulants-page .pgr-list-panels{
    grid-template-columns:1fr !important;
  }
  .growth-stimulants-page .pgr-active-card,
  .growth-stimulants-page .pgr-list-panels .nitrogen-card{
    min-height:auto;
  }
}



/* Plant growth regulator detail: root stimulants. */
.root-stimulants-hero{
  background:
    linear-gradient(90deg,rgba(255,253,247,.98) 0%,rgba(255,253,247,.9) 43%,rgba(223,242,234,.7) 100%),
    linear-gradient(135deg,var(--ivory),#d8f0e6);
}
.root-stimulants-page .pgr-four-grid,
.root-stimulants-page .pgr-active-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.root-stimulants-page .pgr-active-card{
  min-height:250px;
}
.root-stimulants-page .pgr-related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.root-stimulants-related-section .pgr-article-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px;
}
.root-stimulants-related-section .article-card-with-thumb{
  width:100%;
  min-width:0;
  min-height:230px;
}
.root-stimulants-related-section .article-thumb img{
  min-height:230px;
  object-fit:cover;
}

/* Plant growth regulator detail: flowering regulators. */
.flowering-regulators-hero{
  background:
    linear-gradient(90deg,rgba(255,253,247,.98) 0%,rgba(255,253,247,.9) 43%,rgba(223,242,234,.7) 100%),
    linear-gradient(135deg,var(--ivory),#d8f0e6);
}
.flowering-regulators-page .pgr-four-grid,
.flowering-regulators-page .pgr-active-grid,
.flowering-regulators-page .flowering-condition-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.flowering-regulators-page .pgr-active-card{
  min-height:280px;
}
.flowering-regulators-page .pgr-related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.flowering-regulators-related-section .pgr-article-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px;
}
.flowering-regulators-related-section .article-card-with-thumb{
  width:100%;
  min-width:0;
  min-height:230px;
}
.flowering-regulators-related-section .article-thumb img{
  min-height:230px;
  object-fit:cover;
}
@media(max-width:1200px){
  .flowering-regulators-page .pgr-four-grid,
  .flowering-regulators-page .pgr-active-grid,
  .flowering-regulators-page .flowering-condition-grid,
  .flowering-regulators-page .pgr-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .flowering-regulators-page .pgr-four-grid,
  .flowering-regulators-page .pgr-active-grid,
  .flowering-regulators-page .flowering-condition-grid,
  .flowering-regulators-page .pgr-related-grid,
  .flowering-regulators-related-section .pgr-article-grid{
    grid-template-columns:1fr !important;
  }
  .flowering-regulators-page .pgr-active-card,
  .flowering-regulators-related-section .article-card-with-thumb,
  .flowering-regulators-related-section .article-thumb img{
    min-height:auto;
  }
}

/* Plant growth regulator detail: growth retardants. */
.growth-retardants-hero{
  background:
    linear-gradient(90deg,rgba(255,253,247,.98) 0%,rgba(255,253,247,.9) 43%,rgba(223,242,234,.7) 100%),
    linear-gradient(135deg,var(--ivory),#d8f0e6);
}
.growth-retardants-page .pgr-four-grid,
.growth-retardants-page .growth-retardants-condition-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.growth-retardants-page .pgr-active-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.growth-retardants-page .pgr-active-card{
  min-height:260px;
}

.growth-retardants-page .nitrogen-quick-card .nitrogen-icon{
  width:auto;
  min-width:64px;
  padding:0 12px;
  white-space:nowrap;
}
.growth-retardants-page .pgr-related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.growth-retardants-related-section .pgr-article-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px;
}
.growth-retardants-related-section .article-card-with-thumb{
  width:100%;
  min-width:0;
  min-height:230px;
}
.growth-retardants-related-section .article-thumb img{
  min-height:230px;
  object-fit:cover;
}
@media(max-width:1200px){
  .growth-retardants-page .pgr-four-grid,
  .growth-retardants-page .pgr-active-grid,
  .growth-retardants-page .growth-retardants-condition-grid,
  .growth-retardants-page .pgr-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .growth-retardants-page .pgr-four-grid,
  .growth-retardants-page .pgr-active-grid,
  .growth-retardants-page .growth-retardants-condition-grid,
  .growth-retardants-page .pgr-related-grid,
  .growth-retardants-related-section .pgr-article-grid{
    grid-template-columns:1fr !important;
  }
  .growth-retardants-page .pgr-active-card,
  .growth-retardants-related-section .article-card-with-thumb,
  .growth-retardants-related-section .article-thumb img{
    min-height:auto;
  }
}

/* Plant growth regulator detail: fruit set and fruit growth. */
.fruit-set-growth-hero{
  background:
    linear-gradient(90deg,rgba(255,253,247,.98) 0%,rgba(255,253,247,.9) 43%,rgba(223,242,234,.7) 100%),
    linear-gradient(135deg,var(--ivory),#d8f0e6);
}
.fruit-set-growth-page .pgr-four-grid,
.fruit-set-growth-page .fruit-set-condition-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.fruit-set-growth-page .pgr-active-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.fruit-set-growth-page .pgr-active-card{
  min-height:280px;
}
.fruit-set-growth-page .pgr-related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.fruit-set-growth-related-section .pgr-article-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px;
}
.fruit-set-growth-related-section .article-card-with-thumb{
  width:100%;
  min-width:0;
  min-height:230px;
}
.fruit-set-growth-related-section .article-thumb img{
  min-height:230px;
  object-fit:cover;
}
@media(max-width:1200px){
  .fruit-set-growth-page .pgr-four-grid,
  .fruit-set-growth-page .pgr-active-grid,
  .fruit-set-growth-page .fruit-set-condition-grid,
  .fruit-set-growth-page .pgr-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .fruit-set-growth-page .pgr-four-grid,
  .fruit-set-growth-page .pgr-active-grid,
  .fruit-set-growth-page .fruit-set-condition-grid,
  .fruit-set-growth-page .pgr-related-grid,
  .fruit-set-growth-related-section .pgr-article-grid{
    grid-template-columns:1fr !important;
  }
  .fruit-set-growth-page .pgr-active-card,
  .fruit-set-growth-related-section .article-card-with-thumb,
  .fruit-set-growth-related-section .article-thumb img{
    min-height:auto;
  }
}


/* Plant growth regulator detail: ripening, abscission and postharvest. */
.ripening-postharvest-hero{
  background:
    linear-gradient(90deg,rgba(255,253,247,.98) 0%,rgba(255,253,247,.9) 43%,rgba(223,242,234,.7) 100%),
    linear-gradient(135deg,var(--ivory),#d8f0e6);
}
.ripening-postharvest-page .pgr-four-grid,
.ripening-postharvest-page .ripening-condition-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.ripening-postharvest-page .pgr-active-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.ripening-postharvest-page .pgr-active-card{
  min-height:260px;
}

.ripening-postharvest-page .nitrogen-quick-card .nitrogen-icon{
  width:auto;
  min-width:64px;
  padding:0 12px;
  white-space:nowrap;
}
.ripening-postharvest-page .pgr-related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.ripening-postharvest-page .ripening-compare-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.ripening-postharvest-related-section .pgr-article-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px;
}
.ripening-postharvest-related-section .article-card-with-thumb{
  width:100%;
  min-width:0;
  min-height:230px;
}
.ripening-postharvest-related-section .article-thumb img{
  min-height:230px;
  object-fit:cover;
}
@media(max-width:1200px){
  .ripening-postharvest-page .pgr-four-grid,
  .ripening-postharvest-page .pgr-active-grid,
  .ripening-postharvest-page .ripening-condition-grid,
  .ripening-postharvest-page .pgr-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .ripening-postharvest-page .pgr-four-grid,
  .ripening-postharvest-page .pgr-active-grid,
  .ripening-postharvest-page .ripening-condition-grid,
  .ripening-postharvest-page .pgr-related-grid,
  .ripening-postharvest-page .ripening-compare-grid,
  .ripening-postharvest-related-section .pgr-article-grid{
    grid-template-columns:1fr !important;
  }
  .ripening-postharvest-page .pgr-active-card,
  .ripening-postharvest-related-section .article-card-with-thumb,
  .ripening-postharvest-related-section .article-thumb img{
    min-height:auto;
  }
}

@media(max-width:1200px){
  .root-stimulants-page .pgr-four-grid,
  .root-stimulants-page .pgr-active-grid,
  .root-stimulants-page .pgr-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .root-stimulants-page .pgr-four-grid,
  .root-stimulants-page .pgr-active-grid,
  .root-stimulants-page .pgr-related-grid,
  .root-stimulants-related-section .pgr-article-grid{
    grid-template-columns:1fr !important;
  }
  .root-stimulants-page .pgr-active-card,
  .root-stimulants-related-section .article-card-with-thumb,
  .root-stimulants-related-section .article-thumb img{
    min-height:auto;
  }
}

/* Larger topic chips inside knowledge section detail cards. */
.knowledge-section-card > .knowledge-topic-tags .nutrition-menu-link{
  min-height:36px;
  padding:7px 11px;
  font-size:1.01rem;
  border-radius:8px;
}

/* Final compact knowledge dropdown override. */
.knowledge-nav-item .knowledge-menu-dropdown{
  grid-template-columns:1fr;
}
.knowledge-menu-grid.library-menu-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.knowledge-menu-group-card.library-group-card{
  display:block;
  min-height:0;
  padding:12px;
  border:1px solid rgba(31,107,58,.16);
  border-radius:8px;
  background:#fff;
  color:inherit;
  text-decoration:none;
}
.knowledge-menu-icon{
  display:none;
}
.knowledge-menu-title.library-group-title{
  display:block;
  margin:0 0 6px;
  color:var(--color-primary,var(--green));
  font-size:.94rem;
  font-weight:850;
  line-height:1.3;
}
.knowledge-menu-group-card .library-group-description{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin:0 0 10px;
  color:var(--color-text-muted,var(--muted));
  font-size:.8rem;
  line-height:1.45;
}
.knowledge-menu-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.knowledge-menu-chip-list span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:10px;
  background:#EAF4E7;
  color:#45624B;
  font-size:14px;
  line-height:1.2;
  font-weight:600;
  white-space:nowrap;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.knowledge-menu-group-card.library-group-card:hover{
  transform:translateY(-1px);
  border-color:rgba(31,107,58,.34);
  background:#fff;
}
.knowledge-menu-group-card.library-group-card:hover .knowledge-menu-chip-list span{
  transform:translateY(-1px);
  border-color:#C7DEC5;
  background:#DFF0DC;
  color:#1F6B3A;
}
@media(min-width:1051px){
  .crop-nav-item .crop-menu-dropdown,
  .knowledge-nav-item .knowledge-menu-dropdown{
    left:50%;
    right:auto;
    transform:translate(-50%,6px);
  }
  .crop-nav-item:hover .crop-menu-dropdown,
  .crop-nav-item:focus-within .crop-menu-dropdown,
  .knowledge-nav-item:hover .knowledge-menu-dropdown,
  .knowledge-nav-item:focus-within .knowledge-menu-dropdown{
    transform:translate(-50%,0);
  }
}
@media(max-width:1050px){
  .knowledge-menu-grid.library-menu-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .knowledge-menu-grid.library-menu-grid{
    grid-template-columns:1fr;
  }
  .knowledge-menu-group-card.library-group-card{
    min-height:44px;
  }
}

/* Solution detail advisory layout */
.solution-detail-hero{
  padding-block:clamp(40px,5vw,56px) clamp(32px,4vw,46px);
}
.solution-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:clamp(24px,4vw,46px);
  align-items:center;
  max-width:1180px;
  margin:0 auto;
}
.solution-hero-copy{
  min-width:0;
}
.solution-detail-hero .solution-title{
  max-width:960px;
  margin-bottom:12px;
  font-size:clamp(2rem,4.15vw,3.8rem);
  line-height:1.05;
}
.solution-detail-hero .solution-hero-copy>p{
  max-width:920px;
  margin-bottom:0;
  line-height:1.62;
}
.solution-hero-visual{
  position:relative;
  overflow:hidden;
  width:100%;
  max-width:420px;
  justify-self:end;
  margin:0;
  padding:10px;
  border:1px solid rgba(47,107,63,.16);
  border-radius:8px;
  background:linear-gradient(135deg,rgba(237,246,232,.9),rgba(255,253,247,.96));
  box-shadow:0 14px 34px rgba(47,51,47,.1);
}
.solution-hero-visual img{
  display:block;
  width:100%;
  height:clamp(220px,24vw,280px);
  object-fit:cover;
  border-radius:8px;
}
.solution-detail-section{
  display:block;
  padding-block:clamp(54px,6vw,68px);
}
.solution-detail-section,
.solution-product-reference,
.solution-related-content{
  padding-left:0!important;
  padding-right:0!important;
}
.solution-section-inner{
  width:100%;
  max-width:1120px!important;
  margin:0 auto;
  padding-left:24px;
  padding-right:24px;
}
.solution-detail-section > .solution-section-inner,
.solution-product-reference > .solution-section-inner,
.solution-related-content > .solution-section-inner{
  max-width:1120px!important;
}
.solution-detail-section>.section-heading,
.solution-related-content>.section-heading{
  max-width:900px;
}
.solution-detail-section .section-heading{
  margin-bottom:24px;
}
.solution-overview-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.solution-overview-card{
  min-height:100%;
}
.solution-overview-card h3,
.active-panel h3{
  color:var(--green);
}
.solution-recommendation-grid{
  align-items:stretch;
  gap:22px;
}
.solution-recommendation-panel{
  display:flex;
  min-height:100%;
  flex-direction:column;
  gap:16px;
  animation:solutionRecommendationFade .34s ease both;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.solution-recommendation-panel:nth-child(2){
  animation-delay:.06s;
}
.solution-recommendation-panel:hover{
  border-color:rgba(47,107,63,.24);
  box-shadow:0 14px 32px rgba(47,51,47,.09);
}
.solution-recommendation-panel h3{
  margin:0;
  color:var(--green);
  font-size:clamp(1.35rem,2.2vw,1.65rem);
  font-weight:800;
  line-height:1.18;
}
.solution-method-card-title,
.solution-subsection-title{
  margin:0 0 24px;
  color:#1f6b3a;
  font-size:30px;
  line-height:1.2;
  font-weight:800;
}
.solution-recommendation-list{
  display:grid;
  gap:13px;
}
.recommendation-item-card{
  padding:16px 17px;
  border:1px solid rgba(47,107,63,.14);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(237,246,232,.68),rgba(255,253,247,.96));
  animation:solutionRecommendationFade .32s ease both;
  transform-origin:center;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
  will-change:transform;
}
.recommendation-item-card:nth-child(2){
  animation-delay:.06s;
}
.recommendation-item-card:nth-child(3){
  animation-delay:.12s;
}
.recommendation-item-card:hover,
.recommendation-item-card:focus-within{
  transform:translateY(-3px) scale(1.025);
  border-color:rgba(47,107,63,.28);
  background:linear-gradient(180deg,rgba(237,246,232,.9),#fffdf7);
  box-shadow:0 14px 30px rgba(47,51,47,.11);
}
.recommendation-item-header{
  margin-bottom:10px;
}
.recommendation-item-card h4{
  margin:0;
  color:var(--text);
  font-size:1rem;
  font-weight:800;
  line-height:1.32;
}
.recommendation-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:9px;
}
.recommendation-chip-list span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 9px;
  border:1px solid rgba(47,107,63,.12);
  border-radius:8px;
  background:#fff;
  color:var(--green);
  font-size:.84rem;
  font-weight:800;
  line-height:1.2;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.recommendation-chip-list span:hover{
  border-color:rgba(47,107,63,.24);
  background:#eaf4e7;
  color:#1f6b3a;
}
.recommendation-item-card p{
  margin:0;
  color:var(--muted);
  line-height:1.58;
}
.solution-recommendation-prominent-chips .recommendation-chip-list{
  gap:9px;
  margin-bottom:12px;
}
.solution-recommendation-prominent-chips .recommendation-chip-list span{
  min-height:34px;
  padding:8px 13px;
  border-color:rgba(47,107,63,.2);
  background:#eaf4e7;
  color:#1f6b3a;
  font-size:.94rem;
  font-weight:900;
  box-shadow:0 6px 14px rgba(47,107,63,.08);
}
.solution-recommendation-prominent-chips .recommendation-chip-list span:hover{
  border-color:rgba(47,107,63,.34);
  background:#dff0dc;
  transform:translateY(-1px);
}
.solution-recommendation-prominent-chips .recommendation-active-name{
  color:var(--green);
  font-weight:900;
}
.solution-active-card-grid,
.solution-support-card-grid{
  display:grid;
  width:100%;
  max-width:none;
  margin:0;
  gap:18px;
}
.solution-active-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.solution-support-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.technical-active-card{
  min-height:100%;
  padding:22px;
  background:linear-gradient(180deg,#fffdf7,rgba(237,246,232,.72));
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.technical-active-card:hover,
.garden-support-card:hover{
  transform:translateY(-3px);
  border-color:rgba(47,107,63,.26);
  box-shadow:0 14px 30px rgba(47,51,47,.09);
}
.technical-active-card h3{
  margin-bottom:16px;
  font-size:1.18rem;
  line-height:1.28;
}
.technical-active-card h3 span{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:8px 12px;
  border:1px solid rgba(47,107,63,.18);
  border-radius:999px;
  background:#eaf4e7;
  color:#1f6b3a;
  font-weight:850;
  line-height:1.25;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;
}
.technical-active-card:hover h3 span{
  transform:translateY(-2px) scale(1.03);
  border-color:rgba(47,107,63,.34);
  background:#dff0dc;
  color:var(--green);
  box-shadow:0 10px 22px rgba(47,107,63,.14);
}
.technical-active-card dl{
  display:grid;
  gap:16px;
  margin:0;
}
.technical-active-card dt{
  margin-bottom:6px;
  color:var(--soil);
  font-size:1rem;
  line-height:1.55;
  font-weight:800;
  text-transform:none;
}
.technical-active-card dd{
  margin:0;
  color:var(--text);
  font-weight:400;
  line-height:1.72;
}
.technical-active-card dd:first-of-type{
  color:var(--text);
  font-weight:400;
}
.garden-support-card{
  min-height:100%;
  padding:17px 18px;
  background:linear-gradient(180deg,rgba(237,246,232,.68),#fffdf7);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.garden-support-card h3{
  margin-bottom:7px;
  color:var(--green);
  font-size:1.12rem;
  line-height:1.3;
}
.garden-support-card p{
  margin:0;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.5;
}
.process-heading p:not(.eyebrow){
  max-width:780px;
  margin:8px 0 0;
  color:var(--muted);
  font-size:.98rem;
  line-height:1.55;
}
.process-stepper{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.process-stepper .timeline-step{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
  gap:9px;
  min-height:100%;
  padding:14px;
  background:linear-gradient(180deg,#fffdf7,rgba(237,246,232,.72));
}
.process-stepper .timeline-step:not(:last-child)::after{
  position:absolute;
  top:28px;
  right:-16px;
  z-index:0;
  content:"";
  width:18px;
  height:2px;
  background:rgba(47,107,63,.22);
  border-radius:999px;
}
.process-stepper .timeline-step span{
  display:inline-grid;
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  place-items:center;
  margin:0;
  border-radius:999px;
  background:var(--green);
  color:var(--ivory);
  font-size:.95rem;
  font-weight:900;
}
.process-stepper .timeline-step h3{
  margin:0 0 5px;
  color:var(--green);
  font-size:1rem;
  line-height:1.25;
}
.process-stepper .timeline-step p{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.48;
}
.solution-overview-card .check-list,
.solution-notes-box ul{
  margin:0;
}
.solution-active-note{
  max-width:none;
  margin:22px 0 0;
  padding:12px 18px;
  border:1px solid rgba(214,162,58,.28);
  border-left:4px solid rgba(138,90,60,.48);
  border-radius:8px;
  background:#fff7df;
  color:#6f5a2a;
  font-size:.9rem;
  line-height:1.5;
}
@keyframes solutionRecommendationFade{
  from{
    opacity:0;
    transform:translateY(10px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.solution-field-guidance{
  display:grid;
  gap:22px;
  margin-top:28px;
}
.solution-apply-section{
  width:100%;
}
.solution-apply-section .section-heading.compact{
  max-width:none;
  margin-bottom:16px;
}
.solution-apply-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.solution-apply-grid.single{
  grid-template-columns:1fr;
}
.solution-apply-grid.pair{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.solution-apply-card{
  position:relative;
  min-height:100%;
  padding:18px;
  border:1px solid rgba(47,107,63,.18);
  background:#fffdf7;
  box-shadow:0 8px 22px rgba(47,51,47,.04);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.solution-apply-card:hover{
  transform:translateY(-3px);
  border-color:rgba(47,107,63,.32);
  box-shadow:0 14px 30px rgba(47,51,47,.09);
}
.solution-apply-card span{
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  margin-bottom:12px;
  border-radius:999px;
  background:#eaf4e7;
  color:#1f6b3a;
  font-size:1rem;
  font-weight:900;
}
.solution-apply-card h3{
  margin-bottom:8px;
  color:var(--green);
  font-size:1.12rem;
  line-height:1.3;
}
.solution-apply-card p{
  margin:0;
  color:var(--text);
  line-height:1.56;
}
.solution-product-heading{
  margin-bottom:28px;
}
.solution-product-heading h2{
  margin-bottom:10px;
}
.solution-product-heading p:not(.eyebrow){
  max-width:860px;
  margin:0;
  color:var(--muted);
  line-height:1.62;
}
.solution-product-group-heading{
  margin-bottom:18px;
}
.solution-product-group-heading .solution-subsection-title{
  margin-bottom:0;
}
.solution-product-reference .section-heading.compact h2{
  color:var(--green);
  font-size:clamp(1.4rem,2.3vw,2.05rem);
}
.solution-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.solution-product-card{
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:16px;
  align-items:start;
  min-height:100%;
  padding:16px;
  border:1px solid rgba(47,107,63,.16);
  border-radius:8px;
  background:#fffdf7;
  box-shadow:0 8px 22px rgba(47,51,47,.05);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.solution-product-card:hover{
  transform:translateY(-3px);
  border-color:rgba(47,107,63,.3);
  box-shadow:0 14px 30px rgba(47,51,47,.1);
}
.solution-product-image{
  display:grid;
  width:132px;
  aspect-ratio:1/1;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(47,107,63,.1);
  border-radius:8px;
  background:#f7fbf4;
}
.solution-product-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .22s ease;
}
.solution-product-card:hover .solution-product-image img{
  transform:scale(1.03);
}
.solution-product-content{
  display:flex;
  min-width:0;
  min-height:132px;
  flex-direction:column;
}
.solution-product-body{
  display:grid;
  gap:7px;
  min-width:0;
}
.solution-product-category{
  margin:0;
}
.solution-product-card h3{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin:0;
  color:var(--text);
  font-size:1.01rem;
  line-height:1.3;
}
.solution-product-card p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.55;
}
.solution-product-meta{
  -webkit-line-clamp:2;
  margin:8px 0 16px!important;
  font-size:15px!important;
  line-height:1.5!important;
}
.solution-product-fit{
  -webkit-line-clamp:2;
}
.solution-product-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:0;
  padding-top:0;
}
.solution-detail-button{
  min-height:38px;
  padding:9px 12px;
}
.solution-shop-links{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.solution-shop-link{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 9px;
  border-radius:8px;
  color:#fff;
  font-size:.82rem;
  font-weight:800;
  line-height:1.2;
  transition:transform .18s ease,filter .18s ease;
}
.solution-shop-link:hover{
  transform:translateY(-1px);
  filter:saturate(.88) brightness(.98);
}
.solution-shop-link.shopee{
  background:#d85a3a;
}
.solution-shop-link.tiktok{
  background:#262626;
}
.affiliate-icon{
  display:inline-grid;
  width:18px;
  height:18px;
  flex:0 0 18px;
  place-items:center;
  border-radius:5px;
  background:rgba(255,255,255,.18);
  color:currentColor;
  font-size:.74rem;
  font-weight:900;
  line-height:1;
}
.button .affiliate-icon{
  width:20px;
  height:20px;
  flex-basis:20px;
  border-radius:6px;
}
.solution-empty-state{
  display:block;
  padding:16px 18px;
  border:1px dashed rgba(47,107,63,.24);
  border-radius:8px;
  background:rgba(255,253,247,.74);
  color:var(--muted);
  line-height:1.55;
}
.solution-notes-box{
  max-width:1120px;
  margin-top:0;
}
.solution-notes-box li{
  margin-bottom:8px;
}
.solution-notes-box li:last-child{
  margin-bottom:0;
}
.solution-related-content{
  align-items:start;
  padding-block:clamp(54px,6vw,68px);
}
.solution-related-content>div{
  min-width:0;
}
@media(max-width:1050px){
  .solution-hero-inner{
    grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);
  }
  .solution-overview-grid{
    grid-template-columns:1fr;
  }
  .solution-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .solution-active-card-grid,
  .solution-support-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .solution-apply-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(min-width:1500px){
  .solution-active-note{
    white-space:nowrap;
  }
}
@media(max-width:760px){
  .solution-detail-hero{
    padding-block:32px 38px;
  }
  .solution-hero-inner{
    grid-template-columns:1fr;
    gap:18px;
  }
  .solution-hero-visual{
    max-width:none;
    justify-self:stretch;
  }
  .solution-hero-visual img{
    height:190px;
  }
  .solution-detail-section,
  .solution-related-content{
    padding-block:42px;
  }
  .solution-product-heading{
    margin-bottom:24px;
  }
  .solution-product-grid{
    grid-template-columns:1fr;
  }
  .solution-active-card-grid,
  .solution-support-card-grid{
    grid-template-columns:1fr;
  }
  .solution-apply-grid{
    grid-template-columns:1fr;
  }
  .process-stepper{
    grid-template-columns:1fr;
    gap:12px;
  }
  .process-stepper .timeline-step{
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    padding:14px;
  }
  .process-stepper .timeline-step:not(:last-child)::after{
    top:48px;
    left:30px;
    right:auto;
    width:2px;
    height:calc(100% - 34px);
    content:"";
    background:rgba(47,107,63,.22);
  }
  .process-stepper .timeline-step span{
    grid-row:1;
  }
  .solution-product-image{
    height:auto;
  }
  .solution-product-actions,
  .solution-shop-links{
    width:100%;
  }
  .solution-detail-button{
    width:100%;
  }
  .solution-active-note,
  .solution-empty-state{
    padding:14px;
  }
  .solution-active-note{
    white-space:normal;
  }
}
@media(prefers-reduced-motion:reduce){
  .solution-recommendation-panel,
  .recommendation-item-card,
  .technical-active-card,
  .garden-support-card{
    animation:none;
    transition:none;
  }
  .recommendation-item-card:hover,
  .recommendation-item-card:focus-within,
  .technical-active-card:hover,
  .garden-support-card:hover{
    transform:none;
  }
  .solution-overview-card .check-list li{
    transition:none;
  }
  .solution-overview-card .check-list li:hover{
    transform:none;
  }
}

/* Final shared chip system for header dropdowns. */
.nav-dropdown .dropdown-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.nav-dropdown .nav-dropdown-chip,
.crop-menu-link.nav-dropdown-chip,
.knowledge-menu-chip-list .nav-dropdown-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:10px;
  background:#EAF4E7;
  color:#45624B;
  font-size:14px;
  line-height:1.2;
  font-weight:600;
  white-space:nowrap;
  text-decoration:none;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.nav-dropdown .nav-dropdown-chip:hover,
.crop-menu-link.nav-dropdown-chip:hover,
.knowledge-menu-chip-list .nav-dropdown-chip:hover{
  transform:translateY(-1px);
  border-color:#C7DEC5;
  background:#DFF0DC;
  color:#1F6B3A;
}
.nav-dropdown .nav-dropdown-chip:focus-visible,
.crop-menu-link.nav-dropdown-chip:focus-visible{
  outline:2px solid rgba(31,107,58,.25);
  outline-offset:2px;
}
@media(max-width:760px){
  .nav-dropdown .nav-dropdown-chip,
  .crop-menu-link.nav-dropdown-chip,
  .knowledge-menu-chip-list .nav-dropdown-chip{
    min-height:38px;
  }
}

/* Home hero media: video-ready background with subtle static fallback motion. */
.hero{
  isolation:isolate;
}
.hero-media{
  background:url("assets/hero-garden-1200.webp") center/cover no-repeat;
  transform-origin:center;
  animation:heroMediaSlowDrift 22s ease-in-out infinite alternate;
  will-change:transform;
}
.hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(16,48,28,.92) 0%,rgba(24,78,44,.72) 42%,rgba(24,78,44,.24) 78%),
    linear-gradient(180deg,rgba(12,28,18,.22),rgba(12,28,18,.34));
  pointer-events:none;
}
.hero-media-video{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
}
.hero-copy{
  z-index:1;
}
@keyframes heroMediaSlowDrift{
  from{transform:scale(1) translate3d(0,0,0)}
  to{transform:scale(1.04) translate3d(-1.2%,.8%,0)}
}
@media(max-width:760px){
  .hero-media{
    animation:none;
    transform:none;
  }
  .hero-media-video{
    display:none;
  }
  .hero-media::after{
    background:linear-gradient(180deg,rgba(16,48,28,.1) 0%,rgba(16,48,28,.88) 68%);
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-media{
    animation:none;
    transform:none;
  }
  .hero-media-video{
    display:none;
  }
  .hero-copy{
    animation:none;
  }
}

/* Shared chip system for header dropdowns. */
.nav-dropdown .dropdown-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.nav-dropdown .nav-dropdown-chip,
.crop-menu-link.nav-dropdown-chip,
.knowledge-menu-chip-list .nav-dropdown-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:10px;
  background:#EAF4E7;
  color:#45624B;
  font-size:14px;
  line-height:1.2;
  font-weight:600;
  white-space:nowrap;
  text-decoration:none;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.nav-dropdown .nav-dropdown-chip:hover,
.crop-menu-link.nav-dropdown-chip:hover,
.knowledge-menu-chip-list .nav-dropdown-chip:hover{
  transform:translateY(-1px);
  border-color:#C7DEC5;
  background:#DFF0DC;
  color:#1F6B3A;
}
.nav-dropdown .nav-dropdown-chip:focus-visible,
.crop-menu-link.nav-dropdown-chip:focus-visible{
  outline:2px solid rgba(31,107,58,.25);
  outline-offset:2px;
}
@media(max-width:760px){
  .nav-dropdown .nav-dropdown-chip,
  .crop-menu-link.nav-dropdown-chip,
  .knowledge-menu-chip-list .nav-dropdown-chip{
    min-height:38px;
  }
}

/* Final header dropdown positioning override. */
@media(min-width:1051px){
  .crop-nav-item .crop-menu-dropdown,
  .knowledge-nav-item .knowledge-menu-dropdown{
    left:50%;
    right:auto;
    transform:translate(-50%,6px);
  }
  .crop-nav-item:hover .crop-menu-dropdown,
  .crop-nav-item:focus-within .crop-menu-dropdown,
  .knowledge-nav-item:hover .knowledge-menu-dropdown,
  .knowledge-nav-item:focus-within .knowledge-menu-dropdown{
    transform:translate(-50%,0);
  }
}

/* Knowledge header dropdown should mirror the crop dropdown: title, short copy, chips. */
.knowledge-menu-group-card.library-group-card{
  display:block;
  padding:12px;
  border:1px solid rgba(31,107,58,.16);
  border-radius:8px;
  background:#fff;
}
.knowledge-menu-icon{
  display:none;
}
.knowledge-menu-title.library-group-title{
  display:block;
  margin:0 0 6px;
  color:var(--color-primary,var(--green));
  font-size:.94rem;
  font-weight:850;
  line-height:1.3;
}
.knowledge-menu-group-card .library-group-description{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin:0 0 10px;
  color:var(--color-text-muted,var(--muted));
  font-size:.8rem;
  line-height:1.45;
}
.knowledge-menu-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.knowledge-menu-chip-list span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:10px;
  background:#EAF4E7;
  color:#45624B;
  font-size:14px;
  line-height:1.2;
  font-weight:600;
  white-space:nowrap;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.knowledge-menu-group-card.library-group-card:hover{
  border-color:rgba(31,107,58,.34);
  background:#fff;
}
.knowledge-menu-group-card.library-group-card:hover .knowledge-menu-chip-list span{
  transform:translateY(-1px);
  border-color:#C7DEC5;
  background:#DFF0DC;
  color:#1F6B3A;
}

/* Header dropdowns: compact navigation menus. */
.nav-item.has-dropdown::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:12px;
}
.nav-dropdown{
  border:1px solid rgba(31,107,58,.16);
  border-radius:8px;
  background:rgba(255,253,247,.98);
  box-shadow:0 18px 42px rgba(38,53,42,.14);
  transform:translateY(6px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.nav-item:hover .nav-dropdown,
.nav-item:focus-within .nav-dropdown{
  transform:translateY(0);
}
.crop-nav-item .crop-menu-dropdown{
  width:min(1040px,calc(100vw - 40px));
  max-height:70vh;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  overflow:auto;
  padding:12px;
}
.crop-menu-group{
  padding:12px;
  border-radius:8px;
  background:#fff;
}
.crop-menu-group h3{
  font-size:.94rem;
}
.crop-menu-group p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  min-height:0;
  font-size:.8rem;
}
.crop-menu-link{
  min-height:32px;
  border-radius:8px;
  transition:background .18s ease,color .18s ease;
}
.knowledge-nav-item .knowledge-menu-dropdown{
  width:min(1040px,calc(100vw - 40px));
  max-height:70vh;
  grid-template-columns:1fr;
  gap:10px;
  overflow:auto;
  padding:12px;
}
.knowledge-menu-head{
  margin-bottom:4px;
}
.knowledge-menu-head h3{
  font-size:.96rem;
}
.knowledge-overview-link{
  min-height:32px;
  border-radius:8px;
}
.knowledge-menu-grid.library-menu-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.knowledge-menu-group-card.library-group-card{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:4px 10px;
  min-height:0;
  padding:12px;
  border-radius:8px;
  background:#fff;
  color:inherit;
  text-decoration:none;
}
.knowledge-menu-icon{
  grid-row:1 / span 3;
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:8px;
  background:var(--knowledge-soft,var(--color-primary-soft));
  color:var(--knowledge-main,var(--color-primary));
  font-size:18px;
}
.knowledge-menu-title.library-group-title{
  margin:0;
  color:var(--color-text);
  font-size:.95rem;
  line-height:1.25;
}
.knowledge-menu-group-card .library-group-description{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  margin:0;
  color:var(--color-text-muted);
  font-size:.78rem;
  line-height:1.35;
}
.knowledge-menu-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:3px;
}
.knowledge-menu-chip-list span{
  padding:4px 7px;
  border-radius:999px;
  background:var(--knowledge-soft,var(--color-primary-soft));
  color:var(--knowledge-main,var(--color-primary));
  font-size:.7rem;
  font-weight:850;
}
.knowledge-menu-group-card.library-group-card:hover,
.knowledge-menu-group-card.library-group-card.is-active{
  transform:translateY(-1px);
  border-color:var(--knowledge-main,var(--color-primary));
  background:#fff;
}
.consult-nav-item .consult-menu-dropdown{
  left:auto;
  right:0;
  width:250px;
  min-width:250px;
  gap:4px;
  padding:8px;
}
.consult-menu-dropdown .nav-dropdown-link{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:8px;
  align-items:center;
  min-height:44px;
  padding:8px 10px;
  border-radius:8px;
  white-space:normal;
}
.nav-dropdown-icon{
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  border-radius:8px;
  background:var(--color-primary-soft);
  color:var(--color-primary);
  font-size:16px;
}
.nav-dropdown-icon svg,
.knowledge-menu-icon svg{
  width:1em;
  height:1em;
}
.consult-menu-dropdown .nav-dropdown-link.primary-action{
  background:var(--color-primary-soft);
  color:var(--color-primary);
}
.consult-menu-dropdown .nav-dropdown-link:hover{
  background:var(--color-primary-soft);
  color:var(--color-primary);
}
@media(min-width:1051px){
  .crop-nav-item .crop-menu-dropdown,
  .knowledge-nav-item .knowledge-menu-dropdown{
    left:50%;
    right:auto;
    transform:translate(-50%,6px);
  }
  .crop-nav-item:hover .crop-menu-dropdown,
  .crop-nav-item:focus-within .crop-menu-dropdown,
  .knowledge-nav-item:hover .knowledge-menu-dropdown,
  .knowledge-nav-item:focus-within .knowledge-menu-dropdown{
    transform:translate(-50%,0);
  }
  .consult-nav-item:hover .consult-menu-dropdown,
  .consult-nav-item:focus-within .consult-menu-dropdown{
    transform:translateY(0);
  }
}
@media(max-width:1050px){
  .crop-nav-item .crop-menu-dropdown,
  .knowledge-nav-item .knowledge-menu-dropdown{
    width:100%;
    max-height:70vh;
    grid-template-columns:1fr;
    overflow:auto;
  }
  .knowledge-menu-grid.library-menu-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .crop-nav-item .crop-menu-dropdown,
  .knowledge-nav-item .knowledge-menu-dropdown,
  .consult-nav-item .consult-menu-dropdown{
    width:100%;
    min-width:0;
  }
  .crop-nav-item .crop-menu-dropdown,
  .knowledge-menu-grid.library-menu-grid{
    grid-template-columns:1fr;
  }
  .crop-menu-link,
  .knowledge-menu-group-card.library-group-card,
  .consult-menu-dropdown .nav-dropdown-link{
    min-height:44px;
  }
}

.durian-need-group-list{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
  align-items:start;
  animation:needListIn .24s ease both;
}
.durian-need-column{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:14px;
}
.durian-need-group{
  padding:15px;
  border:1px solid rgba(31,107,58,.16);
  border-radius:8px;
  background:linear-gradient(180deg,#fff,rgba(244,248,241,.78));
  box-shadow:0 8px 22px rgba(38,53,42,.045);
}
.durian-need-group-disease{
  border-color:rgba(154,74,47,.2);
  background:linear-gradient(180deg,#fff,rgba(248,230,222,.44));
}
.durian-need-group-pest{
  border-color:rgba(138,90,53,.2);
  background:linear-gradient(180deg,#fff,rgba(243,231,218,.46));
}
.durian-need-group-technique{
  border-color:rgba(42,127,118,.22);
  background:linear-gradient(180deg,#fff,rgba(221,243,239,.48));
}
.durian-need-group-header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.durian-need-group-header h4{
  margin:0;
  color:var(--color-primary,var(--green));
  font-size:1.15rem;
  font-weight:800;
  line-height:1.3;
}
.durian-need-group-description{
  margin:0 0 14px;
  color:#58665b;
  font-size:.93rem;
  line-height:1.58;
}
.durian-need-group-disease .durian-need-group-header h4{
  color:var(--color-disease,#9A4A2F);
}
.durian-need-group-pest .durian-need-group-header h4{
  color:var(--color-soil,#8A5A35);
}
.durian-need-group-technique .durian-need-group-header h4{
  color:var(--color-tech,#2A7F76);
}
.durian-need-group-icon{
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  border-radius:8px;
  background:var(--color-primary-soft,var(--soft-green));
  color:var(--color-primary,var(--green));
  font-size:21px;
}
.durian-need-group-disease .durian-need-group-icon{
  background:var(--color-disease-soft,#F8E6DE);
  color:var(--color-disease,#9A4A2F);
}
.durian-need-group-pest .durian-need-group-icon{
  background:var(--color-soil-soft,#F3E7DA);
  color:var(--color-soil,#8A5A35);
}
.durian-need-group-technique .durian-need-group-icon{
  background:var(--color-tech-soft,#DDF3EF);
  color:var(--color-tech,#2A7F76);
}
.durian-need-group-icon svg{
  width:1em;
  height:1em;
}
.need-grid.durian-group-needs{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.need-grid.durian-group-needs .need-pill{
  min-height:48px;
  padding:12px 15px;
  align-content:center;
}
.durian-technique-need-groups .need-grid.durian-group-needs{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.durian-technique-need-groups .need-grid.durian-group-needs .need-pill{
  min-height:46px;
  padding:12px 15px;
  border-width:1px;
  background:rgba(255,255,255,.86);
}
.durian-technique-need-groups .need-grid.durian-group-needs .need-pill:hover{
  border-color:rgba(42,127,118,.42);
  background:rgba(221,243,239,.64);
  box-shadow:0 10px 24px rgba(42,127,118,.09);
}
.durian-technique-need-groups .need-grid.durian-group-needs .need-pill.selected{
  border-color:var(--color-tech,#2A7F76);
  background:var(--color-tech,#2A7F76);
  box-shadow:0 12px 28px rgba(42,127,118,.18);
}
.coffee-need-groups .need-grid.durian-group-needs,
.pepper-need-groups .need-grid.durian-group-needs,
.melon-need-groups .need-grid.durian-group-needs{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.coffee-need-groups .need-grid.durian-group-needs .need-pill,
.pepper-need-groups .need-grid.durian-group-needs .need-pill,
.melon-need-groups .need-grid.durian-group-needs .need-pill{
  min-height:50px;
  padding:12px 13px;
}
.durian-need-pill .need-pill-text{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:inherit;
  line-height:1.35;
  text-align:left;
}
.tomato-model-need-panels{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:start;
  animation:needListIn .24s ease both;
}
.tomato-model-need-panels-mobile{
  display:none!important;
}
.tomato-model-need-panel{
  min-width:0;
  padding:16px;
  border:1px solid rgba(31,107,58,.16);
  border-radius:8px;
  background:linear-gradient(180deg,#fff,rgba(244,248,241,.78));
  box-shadow:0 8px 22px rgba(38,53,42,.045);
}
.tomato-model-need-panel-disease{
  border-color:rgba(154,74,47,.2);
  background:linear-gradient(180deg,#fff,rgba(248,230,222,.44));
}
.tomato-model-need-panel-pest{
  border-color:rgba(138,90,53,.2);
  background:linear-gradient(180deg,#fff,rgba(243,231,218,.46));
}
.tomato-model-need-panel-technique{
  border-color:rgba(42,127,118,.22);
  background:linear-gradient(180deg,#fff,rgba(221,243,239,.48));
}
.tomato-model-need-panel-header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.tomato-model-need-panel-header h4{
  margin:0;
  color:var(--color-primary,var(--green));
  font-size:1.08rem;
  font-weight:900;
  line-height:1.3;
  text-transform:uppercase;
}
.tomato-model-need-panel-disease .tomato-model-need-panel-header h4{
  color:var(--color-disease,#9A4A2F);
}
.tomato-model-need-panel-pest .tomato-model-need-panel-header h4{
  color:var(--color-soil,#8A5A35);
}
.tomato-model-need-panel-technique .tomato-model-need-panel-header h4{
  color:var(--color-tech,#2A7F76);
}
.tomato-model-need-panel-icon{
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  border-radius:8px;
  background:var(--color-primary-soft,var(--soft-green));
  color:var(--color-primary,var(--green));
  font-size:21px;
}
.tomato-model-need-panel-disease .tomato-model-need-panel-icon{
  background:var(--color-disease-soft,#F8E6DE);
  color:var(--color-disease,#9A4A2F);
}
.tomato-model-need-panel-pest .tomato-model-need-panel-icon{
  background:var(--color-soil-soft,#F3E7DA);
  color:var(--color-soil,#8A5A35);
}
.tomato-model-need-panel-technique .tomato-model-need-panel-icon{
  background:var(--color-tech-soft,#DDF3EF);
  color:var(--color-tech,#2A7F76);
}
.tomato-model-need-panel-icon svg{
  width:1em;
  height:1em;
}
.need-grid.tomato-panel-needs{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.need-grid.tomato-panel-needs .need-pill{
  min-height:58px;
  padding:11px 12px;
  align-content:center;
}
.tomato-need-pill .need-pill-text{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  color:inherit;
  line-height:1.34;
  text-align:left;
}
@media(max-width:980px){
  .durian-need-group-list{
    grid-template-columns:1fr;
  }
  .tomato-model-need-panels{
    grid-template-columns:1fr;
  }
  .need-grid.tomato-panel-needs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .durian-need-group-list{
    display:flex;
    flex-direction:column;
  }
  .durian-need-column{
    display:contents;
  }
  .durian-need-column-left .durian-need-group:nth-child(1){order:1}
  .durian-need-column-right .durian-need-group:nth-child(1){order:2}
  .durian-need-column-right .durian-need-group:nth-child(2){order:3}
  .durian-need-column-left .durian-need-group:nth-child(2){order:4}
  .durian-need-column-right .durian-need-group:nth-child(3){order:5}
  .durian-technique-need-groups .durian-need-column-left .durian-need-group:nth-child(1){order:1}
  .durian-technique-need-groups .durian-need-column-right .durian-need-group:nth-child(1){order:2}
  .durian-technique-need-groups .durian-need-column-left .durian-need-group:nth-child(2){order:3}
  .durian-technique-need-groups .durian-need-column-right .durian-need-group:nth-child(2){order:4}
  .durian-need-group{
    padding:14px;
  }
  .need-grid.durian-group-needs{
    grid-template-columns:1fr;
  }
  .durian-technique-need-groups .need-grid.durian-group-needs{
    grid-template-columns:1fr;
  }
  .coffee-need-groups .need-grid.durian-group-needs,
  .pepper-need-groups .need-grid.durian-group-needs,
  .melon-need-groups .need-grid.durian-group-needs{
    grid-template-columns:1fr;
  }
  .need-grid.durian-group-needs .need-pill{
    min-height:48px;
  }
  .tomato-model-need-panel{
    padding:14px;
  }
  .tomato-model-need-panel-header h4{
    font-size:1rem;
  }
  .need-grid.tomato-panel-needs{
    grid-template-columns:1fr;
  }
  .need-grid.tomato-panel-needs .need-pill{
    min-height:50px;
  }
}

/* Modern advisory-tool UI layer */
:root{
  --color-primary:#1F6B3A;
  --color-primary-hover:#2F8F4E;
  --color-primary-soft:#DFF4EA;
  --color-bg-main:#FAF7EF;
  --color-bg-card:#FFFFFF;
  --color-bg-soft:#F4F8F1;
  --color-soil:#8A5A35;
  --color-soil-soft:#F3E7DA;
  --color-warning:#F4C95D;
  --color-warning-soft:#FFF4D6;
  --color-disease:#9A4A2F;
  --color-disease-soft:#F8E6DE;
  --color-tech:#2A7F76;
  --color-tech-soft:#DDF3EF;
  --color-text-main:#26352A;
  --color-text-muted:#6B756D;
  --color-border:#DDE6D8;
  --shadow-soft:0 14px 34px rgba(38,53,42,.08);
  --shadow-lift:0 20px 46px rgba(31,107,58,.16);
}
body{
  background:var(--color-bg-main);
  color:var(--color-text-main);
}
.site-header{
  z-index:80;
  background:rgba(255,255,255,.82);
  border-bottom-color:rgba(221,230,216,.78);
  box-shadow:0 1px 0 rgba(31,107,58,.04);
  transition:background .24s ease,box-shadow .24s ease,border-color .24s ease,padding .24s ease;
}
body.is-scrolled .site-header{
  background:rgba(255,255,255,.96);
  border-bottom-color:rgba(31,107,58,.13);
  box-shadow:0 12px 30px rgba(38,53,42,.1);
}
.brand{
  color:var(--color-primary);
}
.nav-top,
.nav > a{
  transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}
.nav-top:hover,
.nav > a:hover,
.nav-item:focus-within .nav-top{
  background:var(--color-primary-soft);
  color:var(--color-primary);
}
.nav-dropdown{
  border-color:var(--color-border);
  border-radius:8px;
  box-shadow:0 20px 48px rgba(38,53,42,.15);
}
.hero{
  min-height:min(720px,calc(100vh - 72px));
}
.hero-media{
  background:
    linear-gradient(90deg,rgba(16,48,28,.92) 0%,rgba(24,78,44,.7) 42%,rgba(24,78,44,.2) 78%),
    linear-gradient(180deg,rgba(12,28,18,.2),rgba(12,28,18,.3)),
    url("assets/hero-garden-1200.webp") center/cover no-repeat;
}
.hero-copy{
  animation:heroCopyIn .56s ease both;
}
.hero h1{
  text-shadow:0 5px 24px rgba(0,0,0,.22);
  letter-spacing:0;
}
.hero p{
  color:rgba(255,255,255,.92);
}
.hero-actions{
  animation:heroActionsIn .58s ease .14s both;
}
@keyframes heroCopyIn{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes heroActionsIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.button{
  border-radius:8px;
  transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.button:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(31,107,58,.16);
}
.primary{
  background:var(--color-primary);
  color:#fff;
}
.primary:hover:not(:disabled){
  background:var(--color-primary-hover);
}
.ghost{
  background:var(--color-primary-soft);
  color:var(--color-primary);
}
.secondary{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.72);
  color:#fff;
}
.secondary:hover{
  background:#fff;
  color:var(--color-primary);
}
:where(a,button,input,select,textarea):focus-visible{
  outline:3px solid rgba(244,201,93,.85);
  outline-offset:3px;
}
.ui-icon,
.choice-icon,
.group-icon,
.need-icon,
.button-icon,
.preview-icon,
.knowledge-card-icon,
.stepper-check{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
}
.ui-icon svg,
.choice-icon svg,
.group-icon svg,
.need-icon svg,
.button-icon svg,
.preview-icon svg,
.knowledge-card-icon svg,
.stepper-check svg{
  width:1em;
  height:1em;
}
.choice-icon,
.group-icon{
  width:42px;
  height:42px;
  margin-bottom:12px;
  border-radius:8px;
  background:var(--color-primary-soft);
  color:var(--color-primary);
  font-size:22px;
}
.choice-grid.crops{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}
.choice-grid.crops .choice-card{
  min-height:0;
  padding:14px;
}
.choice-grid.crops .choice-image{
  width:100%;
  height:126px;
  margin:0 0 13px;
  object-fit:cover;
}
.choice-grid.crops .choice-card strong{
  margin-bottom:6px;
}
.choice-card,
.need-pill,
.content-card,
.content-panel,
.product-card,
.combo-card{
  border-color:var(--color-border);
  background:var(--color-bg-card);
}
.choice-card{
  min-height:188px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(38,53,42,.045);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease,color .24s ease;
}
.choice-card:hover:not(:disabled){
  transform:translateY(-4px);
  border-color:rgba(31,107,58,.46);
  box-shadow:var(--shadow-lift);
}
.choice-card:hover:not(:disabled) .choice-image{
  transform:scale(1.04);
}
.choice-image{
  height:112px;
  border-radius:8px;
  transition:transform .28s ease,filter .28s ease;
}
.choice-card small{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.choice-card.selected{
  border-color:var(--color-primary);
  background:linear-gradient(180deg,var(--color-primary),#287a45);
  color:#fff;
  box-shadow:0 18px 42px rgba(31,107,58,.24);
}
.choice-card.selected .choice-icon{
  background:rgba(255,255,255,.18);
  color:#fff;
}
.choice-card.selected .choice-image{
  opacity:.9;
}
.choice-grid.groups{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.choice-card.group-nutrition{
  --group-main:var(--color-primary);
  --group-soft:var(--color-primary-soft);
  border-top-color:var(--color-primary);
}
.choice-card.group-pest-disease{
  --group-main:var(--color-disease);
  --group-soft:var(--color-disease-soft);
  border-top-color:var(--color-disease);
}
.choice-card.group-cultivation-technique{
  --group-main:var(--color-tech);
  --group-soft:var(--color-tech-soft);
  border-top-color:var(--color-tech);
}
.choice-card.group-nutrition:not(.selected) .group-icon,
.choice-card.group-pest-disease:not(.selected) .group-icon,
.choice-card.group-cultivation-technique:not(.selected) .group-icon{
  background:var(--group-soft);
  color:var(--group-main);
}
.choice-card.group-nutrition:hover:not(.selected),
.choice-card.group-pest-disease:hover:not(.selected),
.choice-card.group-cultivation-technique:hover:not(.selected){
  border-color:var(--group-main);
  background:linear-gradient(180deg,#fff,var(--group-soft));
}
.choice-card.group-pest-disease.selected{
  background:linear-gradient(180deg,var(--color-disease),#7d3b26);
  border-color:var(--color-disease);
}
.choice-card.group-cultivation-technique.selected{
  background:linear-gradient(180deg,var(--color-tech),#21675f);
  border-color:var(--color-tech);
}
.finder-stepper{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:1180px;
  margin:0 auto 18px;
}
.finder-stepper-item{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:4px 12px;
  align-items:center;
  padding:14px 16px;
  border:1px solid var(--color-border);
  border-radius:8px;
  background:rgba(255,255,255,.72);
  color:var(--color-text-muted);
}
.finder-stepper-item > span{
  grid-row:1/3;
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border-radius:8px;
  background:#eef1eb;
  color:var(--color-text-muted);
  font-weight:900;
}
.finder-stepper-item strong{
  color:var(--color-text-main);
  line-height:1.2;
}
.finder-stepper-item small{
  line-height:1.35;
}
.finder-stepper-item.current{
  border-color:rgba(31,107,58,.42);
  background:var(--color-primary-soft);
  box-shadow:0 12px 28px rgba(31,107,58,.1);
}
.finder-stepper-item.current > span,
.finder-stepper-item.complete > span{
  background:var(--color-primary);
  color:#fff;
}
.finder-stepper-item.complete{
  border-color:rgba(31,107,58,.28);
  color:var(--color-primary);
}
.step-block{
  border-radius:8px;
  background:rgba(255,255,255,.86);
  box-shadow:var(--shadow-soft);
}
.step-title span{
  border-radius:8px;
  background:var(--color-primary);
}
.need-grid.compact-needs,
.need-grid.stage-needs{
  animation:needListIn .24s ease both;
}
@keyframes needListIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
.need-pill{
  display:grid;
  gap:10px;
  min-height:86px;
  padding:16px 18px;
  border-radius:8px;
  font-weight:800;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease;
}
.need-pill-main{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.need-icon{
  width:30px;
  height:30px;
  border-radius:8px;
  background:var(--color-primary-soft);
  color:var(--color-primary);
  font-size:18px;
}
.need-pill:hover:not(:disabled){
  transform:translateY(-3px);
  border-color:var(--color-primary);
  background:linear-gradient(180deg,#fff,var(--color-primary-soft));
  color:var(--color-primary);
  box-shadow:0 14px 30px rgba(31,107,58,.13);
}
.need-pill.selected{
  border-color:var(--color-primary);
  background:var(--color-primary);
  color:#fff;
  box-shadow:0 18px 38px rgba(31,107,58,.2);
}
.need-pill.selected .need-icon{
  background:rgba(255,255,255,.18);
  color:#fff;
}
.finder-result{
  align-items:center;
  border:1px solid rgba(244,201,93,.4);
  background:linear-gradient(135deg,var(--color-warning-soft),#fff8e4);
  box-shadow:0 10px 24px rgba(138,90,53,.08);
}
.finder-cta-copy{
  display:grid;
  gap:4px;
}
.finder-cta-copy strong{
  color:var(--color-text-main);
}
.finder-cta-copy span{
  margin:0;
  color:var(--color-text-muted);
  font-size:.95rem;
  font-weight:600;
  text-transform:none;
}
.finder-main-cta{
  min-width:250px;
}
.button-icon{
  font-size:18px;
}
.mobile-finder-cta{
  display:none;
}
.knowledge-card{
  border-radius:8px;
}
.knowledge-card-body{
  gap:0;
}
.knowledge-badge{
  width:auto;
  min-width:42px;
  height:38px;
  gap:6px;
  padding:0 10px;
  border-radius:8px;
}
.knowledge-card-icon{
  font-size:18px;
}
.knowledge-count-badge{
  display:inline-flex;
  align-self:flex-start;
  margin:2px 0 14px;
  padding:5px 9px;
  border-radius:999px;
  background:var(--color-bg-soft);
  color:var(--color-text-muted);
  font-size:.78rem;
  font-weight:900;
}
.knowledge-theme-plant-protection .knowledge-badge{
  background:var(--color-disease);
}
.knowledge-theme-plant-protection:hover{
  border-color:rgba(154,74,47,.42);
}
.knowledge-theme-plant-growth-regulators .knowledge-badge{
  background:#778f2f;
}
.knowledge-theme-biostimulants .knowledge-badge,
.knowledge-theme-cultivation-basics .knowledge-badge{
  background:var(--color-tech);
}
.knowledge-theme-soil-roots-microbes .knowledge-badge{
  background:var(--color-soil);
}
.knowledge-home{
  background:linear-gradient(180deg,#fbfdf8,var(--color-bg-soft));
}
.knowledge-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.knowledge-card{
  --knowledge-main:var(--color-primary);
  --knowledge-soft:var(--color-primary-soft);
  --knowledge-border:rgba(31,107,58,.18);
  display:flex;
  min-height:0;
  padding:0;
  flex-direction:column;
  overflow:hidden;
  border-color:var(--knowledge-border);
  border-radius:8px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 10px 26px rgba(38,53,42,.055);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
.knowledge-card:hover{
  transform:translateY(-3px);
  border-color:var(--knowledge-main);
  background:#fff;
  box-shadow:0 16px 34px rgba(38,53,42,.12);
}
.knowledge-card-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 20px;
  background:linear-gradient(135deg,var(--knowledge-soft),#fff);
  border-bottom:1px solid var(--knowledge-border);
}
.knowledge-card .knowledge-card-icon{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border-radius:8px;
  background:var(--knowledge-main);
  color:#fff;
  font-size:25px;
  transition:transform .24s ease;
}
.knowledge-card:hover .knowledge-card-icon{
  transform:scale(1.06);
}
.knowledge-card-body{
  display:flex;
  min-height:0;
  flex:1;
  flex-direction:column;
  gap:12px;
  padding:20px;
}
.knowledge-card h3{
  margin:0;
  color:var(--color-text);
  font-size:clamp(1.22rem,1.6vw,1.48rem);
  font-weight:800;
  line-height:1.2;
}
.knowledge-title-mobile{
  display:none;
}
.knowledge-card p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin:0;
  color:var(--color-text-muted);
  font-size:.96rem;
  line-height:1.55;
}
.knowledge-count-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin:0;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:var(--knowledge-main);
  font-size:.78rem;
  font-weight:900;
  white-space:nowrap;
}
.knowledge-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:2px;
}
.knowledge-chip-list span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border-radius:999px;
  background:var(--knowledge-soft);
  color:var(--knowledge-main);
  font-size:.8rem;
  font-weight:800;
}
.knowledge-card-cta{
  display:inline-flex;
  width:max-content;
  align-items:center;
  min-height:38px;
  margin-top:auto;
  padding:8px 12px;
  border-radius:8px;
  background:var(--knowledge-soft);
  color:var(--knowledge-main);
  font-weight:900;
  transition:background .22s ease,color .22s ease,transform .22s ease;
}
.knowledge-card:hover .knowledge-card-cta{
  background:var(--knowledge-main);
  color:#fff;
  transform:translateX(2px);
}
.knowledge-color-green{
  --knowledge-main:var(--color-primary);
  --knowledge-soft:var(--color-primary-soft);
  --knowledge-border:rgba(31,107,58,.18);
}
.knowledge-color-terracotta{
  --knowledge-main:#9A4A2F;
  --knowledge-soft:#F8E6DE;
  --knowledge-border:rgba(154,74,47,.2);
}
.knowledge-color-olive{
  --knowledge-main:#778F2F;
  --knowledge-soft:#EEF4D8;
  --knowledge-border:rgba(119,143,47,.22);
}
.knowledge-color-teal{
  --knowledge-main:#2A7F76;
  --knowledge-soft:#DDF3EF;
  --knowledge-border:rgba(42,127,118,.22);
}
.knowledge-color-soil{
  --knowledge-main:#8A5A35;
  --knowledge-soft:#F3E7DA;
  --knowledge-border:rgba(138,90,53,.22);
}
.knowledge-color-emerald{
  --knowledge-main:#2E6F48;
  --knowledge-soft:#E2F2E7;
  --knowledge-border:rgba(46,111,72,.22);
}
.knowledge-library-summary .check-list li:before{
  content:"\2713";
  color:var(--green);
}
.knowledge-summary-link{
  display:inline-flex;
  width:max-content;
  margin-top:18px;
}
@media(max-width:1050px){
  .knowledge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .choice-grid.groups,
  .finder-stepper{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .knowledge-grid{
    grid-template-columns:1fr;
  }
  .knowledge-card-header,
  .knowledge-card-body{
    padding:16px;
  }
  .knowledge-card .knowledge-card-icon{
    width:44px;
    height:44px;
    font-size:23px;
  }
  .knowledge-library-hero{
    padding-top:42px;
    padding-bottom:28px;
  }
  .knowledge-library-hero h1{
    margin-bottom:14px;
  }
  .knowledge-library-hero p{
    max-width:36rem;
    font-size:1rem;
    line-height:1.58;
  }
  .knowledge-library-categories,
  .knowledge-library-summary{
    padding-top:42px;
    padding-bottom:46px;
  }
  .knowledge-library-categories .knowledge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .knowledge-library-categories .knowledge-card{
    position:relative;
    min-height:122px;
    height:122px;
    padding:14px 34px 14px 14px;
    border-radius:16px;
    box-shadow:none;
  }
  .knowledge-library-categories .knowledge-card:after{
    content:"\203A";
    position:absolute;
    right:12px;
    top:12px;
    display:grid;
    width:26px;
    height:26px;
    place-items:center;
    border-radius:999px;
    background:var(--knowledge-soft);
    color:var(--knowledge-main);
    font-weight:900;
    line-height:1;
  }
  .knowledge-library-categories .knowledge-card-header{
    padding:0;
    background:transparent;
    border-bottom:0;
  }
  .knowledge-library-categories .knowledge-card .knowledge-card-icon{
    width:36px;
    height:36px;
    border-radius:12px;
    font-size:19px;
  }
  .knowledge-library-categories .knowledge-count-badge,
  .knowledge-library-categories .knowledge-card p,
  .knowledge-library-categories .knowledge-chip-list,
  .knowledge-library-categories .knowledge-card-cta{
    display:none;
  }
  .knowledge-library-categories .knowledge-card-body{
    display:block;
    padding:14px 0 0;
  }
  .knowledge-library-categories .knowledge-card h3{
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    min-height:39px;
    max-height:39px;
    margin:0;
    padding-right:2px;
    font-size:16px;
    line-height:1.22;
    white-space:normal;
  }
  .knowledge-library-categories .knowledge-title-full{
    display:none;
  }
  .knowledge-library-categories .knowledge-title-mobile{
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
  }
  .knowledge-library-summary .section-heading{
    margin-bottom:18px;
  }
  .knowledge-library-summary .section-heading p{
    font-size:.98rem;
    line-height:1.55;
  }
  .knowledge-library-summary .two-column{
    gap:12px;
  }
  .knowledge-library-summary .content-panel{
    padding:16px;
    border-radius:16px;
    box-shadow:none;
  }
  .knowledge-library-summary .content-panel h3{
    margin-bottom:12px;
  }
  .knowledge-library-summary .check-list{
    gap:8px;
  }
  .knowledge-library-summary .check-list li{
    padding-left:24px;
    line-height:1.5;
  }
  .knowledge-summary-link{
    min-height:0;
    margin-top:14px;
    padding:0;
  }
  body{
    padding-bottom:86px;
  }
  .site-header{
    padding:10px 14px;
  }
  .hero{
    min-height:560px;
    align-items:end;
    padding-bottom:48px;
  }
  .hero-media{
    background:
      linear-gradient(180deg,rgba(16,48,28,.08) 0%,rgba(16,48,28,.88) 68%),
      url("assets/hero-garden-1200.webp") center/cover no-repeat;
  }
  .hero h1{
    font-size:clamp(2.35rem,13vw,3.7rem);
  }
  .finder-stepper{
    gap:8px;
  }
  .finder-stepper-item{
    grid-template-columns:34px minmax(0,1fr);
    padding:10px 12px;
  }
  .finder-stepper-item > span{
    width:30px;
    height:30px;
    border-radius:8px;
  }
  .choice-grid.crops{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .choice-card{
    min-height:0;
    padding:14px;
  }
  .choice-image{
    height:116px;
  }
  .choice-icon,
  .group-icon{
    width:36px;
    height:36px;
    font-size:19px;
  }
  .need-pill{
    min-height:70px;
  }
  .finder-result{
    align-items:stretch;
    padding:16px;
  }
  .finder-main-cta{
    width:100%;
    min-width:0;
  }
  .mobile-finder-cta{
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:70;
    display:grid;
    gap:8px;
    padding:10px;
    border:1px solid rgba(31,107,58,.22);
    border-radius:8px;
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 42px rgba(38,53,42,.2);
    backdrop-filter:blur(14px);
  }
  .mobile-finder-cta span{
    color:var(--color-text-muted);
    font-size:.84rem;
    font-weight:800;
    line-height:1.35;
  }
  .mobile-finder-cta .button{
    width:100%;
    min-height:44px;
  }
}
@media(max-width:430px){
  .choice-grid.crops{
    grid-template-columns:1fr;
  }
}

/* Home hero: keep the brand title on one line on desktop. */
@media(min-width:900px){
  .hero-copy{
    max-width:min(1160px, calc(100vw - 96px));
  }
  .hero-copy h1{
    white-space:nowrap;
    font-size:clamp(4.25rem, 7.2vw, 6.5rem);
    line-height:.98;
  }
}

@media(max-width:899px){
  .hero-copy h1{
    white-space:normal;
  }
}

/* Home solution finder: use the same page width as the knowledge library section. */
.finder{
  width:100%;
}
.finder .step-block,
.finder .finder-result{
  width:100%;
  max-width:none;
}
.finder .choice-grid,
.finder .need-grid{
  width:100%;
}
@media(min-width:1200px){
  .finder .choice-grid.crops{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  .finder .choice-grid.groups,
  .finder .need-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .finder .need-grid.durian-group-needs,
  .finder .need-grid.tomato-panel-needs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:1050px){
  .finder .choice-grid.crops{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .finder .choice-grid.groups,
  .finder .need-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .finder .choice-grid.crops,
  .finder .choice-grid.groups,
  .finder .need-grid{
    grid-template-columns:1fr;
  }
}

/* Durian crop hub */
.durian-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,460px);
  gap:34px;
  align-items:center;
  overflow:hidden;
  padding-top:clamp(82px,9vw,118px);
  scroll-margin-top:96px;
  background:linear-gradient(115deg,var(--ivory) 0%,#fff9ed 44%,rgba(141,191,103,.26) 100%);
}
.durian-hero-copy{
  position:relative;
  z-index:1;
}
.durian-hero h1{
  color:var(--green);
  font-size:clamp(3.4rem,7vw,6.6rem);
}
.durian-hero p:not(.eyebrow){
  max-width:820px;
  color:var(--muted);
  font-size:1.12rem;
}
.durian-hero-media{
  position:relative;
  min-height:360px;
  margin:0;
  overflow:hidden;
  border-radius:8px;
  box-shadow:0 24px 54px rgba(47,107,63,.18);
}
.durian-hero-media:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(255,253,247,.78),rgba(255,253,247,.08) 48%,rgba(47,107,63,.08));
}
.durian-hero-media img{
  display:block;
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
}
.durian-page{
  background:var(--ivory);
}
.durian-lead{
  max-width:1040px;
}
.durian-lead h2,
.durian-section h2{
  color:var(--green);
}
.durian-section{
  margin-top:38px;
  scroll-margin-top:96px;
}
.durian-section > h2{
  margin-bottom:18px;
}
.durian-section-intro{
  max-width:980px;
  margin:0 0 22px;
  color:var(--muted);
  font-size:1.04rem;
}
.durian-knowledge-grid,
.durian-stage-grid{
  display:grid;
  gap:16px;
}
.durian-common-problem-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.durian-solution-goal-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.durian-overview-grid{
  gap:22px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.durian-overview-grid .nitrogen-card{
  min-width:0;
  min-height:190px;
  padding:24px 22px;
}
.durian-overview-grid .nitrogen-card h3{
  font-size:20px;
  line-height:1.25;
}
.durian-overview-grid .nitrogen-card p{
  font-size:15px;
  line-height:1.6;
}
.durian-knowledge-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.durian-stage-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.durian-hub-card{
  display:flex;
  min-height:300px;
  flex-direction:column;
}
.durian-hub-card .text-link{
  margin-top:auto;
}
.durian-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 18px;
}
.durian-chip-list .mini-badge{
  background:var(--soft-green);
  color:var(--green);
  font-size:.92rem;
}
.durian-stage-card{
  min-height:280px;
}
.durian-stage-link-card{
  position:relative;
  display:block;
  padding-bottom:64px;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.durian-stage-link-card:hover{
  border-color:rgba(31,107,58,.42);
  box-shadow:0 16px 34px rgba(34,80,45,.1);
  transform:translateY(-2px);
}
.durian-stage-link-card:focus-visible{
  outline:3px solid rgba(31,107,58,.24);
  outline-offset:4px;
}
.stage-card__arrow{
  position:absolute;
  right:18px;
  bottom:18px;
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#e8f5e8;
  color:var(--green);
  font-size:1.25rem;
  font-weight:900;
  line-height:1;
  transition:background-color .2s ease, color .2s ease, transform .2s ease;
}
.durian-stage-link-card:hover .stage-card__arrow,
.durian-stage-link-card:focus-visible .stage-card__arrow{
  background:var(--green);
  color:#fff;
  transform:translateX(2px);
}
.durian-step{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
  border-radius:8px;
  background:var(--green);
  color:var(--ivory);
  font-size:1.2rem;
  font-weight:900;
}
.durian-stage-card p{
  margin-bottom:10px;
}
.durian-stage-card strong{
  color:var(--soil);
}
.durian-problem-card{
  min-height:210px;
}
.durian-problem-card h3{
  margin-right:28px;
}
.durian-problem-card p{
  line-height:1.6;
}
.durian-related-section{
  background:var(--soft-green);
}
.durian-related-section .section-heading{
  max-width:var(--site-container)!important;
  margin:0 auto 18px!important;
  text-align:left!important;
}
.durian-related-section .section-heading h2{
  margin:0;
  color:var(--green);
  font-size:clamp(1.75rem,3.6vw,3rem);
  line-height:1.08;
  font-weight:800;
}
.durian-related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.durian-related-grid .article-card-with-thumb{
  display:grid;
  grid-template-columns:44% minmax(0,1fr);
  gap:0;
  width:100%;
  min-width:0;
  min-height:230px;
  padding:0;
  overflow:hidden;
}
.durian-related-grid .article-thumb{
  min-height:230px;
}
.durian-related-grid .article-thumb img{
  width:100%;
  height:100%;
  min-height:230px;
  object-fit:cover;
}
.durian-related-grid .article-card-copy{
  padding:24px;
}
.durian-related-section .nitrogen-related-pagination{
  justify-content:center;
}
.durian-related-more-mobile{
  display:none;
}
.mobile-cta-label{
  display:none;
}
.durian-stage-detail-page{
  background:var(--soft-green);
}
.durian-stage-detail-hero .back-link{
  display:inline-flex;
  margin-bottom:20px;
}
.durian-stage-detail-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.durian-stage-detail-grid .nitrogen-card{
  min-height:142px;
}
.durian-stage-detail-grid .nitrogen-card p{
  margin:0;
  line-height:1.65;
}
.durian-stage-detail-grid.step-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.durian-stage-detail-step{
  position:relative;
}
.durian-stage-nav{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.article-detail-page{
  background:var(--soft-green);
}
.article-layout{
  display:grid;
  grid-template-columns:260px minmax(0,900px);
  justify-content:center;
  gap:42px;
  max-width:1300px;
  margin:0 auto;
  padding:34px 24px 0;
}
.article-sidebar{
  min-width:0;
}
.article-main{
  min-width:0;
}
.article-detail-hero{
  align-items:center;
  gap:56px;
  padding-top:46px;
  padding-bottom:46px;
}
.article-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:18px;
  color:var(--muted);
  font-size:.94rem;
  font-weight:700;
}
.article-breadcrumb a{
  color:var(--green);
  text-decoration:none;
}
.article-breadcrumb a:hover{
  text-decoration:underline;
}
.article-detail-hero-media{
  aspect-ratio:16/9;
  min-height:0;
  border-radius:16px;
  overflow:hidden;
}
.article-detail-hero-media img{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
}
.seedling-article-hero.article-hero{
  position:relative;
  overflow:hidden;
  padding:88px 0 80px;
  background:
    radial-gradient(circle at 82% 42%, rgba(117,185,120,.22), transparent 34%),
    radial-gradient(circle at 96% 14%, rgba(242,211,124,.18), transparent 28%),
    linear-gradient(90deg,#fffaf0 0%,#f2faed 100%);
}
.seedling-article-hero.article-hero::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-120px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:repeating-linear-gradient(45deg,rgba(31,107,58,.045) 0 8px,transparent 8px 18px);
  opacity:.8;
  pointer-events:none;
}
.article-hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 520px;
  align-items:center;
  gap:72px;
  width:100%;
  max-width:1300px;
  margin:0 auto;
  padding:0 24px;
}
.article-hero__content{
  min-width:0;
}
.article-hero__eyebrow{
  display:inline-flex;
  margin:0 0 16px;
  color:#1f6b3d;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
}
.article-hero__title{
  max-width:920px;
  margin:0;
  color:#1f6b3d;
  font-size:clamp(34px,3.4vw,44px);
  line-height:1.07;
  font-weight:800;
  letter-spacing:0;
}
.article-hero__title span{
  display:block;
}
.article-hero__description{
  max-width:740px;
  margin:24px 0 0;
  color:#526457;
  font-size:18px;
  line-height:1.7;
}
.article-hero__description p{
  margin:0 0 12px;
}
.article-hero__description p:last-child{
  margin-bottom:0;
}
.article-hero__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.article-hero__chip{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 14px;
  border:1px solid rgba(31,107,58,.12);
  border-radius:999px;
  background:#e8f5e8;
  color:#1f6b3d;
  font-size:14px;
  font-weight:700;
}
.article-hero__imageWrap{
  width:100%;
  aspect-ratio:16/9;
  border:6px solid rgba(255,255,255,.72);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(34,107,63,.22);
  transform:translateZ(0);
  transition:transform .25s ease, box-shadow .25s ease;
}
.article-hero__imageWrap:hover{
  transform:translateY(-3px) scale(1.01);
  box-shadow:0 34px 84px rgba(34,107,63,.26);
}
.article-hero__image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.article-anchor-nav{
  position:sticky;
  top:74px;
  z-index:20;
  background:rgba(250,252,246,.92);
  border-bottom:1px solid rgba(34,107,63,.12);
  backdrop-filter:blur(12px);
}
.article-sidebar .article-anchor-nav{
  top:104px;
  background:transparent;
  border:0;
  backdrop-filter:none;
}
.article-anchor-nav-inner{
  display:flex;
  max-width:1300px;
  margin:0 auto;
  padding:12px 24px;
  gap:10px;
  overflow-x:auto;
  scrollbar-width:none;
}
.article-sidebar .article-anchor-nav-inner{
  display:grid;
  max-width:none;
  padding:0;
  gap:8px;
  overflow:visible;
}
.article-anchor-nav-inner::-webkit-scrollbar{
  display:none;
}
.article-anchor-nav a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(34,107,63,.16);
  background:#fffdf7;
  color:var(--soil);
  font-size:.92rem;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  transition:background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.article-sidebar .article-anchor-nav a{
  justify-content:flex-start;
  width:100%;
  min-height:42px;
  border-radius:12px;
  background:#fffdf7;
  white-space:normal;
}
.article-anchor-nav a:hover,
.article-anchor-nav a.active{
  border-color:rgba(31,107,58,.38);
  background:var(--green);
  color:#fff;
  transform:translateY(-1px);
}
.article-detail-section{
  max-width:none;
  margin:0;
  padding:0 0 42px;
  scroll-margin-top:150px;
}
.article-detail-heading{
  margin-bottom:18px;
}
.article-detail-heading h2,
.article-final-summary h2{
  color:var(--ink);
}
.quick-summary-panel{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:18px;
  padding:22px 24px;
  border:1px solid rgba(34,107,63,.14);
  border-left:6px solid var(--green);
  border-radius:10px;
  background:#eef8ec;
  box-shadow:none;
}
.quick-summary-icon{
  display:inline-flex;
  width:46px;
  height:46px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--green);
  color:#fff;
  font-size:1.4rem;
  font-weight:900;
}
.quick-summary-panel h2{
  margin:0 0 14px;
  color:var(--green);
}
.quick-summary-panel ul,
.article-warning-panel ul,
.expert-cta-panel ul{
  margin:0;
  padding-left:20px;
  line-height:1.7;
}
.flow-diagram{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  position:relative;
  padding:18px 0 0;
}
.flow-step{
  position:relative;
  display:flex;
  min-height:128px;
  flex-direction:column;
  align-items:center;
  gap:10px;
  padding:0 10px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--ink);
  text-align:center;
  text-decoration:none;
  box-shadow:none;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.flow-step:not(:last-child)::after{
  content:"";
  position:absolute;
  top:24px;
  left:calc(50% + 23px);
  width:calc(100% - 46px);
  height:3px;
  background:linear-gradient(90deg,var(--green),rgba(31,107,58,.18));
}
.flow-step span{
  display:inline-flex;
  width:48px;
  height:48px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--green);
  color:#fff;
  font-weight:900;
  box-shadow:0 10px 24px rgba(31,107,58,.18);
  z-index:1;
}
.flow-step strong{
  color:var(--green);
  line-height:1.25;
}
.flow-step small{
  max-width:160px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.45;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .18s ease, transform .18s ease;
}
.flow-step:hover,
.process-timeline-step:hover,
.checklist-row:hover,
.support-tab:hover{
  border-color:rgba(31,107,58,.36);
  box-shadow:0 14px 30px rgba(30,80,45,.08);
  transform:translateY(-2px);
}
.flow-step:hover small,
.flow-step:focus-visible small{
  opacity:1;
  transform:translateY(0);
}
.checklist-row-list{
  display:grid;
  gap:10px;
}
.checklist-row,
.support-tab{
  border:1px solid rgba(34,107,63,.14);
  border-radius:14px;
  background:#fffdf7;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.checklist-row summary,
.support-tab summary{
  cursor:pointer;
  list-style:none;
}
.checklist-row summary::-webkit-details-marker,
.support-tab summary::-webkit-details-marker{
  display:none;
}
.checklist-row summary{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px;
}
.checklist-row summary span{
  display:inline-flex;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:999px;
  background:#e8f5e8;
  color:var(--green);
  font-weight:900;
}
.checklist-row p{
  margin:0;
  padding:0 18px 18px 58px;
  color:var(--muted);
  line-height:1.65;
}
.grouped-checklist ul{
  margin:0;
  padding:0 20px 18px 58px;
  line-height:1.75;
}
.grouped-checklist li{
  margin-bottom:6px;
}
.process-timeline{
  position:relative;
  display:grid;
  gap:18px;
  padding-left:24px;
}
.process-timeline::before{
  content:"";
  position:absolute;
  top:8px;
  bottom:8px;
  left:42px;
  width:2px;
  background:linear-gradient(var(--green),rgba(31,107,58,.12));
}
.process-timeline-step{
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:20px;
  padding:22px;
  border:1px solid rgba(34,107,63,.14);
  border-radius:18px;
  background:#fffdf7;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.process-step-number{
  z-index:1;
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--green);
  color:#fff;
  font-weight:900;
}
.process-timeline-step h3{
  margin:0 0 12px;
  color:var(--green);
}
.process-timeline-step dl,
.support-tab dl{
  display:grid;
  gap:12px;
  margin:0;
}
.process-timeline-step dt,
.support-tab dt{
  color:var(--soil);
  font-size:.83rem;
  font-weight:900;
  text-transform:uppercase;
}
.process-timeline-step dd,
.support-tab dd{
  margin:4px 0 0;
  color:var(--ink);
  line-height:1.65;
}
.article-warning-panel{
  padding:22px 24px;
  border:1px solid rgba(216,151,47,.32);
  border-radius:18px;
  background:#fff4d8;
  box-shadow:0 16px 34px rgba(160,100,20,.08);
}
.warning-panel-title{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}
.warning-panel-title span{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#f5d483;
  color:#8a5b15;
  font-weight:900;
}
.warning-panel-title h2{
  margin:0;
  color:var(--ink);
}
.article-warning-panel ul{
  columns:2;
  column-gap:34px;
  line-height:1.8;
}
.diagnosis-table{
  display:grid;
  gap:10px;
}
.diagnosis-row{
  display:grid;
  grid-template-columns:1fr 1fr 1.2fr;
  gap:14px;
  align-items:start;
  padding:16px 18px;
  border:1px solid rgba(34,107,63,.14);
  border-radius:14px;
  background:#fffdf7;
}
.diagnosis-row summary{
  cursor:pointer;
  list-style:none;
  font-weight:800;
  color:var(--green);
}
.diagnosis-row summary::-webkit-details-marker{
  display:none;
}
.diagnosis-row span{
  color:var(--muted);
  line-height:1.6;
}
.diagnosis-head{
  background:var(--green);
  color:#fff;
  font-weight:900;
}
.diagnosis-head span{
  color:#fff;
}
.support-tabs-desktop{
  display:grid;
  border:1px solid rgba(34,107,63,.14);
  border-radius:18px;
  overflow:hidden;
  background:#fffdf7;
}
.support-tab-labels{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.support-tab-input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.support-tab-label{
  min-height:70px;
  padding:18px 20px;
  border-right:1px solid rgba(34,107,63,.12);
  background:#eef8ec;
  color:var(--green);
  font-size:1.02rem;
  font-weight:900;
  cursor:pointer;
  transition:background .18s ease, color .18s ease;
}
.support-tab-label:last-child{
  border-right:0;
}
.support-tab-label:hover{
  background:#dff0dc;
}
.support-tab-input:nth-of-type(1):focus-visible ~ .support-tab-labels label:nth-child(1),
.support-tab-input:nth-of-type(2):focus-visible ~ .support-tab-labels label:nth-child(2),
.support-tab-input:nth-of-type(3):focus-visible ~ .support-tab-labels label:nth-child(3),
.support-tab-input:nth-of-type(4):focus-visible ~ .support-tab-labels label:nth-child(4){
  outline:2px solid rgba(31,107,58,.28);
  outline-offset:-3px;
}
.support-tab-panels{
  border-top:1px solid rgba(34,107,63,.12);
}
.support-tab-panel{
  display:none;
  padding:24px;
}
#durian-support-0:checked ~ .support-tab-labels label:nth-child(1),
#durian-support-1:checked ~ .support-tab-labels label:nth-child(2),
#durian-support-2:checked ~ .support-tab-labels label:nth-child(3),
#durian-support-3:checked ~ .support-tab-labels label:nth-child(4){
  background:var(--green);
  color:#fff;
}
#durian-support-0:checked ~ .support-tab-panels .support-tab-panel:nth-child(1),
#durian-support-1:checked ~ .support-tab-panels .support-tab-panel:nth-child(2),
#durian-support-2:checked ~ .support-tab-panels .support-tab-panel:nth-child(3),
#durian-support-3:checked ~ .support-tab-panels .support-tab-panel:nth-child(4){
  display:block;
}
.support-accordion{
  display:none;
  gap:12px;
}
.support-tab summary{
  min-height:68px;
  padding:18px 20px;
  background:#eef8ec;
  color:var(--green);
  font-size:1.05rem;
  font-weight:900;
}
.support-tab dl{
  padding:20px;
}
.support-accordion .support-tab[open] summary{
  background:#dff0dc;
}
.support-tab-panel dl,
.support-tab dl{
  display:grid;
  gap:12px;
  margin:0;
}
.expert-cta-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:28px;
  border-radius:20px;
  background:var(--green);
  color:#f7fff4;
  box-shadow:0 18px 42px rgba(24,70,43,.16);
}
.expert-cta-panel h2{
  margin:0 0 14px;
  color:#fff;
}
.expert-cta-panel .button{
  background:#f2d37c;
  color:#183d25;
  box-shadow:none;
  white-space:nowrap;
}
.article-final-summary{
  margin-top:42px;
  padding:24px 28px;
  border-radius:20px;
  background:var(--green);
  color:#f7fff4;
}
.article-final-summary h2{
  margin-top:0;
  color:#fff;
}
.article-final-summary p{
  max-width:880px;
  margin-bottom:6px;
  line-height:1.7;
}
.article-bottom-nav{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:14px;
  max-width:1300px;
  margin:0 auto;
  padding:38px 24px 8px;
}
.article-bottom-nav a{
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border:1px solid rgba(34,107,63,.16);
  border-radius:999px;
  background:#fffdf7;
  color:var(--green);
  font-weight:900;
  text-align:center;
  text-decoration:none;
  transition:background-color .18s ease, color .18s ease, transform .18s ease;
}
.article-bottom-nav a:hover{
  background:var(--green);
  color:#fff;
  transform:translateY(-1px);
}
.article-bottom-nav__link{
  min-height:48px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  font-weight:750;
  text-align:center;
}
.article-bottom-nav__link--secondary{
  background:#fffdf7!important;
  border:1px solid rgba(31,107,61,.18)!important;
  color:var(--green)!important;
}
.article-bottom-nav__link--primary{
  background:var(--green)!important;
  border:1px solid var(--green)!important;
  color:#fff!important;
}
.article-bottom-nav__link--secondary:hover,
.article-bottom-nav__link--primary:hover{
  transform:translateY(-1px);
}
.article-bottom-nav--compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.seedling-long-article-page{
  background:#f6fbf2;
  padding:38px 0 80px;
}
.seedling-article-layout{
  display:grid;
  grid-template-columns:360px minmax(0,820px);
  gap:40px;
  width:100%;
  max-width:1300px;
  margin:0 auto;
  padding:0 24px;
  align-items:stretch;
  justify-content:center;
}
.seedling-left-column{
  min-width:0;
  align-self:stretch;
  position:relative;
}
.seedling-stage-sidebar{
  position:sticky;
  top:96px;
  align-self:start;
  height:fit-content;
  max-height:calc(100vh - 120px);
  overflow-y:auto;
  scrollbar-width:thin;
}
.seedling-stage-sidebar{
  border:1px solid rgba(34,107,63,.16);
  border-radius:16px;
  background:#fffdf7;
  box-shadow:0 14px 34px rgba(30,80,45,.06);
}
.seedling-stage-sidebar{
  padding:16px;
}
.seedling-stage-sidebar h2{
  margin:0 0 14px;
  color:var(--green);
  font-size:1.05rem;
  line-height:1.25;
}
.seedling-stage-list{
  display:grid;
  gap:8px;
}
.seedling-stage-list a{
  color:var(--ink);
  text-decoration:none;
  transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.seedling-stage-list a{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:10px;
  padding:10px 12px;
  border-left:3px solid transparent;
  border-radius:12px;
  background:#f8fbf4;
}
.seedling-stage-list a:hover,
.seedling-stage-list a.active{
  border-left-color:var(--green);
  background:#e8f5e8;
  color:var(--green);
}
.stage-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#dff0dc;
  color:var(--green);
  font-size:.78rem;
  font-weight:900;
}
.seedling-stage-list strong{
  display:block;
  color:var(--green);
  font-size:.94rem;
  font-weight:600;
  line-height:1.35;
}
.seedling-stage-list a.active strong{
  font-weight:700;
}
.seedling-article-main{
  min-width:0;
  max-width:820px;
}
.seedling-article-body{
  padding:0 0 28px;
  color:var(--ink);
  font-size:1.06rem;
  line-height:1.82;
}
.seedling-article-body h2,
.seedling-article-body h3{
  scroll-margin-top:112px;
  color:var(--green);
  letter-spacing:0;
}
.article-content section,
.article-content h2,
.article-content h3{
  scroll-margin-top:110px;
}
.seedling-article-body h2{
  margin:46px 0 18px;
  font-size:clamp(1.65rem,2.2vw,2.25rem);
  line-height:1.18;
}
.seedling-article-body h3{
  margin:30px 0 12px;
  font-size:1.28rem;
  line-height:1.35;
}
.seedling-article-body p{
  margin:0 0 18px;
}
.seedling-article-body ul{
  margin:0 0 22px;
  padding-left:24px;
}
.seedling-article-body li{
  margin:8px 0;
}
.seedling-article-body strong{
  color:#1d5634;
}
.article-body-divider{
  margin:34px 0;
  border:0;
  border-top:1px solid rgba(34,107,63,.14);
}
.article-table-wrap{
  overflow:auto;
  margin:24px 0 30px;
  border:1px solid rgba(34,107,63,.16);
  border-radius:16px;
  background:#fffdf7;
  box-shadow:0 12px 28px rgba(30,80,45,.05);
}
.article-table-wrap table{
  width:100%;
  border-collapse:collapse;
  min-width:620px;
}
.article-table-wrap th,
.article-table-wrap td{
  padding:14px 16px;
  border-bottom:1px solid rgba(34,107,63,.12);
  text-align:left;
  vertical-align:top;
  line-height:1.6;
}
.article-table-wrap th{
  background:#e8f5e8;
  color:var(--green);
  font-weight:900;
}
.article-table-wrap tr:last-child td{
  border-bottom:0;
}
.article-table-mobile-list{
  display:none;
}
.seedling-mobile-stage-nav{
  display:none;
}
@media(min-width:1200px){
  .durian-overview-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}
@media(max-width:1180px){
  .seedling-article-layout{
    grid-template-columns:320px minmax(0,1fr);
    gap:30px;
  }
  .article-hero__inner{
    grid-template-columns:minmax(0,1fr) 460px;
    gap:46px;
  }
}
@media(max-width:900px){
  .seedling-article-hero.article-hero{
    padding:56px 0 48px;
  }
  .article-hero__inner{
    grid-template-columns:1fr;
    gap:34px;
    padding:0 16px;
  }
  .article-hero__title{
    font-size:clamp(38px,10vw,54px);
  }
  .article-hero__description{
    max-width:100%;
    font-size:16px;
    line-height:1.72;
  }
  .article-hero__imageWrap{
    max-width:680px;
    border-radius:20px;
  }
  .seedling-article-layout{
    grid-template-columns:1fr;
    gap:24px;
    padding:0 16px;
  }
  .seedling-left-column{
    display:none;
  }
  .seedling-mobile-stage-nav{
    display:block;
    max-width:1300px;
    margin:0 auto;
    padding:18px 16px 0;
  }
  .seedling-mobile-stage-nav .seedling-stage-sidebar{
    position:relative;
    top:auto;
    max-height:none;
    overflow:visible;
    padding:14px;
  }
  .seedling-mobile-stage-nav .seedling-stage-list{
    display:flex;
    gap:10px;
    overflow-x:auto;
    padding-bottom:4px;
    scroll-snap-type:x proximity;
  }
  .seedling-mobile-stage-nav .seedling-stage-list a{
    min-width:250px;
    scroll-snap-align:start;
  }
  .seedling-article-main{
    max-width:none;
  }
  .seedling-article-body{
    font-size:1rem;
    line-height:1.78;
  }
  .seedling-article-body h2,
  .seedling-article-body h3{
    scroll-margin-top:92px;
  }
  .seedling-article-body h2{
    margin-top:38px;
  }
}
.article-bottom-nav-main{
  background:#e8f5e8 !important;
}
@media(max-width:1180px){
  .article-layout{
    grid-template-columns:220px minmax(0,1fr);
    gap:28px;
  }
  .durian-stage-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .durian-common-problem-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .durian-solution-goal-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .durian-stage-detail-grid,
  .durian-stage-detail-grid.step-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .flow-diagram{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .durian-overview-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .durian-knowledge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:900px){
  .durian-hero{
    grid-template-columns:1fr;
  }
  .durian-hero-media,
  .durian-hero-media img{
    min-height:280px;
  }
  .article-detail-hero-media,
  .article-detail-hero-media img{
    min-height:0;
  }
  .expert-cta-panel{
    grid-template-columns:1fr;
  }
  .support-tabs-desktop{
    display:none;
  }
  .support-accordion{
    display:grid;
  }
  .article-layout{
    grid-template-columns:1fr;
    padding-top:0;
  }
  .article-sidebar{
    position:sticky;
    top:62px;
    z-index:20;
    margin:0 -24px;
    background:rgba(250,252,246,.94);
    border-bottom:1px solid rgba(34,107,63,.12);
    backdrop-filter:blur(12px);
  }
  .article-sidebar .article-anchor-nav{
    position:static;
  }
  .article-sidebar .article-anchor-nav-inner{
    display:flex;
    padding:12px 24px;
    overflow-x:auto;
  }
  .article-sidebar .article-anchor-nav a{
    width:auto;
    white-space:nowrap;
    border-radius:999px;
  }
}
@media(min-width:768px) and (max-width:1023px){
  .durian-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .durian-overview-grid,
  .durian-knowledge-grid,
  .durian-stage-grid,
  .durian-common-problem-grid,
  .durian-stage-detail-grid,
  .durian-stage-detail-grid.step-grid,
  .durian-related-grid,
  .durian-page .nitrogen-card-grid.three{
    grid-template-columns:1fr;
  }
  .durian-hub-card,
  .durian-stage-card{
    min-height:auto;
  }
  .durian-related-grid .article-card-with-thumb{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .durian-related-grid .article-thumb,
  .durian-related-grid .article-thumb img{
    min-height:190px;
  }
  .durian-hero .hero-actions .button{
    width:100%;
  }
  .article-layout,
  .article-sidebar .article-anchor-nav-inner,
  .article-detail-section,
  .article-bottom-nav{
    padding-left:16px;
    padding-right:16px;
  }
  .article-layout{
    padding-top:0;
  }
  .article-sidebar{
    margin:0 -16px;
  }
  .quick-summary-panel{
    grid-template-columns:1fr;
    padding:22px;
  }
  .flow-diagram{
    grid-template-columns:1fr;
    gap:16px;
  }
  .flow-step{
    min-height:auto;
    align-items:flex-start;
    padding-left:60px;
    text-align:left;
  }
  .flow-step:not(:last-child)::after{
    top:48px;
    right:auto;
    bottom:auto;
    left:24px;
    width:2px;
    height:calc(100% + 16px);
    display:block;
  }
  .flow-step span{
    position:absolute;
    left:0;
    top:0;
  }
  .flow-step small{
    max-width:none;
    opacity:1;
    transform:none;
  }
  .process-timeline{
    padding-left:0;
  }
  .process-timeline::before{
    left:21px;
  }
  .process-timeline-step{
    grid-template-columns:42px minmax(0,1fr);
    padding:18px;
  }
  .article-warning-panel ul{
    columns:1;
  }
  .diagnosis-head{
    display:none;
  }
  .diagnosis-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .diagnosis-row span{
    display:block;
  }
  .diagnosis-row span::before{
    display:block;
    margin-bottom:4px;
    color:var(--soil);
    font-size:.82rem;
    font-weight:900;
    text-transform:uppercase;
  }
  .diagnosis-row span:nth-of-type(1)::before{
    content:"Có thể liên quan đến";
  }
  .diagnosis-row span:nth-of-type(2)::before{
    content:"Nên kiểm tra trước";
  }
  .article-bottom-nav{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto;
  }
  .article-anchor-nav a,
  .flow-step,
  .process-timeline-step,
  .checklist-row,
  .support-tab,
  .article-bottom-nav a,
  .article-hero__imageWrap{
    transition:none;
  }
  .article-hero__imageWrap:hover{
    transform:none;
  }
}

.pepper-page .nitrogen-card-grid.four{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.pepper-page .nitrogen-card-grid.five{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.pepper-page .nitrogen-card-grid.six{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.pepper-intro-block{
  padding:clamp(24px,3vw,34px);
  border:1px solid rgba(47,107,63,.14);
  border-radius:14px;
  background:linear-gradient(180deg,#fffef9,rgba(237,246,232,.55));
  box-shadow:0 12px 28px rgba(47,51,47,.05);
}
.pepper-intro-block p{
  max-width:980px;
  color:var(--muted);
  font-size:1.04rem;
}
.pepper-feature-grid .nitrogen-card{
  min-height:170px;
}
.pepper-growth-grid .nitrogen-card{
  min-height:150px;
  padding:22px;
}
.pepper-yield-grid .nitrogen-card{
  min-height:160px;
}
.pepper-overview-timeline{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.pepper-timeline-step{
  position:relative;
  min-width:0;
  padding:20px 18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.6));
  box-shadow:0 10px 24px rgba(47,51,47,.05);
}
.pepper-timeline-step:not(:last-child):after{
  content:"";
  position:absolute;
  top:31px;
  right:-14px;
  width:14px;
  height:2px;
  background:linear-gradient(90deg,var(--green),rgba(47,107,63,.18));
}
.pepper-timeline-step h3{
  margin:12px 0 10px;
  color:var(--green);
  font-size:1.05rem;
  line-height:1.28;
}
.pepper-timeline-step p{
  margin:0;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.55;
}
.pepper-timeline-step p+p{
  margin-top:8px;
}
.pepper-warning-grid .pepper-warning-card{
  min-height:104px;
  padding:18px 20px;
  border-color:rgba(214,162,58,.36);
  background:#fff7e4;
  box-shadow:none;
}
.pepper-page .pepper-warning-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.pepper-warning-grid .pepper-warning-card:before{
  background:linear-gradient(90deg,var(--rice),#e7b955);
}
.pepper-warning-grid .pepper-warning-card p{
  margin:0;
  color:#5e4a2d;
  font-weight:700;
}
.pepper-overview-link-grid .pepper-topic-card{
  min-height:180px;
}
.pepper-faq-list{
  display:grid;
  gap:12px;
}
.pepper-faq-item{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--ivory);
  box-shadow:0 10px 24px rgba(47,51,47,.045);
}
.pepper-faq-item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  color:var(--green);
  font-weight:900;
  line-height:1.35;
  cursor:pointer;
  list-style:none;
}
.pepper-faq-item summary::-webkit-details-marker{
  display:none;
}
.pepper-faq-item summary:after{
  content:"+";
  display:grid;
  flex:0 0 28px;
  width:28px;
  height:28px;
  place-items:center;
  border-radius:999px;
  background:var(--soft-green);
  color:var(--green);
  font-weight:950;
}
.pepper-faq-item[open] summary:after{
  content:"-";
  background:var(--green);
  color:#fff;
}
.pepper-faq-item p{
  margin:0;
  padding:0 20px 18px;
  color:var(--muted);
}
.comparison-table-wrap{
  width:100%;
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--ivory);
  box-shadow:0 14px 30px rgba(47,107,63,.08);
}
.comparison-table{
  width:100%;
  min-width:860px;
  border-collapse:collapse;
  color:var(--muted);
  font-size:.98rem;
  line-height:1.55;
}
.comparison-table th,
.comparison-table td{
  padding:14px 16px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--line);
}
.comparison-table th{
  background:var(--soft-green);
  color:var(--green);
  font-weight:900;
}
.comparison-table td:first-child{
  color:var(--green);
  font-weight:900;
}
.comparison-table tr:last-child td{
  border-bottom:0;
}
@media(max-width:1180px){
  .pepper-page .nitrogen-card-grid.six,
  .pepper-page .nitrogen-card-grid.five{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .pepper-page .nitrogen-card-grid.four{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pepper-overview-timeline{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .pepper-timeline-step:nth-child(3n):after{
    display:none;
  }
}
@media(max-width:900px){
  .pepper-overview-timeline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pepper-timeline-step:after{
    display:none;
  }
}
@media(max-width:760px){
  .pepper-page .nitrogen-card-grid.six,
  .pepper-page .nitrogen-card-grid.five,
  .pepper-page .nitrogen-card-grid.four{
    grid-template-columns:1fr;
  }
  .pepper-overview-timeline{
    grid-template-columns:1fr;
  }
  .pepper-timeline-step,
  .pepper-warning-grid .pepper-warning-card{
    min-height:0;
  }
}

/* Header brand logo: use the transparent PNG without the old framed box. */
.brand{
  gap:14px;
  align-items:center;
}
.brand-mark{
  width:76px;
  height:76px;
  min-width:76px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.brand-mark img{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  object-fit:contain;
}
.brand > span:last-child{
  line-height:1.2;
}
@media(min-width:1051px){
  .crop-nav-item .crop-menu-dropdown,
  .knowledge-nav-item .knowledge-menu-dropdown{
    top:106px;
    max-height:calc(100vh - 122px);
  }
}
@media(max-width:760px){
  .brand{
    gap:12px;
  }
  .brand-mark{
    width:64px;
    height:64px;
    min-width:64px;
  }
}
.biostimulant-amino-page .nitrogen-heading{
  margin-bottom:0;
}
.biostimulant-amino-page .nitrogen-heading + .nitrogen-quick-grid,
.biostimulant-amino-page .nitrogen-heading + .nitrogen-card-grid{
  margin-top:32px;
}

/* Shared vertical rhythm for library detail pages. */
.library-detail-section,
.nitrogen-article-section,
.nitrogen-sibling-section,
.nitrogen-related-section{
  --library-section-gap:36px;
  --library-heading-gap:16px;
  --library-grid-gap:14px;
}
.library-detail-section{
  margin-top:var(--library-section-gap);
}
.library-detail-section:first-child{
  margin-top:0;
}
.library-section-kicker{
  margin-bottom:10px;
}
.library-section-title{
  margin:0;
}
.library-section-description{
  max-width:960px;
  margin-top:8px;
  margin-bottom:0;
}
.library-card-grid{
  display:grid;
  gap:var(--library-grid-gap);
  margin-top:var(--library-heading-gap);
}
.library-card-grid.two-columns{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.library-card-grid.three-columns{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.library-card-grid.four-columns{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.library-card-grid + .library-card-grid{
  margin-top:14px;
}
.nitrogen-article-section > .nitrogen-heading:not(:first-child),
.nitrogen-article-section > .section-heading:not(:first-child),
.nitrogen-article-section > .nitrogen-lead-block:not(:first-child),
.nitrogen-article-section > .nitrogen-flow-section:not(:first-child),
.nitrogen-article-section > .nitrogen-compare-grid:not(:first-child){
  margin-top:var(--library-section-gap);
}
.nitrogen-article-section .nitrogen-heading,
.nitrogen-article-section .section-heading,
.nitrogen-sibling-section .nitrogen-heading,
.nitrogen-related-section .nitrogen-heading,
.nitrogen-related-section .section-heading{
  margin-bottom:0;
}
.nitrogen-article-section .nitrogen-heading p,
.nitrogen-article-section .section-heading p:not(.eyebrow),
.nitrogen-sibling-section .nitrogen-heading p,
.nitrogen-related-section .nitrogen-heading p,
.nitrogen-related-section .section-heading p:not(.eyebrow){
  margin-top:8px;
  margin-bottom:0;
}
.nitrogen-article-section :where(.nitrogen-heading,.section-heading) + :where(.nitrogen-quick-grid,.nitrogen-card-grid,.nitrogen-compare-grid,.fertilizer-child-grid,.nitrogen-flow,.article-grid,.disease-four-grid,.disease-group-grid,.canxi-five-grid,.leaf-eater-five-grid,.fungicide-location-grid),
.nitrogen-sibling-section :where(.nitrogen-heading,.section-heading) + :where(.nitrogen-sibling-grid,.nitrogen-card-grid,.fertilizer-child-grid),
.nitrogen-related-section :where(.nitrogen-heading,.section-heading) + :where(.article-grid,.nitrogen-related-grid,.pgr-article-grid){
  margin-top:var(--library-heading-gap);
}
.nitrogen-article-section :where(.nitrogen-quick-grid,.nitrogen-card-grid,.nitrogen-compare-grid,.fertilizer-child-grid,.nitrogen-flow,.article-grid,.disease-four-grid,.disease-group-grid,.canxi-five-grid,.leaf-eater-five-grid,.fungicide-location-grid),
.nitrogen-sibling-section :where(.nitrogen-sibling-grid,.nitrogen-card-grid,.fertilizer-child-grid),
.nitrogen-related-section :where(.article-grid,.nitrogen-related-grid,.pgr-article-grid){
  gap:var(--library-grid-gap);
}
.nitrogen-article-section :where(.nitrogen-card-grid,.nitrogen-quick-grid,.nitrogen-compare-grid,.fertilizer-child-grid,.nitrogen-flow) + :where(.nitrogen-card-grid,.nitrogen-quick-grid,.nitrogen-compare-grid,.fertilizer-child-grid,.nitrogen-flow){
  margin-top:14px;
}
.nitrogen-article-section :where(.nitrogen-lead-block,.nitrogen-card,.content-card,.content-panel) p{
  margin-bottom:12px;
}
.nitrogen-article-section :where(.nitrogen-lead-block,.nitrogen-card,.content-card,.content-panel) p:last-child{
  margin-bottom:0;
}
@media(max-width:1024px){
  .library-detail-section,
  .nitrogen-article-section,
  .nitrogen-sibling-section,
  .nitrogen-related-section{
    --library-section-gap:32px;
    --library-heading-gap:14px;
    --library-grid-gap:12px;
  }
}
@media(max-width:640px){
  .library-detail-section,
  .nitrogen-article-section,
  .nitrogen-sibling-section,
  .nitrogen-related-section{
    --library-section-gap:28px;
    --library-heading-gap:12px;
    --library-grid-gap:12px;
  }
  .library-section-description{
    margin-top:8px;
  }
  .library-card-grid.two-columns,
  .library-card-grid.three-columns,
  .library-card-grid.four-columns{
    grid-template-columns:1fr;
  }
}

/* Text badges inside cards must behave like pills, not fixed icon boxes. */
.nitrogen-icon,
.mini-badge,
.card-badge,
.summary-badge,
.feature-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  min-width:unset;
  max-width:100%;
  height:auto;
  min-height:unset;
  padding:8px 14px;
  border-radius:10px;
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
  line-height:1;
  font-size:14px;
  font-weight:800;
}
.icon-box{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  min-width:56px;
  height:56px;
  padding:0;
  border-radius:10px;
  line-height:1;
  font-size:18px;
  font-weight:800;
  white-space:nowrap;
}

.solution-active-note{
  max-width:none;
  margin:22px 0 0;
  padding:12px 18px;
  border:1px solid rgba(214,162,58,.28);
  border-left:4px solid rgba(138,90,60,.48);
  border-radius:8px;
  background:#fff7df;
  color:#6f5a2a;
  font-size:.9rem;
  line-height:1.5;
  box-shadow:none;
}

/* Biostimulant detail pages use the same visual rhythm as Amino acid and peptide. */
:where(
  .biostimulant-amino-page,
  .biostimulant-seaweed-page,
  .biostimulant-humic-page,
  .biostimulant-chitosan-page,
  .biostimulant-plant-extract-page,
  .biostimulant-phosphite-page
) > h2{
  margin:0;
  color:var(--green);
  font-size:clamp(2.1rem,3.4vw,2.65rem);
  line-height:1.12;
}
:where(
  .biostimulant-amino-page,
  .biostimulant-seaweed-page,
  .biostimulant-humic-page,
  .biostimulant-chitosan-page,
  .biostimulant-plant-extract-page,
  .biostimulant-phosphite-page
) > h2:not(:first-child){
  margin-top:var(--library-section-gap);
}
:where(
  .biostimulant-amino-page,
  .biostimulant-seaweed-page,
  .biostimulant-humic-page,
  .biostimulant-chitosan-page,
  .biostimulant-plant-extract-page,
  .biostimulant-phosphite-page
) > h2 + :where(.nitrogen-card-grid,.nitrogen-quick-grid,.nitrogen-compare-grid,.fertilizer-child-grid){
  margin-top:var(--library-heading-gap);
}
:where(
  .biostimulant-seaweed-page,
  .biostimulant-humic-page,
  .biostimulant-chitosan-page,
  .biostimulant-plant-extract-page,
  .biostimulant-phosphite-page
) .nitrogen-timing-section{
  display:grid;
  gap:var(--library-heading-gap);
}
:where(
  .biostimulant-seaweed-page,
  .biostimulant-humic-page,
  .biostimulant-chitosan-page,
  .biostimulant-plant-extract-page,
  .biostimulant-phosphite-page
) .nitrogen-timing-section h2{
  margin:0;
  color:var(--green);
  font-size:clamp(2.1rem,3.4vw,2.65rem);
  line-height:1.12;
}
:where(
  .biostimulant-seaweed-page,
  .biostimulant-humic-page,
  .biostimulant-chitosan-page,
  .biostimulant-plant-extract-page,
  .biostimulant-phosphite-page
) .nitrogen-timing-section .section-intro{
  display:none;
}
:where(
  .biostimulant-seaweed-page,
  .biostimulant-humic-page,
  .biostimulant-chitosan-page,
  .biostimulant-plant-extract-page,
  .biostimulant-phosphite-page
) .nitrogen-timing-grid.three{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
:where(
  .biostimulant-amino-page,
  .biostimulant-seaweed-page,
  .biostimulant-humic-page,
  .biostimulant-chitosan-page,
  .biostimulant-plant-extract-page,
  .biostimulant-phosphite-page
) .nitrogen-card-grid.four{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
:where(
  .biostimulant-amino-page,
  .biostimulant-seaweed-page,
  .biostimulant-humic-page,
  .biostimulant-chitosan-page,
  .biostimulant-plant-extract-page,
  .biostimulant-phosphite-page
) .nitrogen-card-grid.five,
:where(
  .biostimulant-amino-nav-section,
  .biostimulant-seaweed-nav-section,
  .biostimulant-humic-nav-section,
  .biostimulant-chitosan-nav-section,
  .biostimulant-plant-extract-nav-section,
  .biostimulant-phosphite-nav-section
) .nitrogen-card-grid.five{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
:where(
  .biostimulant-humic-related-section,
  .biostimulant-phosphite-related-section
) .pgr-article-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px;
}
.plant-topic-overview-hero .nitrogen-hero-media{
  position:relative;
  z-index:1;
  justify-self:stretch;
  margin:0;
  min-height:360px;
  overflow:hidden;
  border-radius:8px;
  background:linear-gradient(135deg,var(--soft-green),#d8f0e6);
  box-shadow:0 28px 72px rgba(47,107,63,.18);
}
.plant-topic-overview-hero .nitrogen-hero-media:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(255,253,247,.62) 0%,rgba(255,253,247,.18) 34%,rgba(47,107,63,.04) 100%),linear-gradient(180deg,rgba(237,246,232,.18),rgba(214,162,58,.12));
  pointer-events:none;
}
.plant-topic-overview-hero .nitrogen-hero-media:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  box-shadow:inset 26px 0 44px rgba(255,253,247,.46),inset 0 0 0 1px rgba(255,253,247,.42);
  pointer-events:none;
}
.plant-topic-overview-hero .nitrogen-hero-media img{
  display:block;
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.05) contrast(1.02) brightness(1.04);
}
.plant-topic-overview-hero .nitrogen-floating-badge{
  position:absolute;
  top:18px;
  right:18px;
  z-index:3;
  display:grid;
  width:104px;
  aspect-ratio:1;
  place-items:center;
  border:1px solid rgba(255,253,247,.62);
  border-radius:8px;
  background:linear-gradient(145deg,var(--green),#4f895c);
  color:var(--ivory);
  box-shadow:0 16px 34px rgba(47,107,63,.22);
}
.plant-topic-overview-hero .nitrogen-floating-badge span{
  font-size:3.5rem;
  font-weight:950;
  line-height:.9;
}
.plant-topic-overview-hero .nitrogen-floating-badge small{
  margin-top:-30px;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
@media(max-width:1180px){
  :where(
    .biostimulant-amino-page,
    .biostimulant-seaweed-page,
    .biostimulant-humic-page,
    .biostimulant-chitosan-page,
    .biostimulant-plant-extract-page,
    .biostimulant-phosphite-page
  ) .nitrogen-card-grid.five{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  :where(
    .biostimulant-amino-page,
    .biostimulant-seaweed-page,
    .biostimulant-humic-page,
    .biostimulant-chitosan-page,
    .biostimulant-plant-extract-page,
    .biostimulant-phosphite-page
  ) .nitrogen-card-grid.four{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  :where(
    .biostimulant-seaweed-page,
    .biostimulant-humic-page,
    .biostimulant-chitosan-page,
    .biostimulant-plant-extract-page,
    .biostimulant-phosphite-page
  ) .nitrogen-timing-grid.three{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(min-width:761px){
  :where(
    .biostimulant-seaweed-page,
    .biostimulant-humic-page,
    .biostimulant-chitosan-page,
    .biostimulant-plant-extract-page,
    .biostimulant-phosphite-page
  ) .nitrogen-timing-grid.three{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:760px){
  :where(
    .biostimulant-amino-page,
    .biostimulant-seaweed-page,
    .biostimulant-humic-page,
    .biostimulant-chitosan-page,
    .biostimulant-plant-extract-page,
    .biostimulant-phosphite-page
  ) .nitrogen-card-grid.five,
  :where(
    .biostimulant-amino-page,
    .biostimulant-seaweed-page,
    .biostimulant-humic-page,
    .biostimulant-chitosan-page,
    .biostimulant-plant-extract-page,
    .biostimulant-phosphite-page
  ) .nitrogen-card-grid.four,
  :where(
    .biostimulant-seaweed-page,
    .biostimulant-humic-page,
    .biostimulant-chitosan-page,
    .biostimulant-plant-extract-page,
    .biostimulant-phosphite-page
  ) .nitrogen-timing-grid.three,
  :where(
    .biostimulant-humic-related-section,
    .biostimulant-phosphite-related-section
  ) .pgr-article-grid{
    grid-template-columns:1fr!important;
  }
  .plant-topic-overview-hero .nitrogen-hero-media,
  .plant-topic-overview-hero .nitrogen-hero-media img{
    min-height:250px;
  }
  .plant-topic-overview-hero .nitrogen-floating-badge{
    width:88px;
    top:14px;
    right:14px;
  }
  .plant-topic-overview-hero .nitrogen-floating-badge span{
    font-size:3rem;
  }
  .plant-topic-overview-hero .nitrogen-floating-badge small{
    margin-top:-24px;
    font-size:.72rem;
  }
}
.plant-protection-overview .knowledge-section-card-link{
  padding-bottom:28px;
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.plant-protection-overview .knowledge-section-card-link:hover{
  transform:translateY(-4px);
  border-color:rgba(47,107,63,.38);
  box-shadow:0 18px 38px rgba(47,107,63,.14);
}
.plant-protection-overview .knowledge-section-card-link:hover h3{
  color:var(--leaf);
}

/* Header menu tuning: larger text, same weight, dropdown shifted left on desktop. */
.nav-top,
.nav > a{
  font-size:1rem;
}
.nav-dropdown-link{
  font-size:1rem;
}
@media(min-width:1051px){
  .crop-nav-item .crop-menu-dropdown,
  .knowledge-nav-item .knowledge-menu-dropdown{
    left:45%;
  }
}
@media(max-width:760px){
  .nav-top,
  .nav > a{
    font-size:.94rem;
  }
}
@media(max-width:760px){
  .knowledge-section-card > .knowledge-topic-tags .nutrition-menu-link{
    min-height:34px;
    font-size:.98rem;
  }
}

/* Hide legacy section-detail heading/back link if an older cached JS template renders it. */
.knowledge-overview > .section-heading.compact:has(+ .knowledge-section-card){
  display:none;
}
.knowledge-section-card > .text-link{
  display:none;
}
.knowledge-section-card > .knowledge-topic-tags .nutrition-menu-link{
  min-height:36px;
  padding:7px 11px;
  font-size:1.01rem;
  border-radius:8px;
}

/* Final compact knowledge dropdown override. */
.knowledge-nav-item .knowledge-menu-dropdown{
  grid-template-columns:1fr;
}
.knowledge-menu-grid.library-menu-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.knowledge-menu-group-card.library-group-card{
  display:block;
  min-height:0;
  padding:12px;
  border:1px solid rgba(31,107,58,.16);
  border-radius:8px;
  background:#fff;
  color:inherit;
  text-decoration:none;
}
.knowledge-menu-icon{
  display:none;
}
.knowledge-menu-title.library-group-title{
  display:block;
  margin:0 0 6px;
  color:var(--color-primary,var(--green));
  font-size:.94rem;
  font-weight:850;
  line-height:1.3;
}
.knowledge-menu-group-card .library-group-description{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin:0 0 10px;
  color:var(--color-text-muted,var(--muted));
  font-size:.8rem;
  line-height:1.45;
}
.knowledge-menu-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.knowledge-menu-chip-list span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:10px;
  background:#EAF4E7;
  color:#45624B;
  font-size:14px;
  line-height:1.2;
  font-weight:600;
  white-space:nowrap;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.knowledge-menu-group-card.library-group-card:hover{
  transform:translateY(-1px);
  border-color:rgba(31,107,58,.34);
  background:#fff;
}
.knowledge-menu-group-card.library-group-card:hover .knowledge-menu-chip-list span{
  transform:translateY(-1px);
  border-color:#C7DEC5;
  background:#DFF0DC;
  color:#1F6B3A;
}
@media(min-width:1051px){
  .crop-nav-item .crop-menu-dropdown,
  .knowledge-nav-item .knowledge-menu-dropdown{
    left:50%;
    right:auto;
    transform:translate(-50%,6px);
  }
  .crop-nav-item:hover .crop-menu-dropdown,
  .crop-nav-item:focus-within .crop-menu-dropdown,
  .knowledge-nav-item:hover .knowledge-menu-dropdown,
  .knowledge-nav-item:focus-within .knowledge-menu-dropdown{
    transform:translate(-50%,0);
  }
}
@media(max-width:1050px){
  .knowledge-menu-grid.library-menu-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .knowledge-menu-grid.library-menu-grid{
    grid-template-columns:1fr;
  }
  .knowledge-menu-group-card.library-group-card{
    min-height:44px;
  }
}


/* EOF solution detail typography override. */
.solution-detail-hero{padding:72px 0;background:linear-gradient(90deg,#f3faef 0%,#fff7e6 100%);}
.solution-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:64px;max-width:1350px;margin:0 auto;padding:0 24px;}
.solution-hero-copy{min-width:0;text-align:left;}
.solution-detail-hero .solution-title{max-width:680px;margin:0 0 18px;color:var(--green);font-size:3.15rem;line-height:1.1;letter-spacing:0;text-align:left;}
.solution-detail-hero .solution-hero-copy>p{max-width:720px;margin:0;font-size:1.04rem;line-height:1.66;text-align:left;}
.solution-hero-visual{justify-self:end;width:100%;max-width:460px;margin:0;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(35,108,65,.15);border-radius:16px;background:var(--soft-green);box-shadow:0 18px 40px rgba(40,80,40,.12);}
.solution-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .38s ease,filter .38s ease;}
.solution-hero-visual:hover img{transform:scale(1.08);filter:saturate(1.08) contrast(1.03);}
.solution-detail-section,.solution-related-content{padding-block:68px;}
.solution-detail-section .section-heading,.solution-related-content .section-heading{max-width:880px;margin-bottom:28px;}
.solution-detail-section .section-heading h2,.solution-related-content .section-heading h2,.solution-detail-section .active-heading h2{max-width:900px;margin-bottom:0;color:var(--text);font-size:2.25rem;line-height:1.18;font-weight:850;letter-spacing:0;white-space:normal;}
.solution-product-heading h2{margin-bottom:12px;}
.solution-product-heading p:not(.eyebrow){max-width:780px;font-size:1rem;line-height:1.62;}
.solution-product-group-heading{margin:34px 0 18px;}
.solution-product-reference .section-heading.compact h2,.solution-recommendation-panel h3{color:var(--green);font-size:1.65rem;line-height:1.22;font-weight:800;}
.solution-overview-grid,.solution-recommendation-grid,.solution-product-grid{gap:20px;}
.solution-overview-card,.solution-recommendation-panel,.solution-product-card,.solution-related-content>div{min-width:0;}
.solution-overview-card h3{margin-bottom:12px;color:var(--green);font-size:1.12rem;line-height:1.3;}
.solution-overview-card .check-list,.solution-notes-box .check-list,.solution-notes-box ul{display:grid;gap:9px;}
.solution-overview-card .check-list li,.solution-notes-box li{margin:0;line-height:1.58;}
.solution-overview-card .check-list{
  gap:12px;
}
.solution-overview-card .check-list li{
  padding:13px 15px;
  border:1px solid rgba(47,107,63,.12);
  border-radius:10px;
  background:rgba(255,253,247,.84);
  color:var(--text);
  box-shadow:0 6px 16px rgba(47,51,47,.035);
  transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease;
}
.solution-overview-card .check-list li:before{
  display:none;
  content:none;
}
.solution-overview-card .check-list li:hover{
  transform:translateX(7px);
  border-color:rgba(47,107,63,.26);
  background:#f8fcf4;
  box-shadow:0 10px 22px rgba(47,51,47,.075);
}
.solution-recommendation-panel{gap:15px;}
.solution-recommendation-list{gap:12px;}
.recommendation-item-card{padding:15px 16px;}
.recommendation-item-card h4{font-size:1rem;line-height:1.34;}
.recommendation-item-card p{font-size:.95rem;line-height:1.58;}
.solution-active-note{max-width:none;margin:22px 0 0;padding:12px 18px;border:1px solid rgba(214,162,58,.28);border-left:4px solid rgba(138,90,60,.48);border-radius:8px;background:#fff7df;color:#6f5a2a;font-size:.9rem;line-height:1.5;box-shadow:none;}
.solution-product-card h3{font-size:1rem;line-height:1.32;}
.solution-product-card p{font-size:.9rem;line-height:1.55;}
.solution-notes-box{max-width:1080px;padding:18px 20px;}
.solution-related-content{gap:24px;}
.solution-related-content>div{padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--ivory);box-shadow:0 8px 24px rgba(47,51,47,.05);}
.solution-related-content .section-heading.compact{margin-bottom:16px;}
.solution-related-content .section-heading h2{font-size:1.75rem;}
.solution-related-content .solution-empty-state{min-height:88px;margin:0;}
@media(max-width:1050px){.solution-hero-inner{grid-template-columns:minmax(0,1fr) 380px;gap:42px;}.solution-detail-hero .solution-title{font-size:2.55rem;}.solution-detail-section .section-heading h2,.solution-related-content .section-heading h2,.solution-detail-section .active-heading h2{font-size:1.95rem;}.solution-related-content.two-column{grid-template-columns:1fr;}}
@media(max-width:900px){.solution-recommendation-grid.two-column{grid-template-columns:1fr;}}
@media(max-width:760px){.solution-detail-hero{padding:40px 0;}.solution-hero-inner{grid-template-columns:1fr;gap:28px;padding:0 18px;}.solution-detail-hero .solution-title{max-width:100%;font-size:2rem;}.solution-detail-hero .solution-hero-copy>p{max-width:100%;}.solution-hero-visual{justify-self:stretch;width:100%;max-width:none;border-radius:14px;}.solution-detail-section,.solution-related-content{padding-block:42px;}.solution-detail-section .section-heading,.solution-related-content .section-heading{margin-bottom:22px;}.solution-detail-section .section-heading h2,.solution-related-content .section-heading h2,.solution-detail-section .active-heading h2{font-size:1.65rem;line-height:1.22;}.solution-product-reference .section-heading.compact h2,.solution-recommendation-panel h3{font-size:1.42rem;}.solution-related-content>div{padding:18px;}}
@media(max-width:560px){.solution-product-card{grid-template-columns:1fr;}.solution-product-image{width:min(100%,180px);height:auto;}.solution-product-content{min-height:0;}}
.solution-related-heading{margin-bottom:24px;}
.solution-related-content .solution-related-heading h2{font-size:2.25rem;}
.solution-resources.solution-related-content>.solution-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0;border:0;background:transparent;box-shadow:none;}
.solution-related-panel{display:flex;min-width:0;min-height:100%;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--ivory);box-shadow:0 8px 24px rgba(47,51,47,.05);}
.solution-related-panel .section-heading.compact{margin-bottom:16px;}
.solution-related-panel .section-heading h2{font-size:1.55rem;line-height:1.25;}
.solution-related-panel .paged-stack{flex:1;}
.solution-related-panel .pagination{margin-top:auto;padding-top:16px;}
.video-thumb{
  position:relative;
  display:block;
  overflow:hidden;
  width:100%;
  margin-bottom:14px;
  border-radius:8px;
  background:var(--soft-green);
}
.video-thumb img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  transition:transform .28s ease,filter .28s ease;
}
.video-thumb .play-icon{
  position:absolute;
  left:12px;
  bottom:12px;
  margin:0;
  box-shadow:0 8px 18px rgba(47,51,47,.18);
}
.video-card:hover .video-thumb img{
  transform:scale(1.055);
  filter:saturate(1.08) contrast(1.03);
}
.video-thumb--placeholder{
  cursor:default;
}
.video-card:hover .video-thumb--placeholder img{
  transform:none;
  filter:none;
}
.video-frame--placeholder{
  cursor:default;
}
.video-frame--placeholder p{
  max-width:460px;
  margin:10px auto 0;
  color:rgba(255,253,247,.86);
  font-size:1rem;
  line-height:1.6;
}
.solution-related-compact{
  padding-block:50px 58px;
}
.solution-related-compact .solution-related-grid{
  gap:18px;
}
.solution-related-compact .solution-related-panel{
  padding:18px;
}
.solution-related-compact .solution-related-panel .section-heading.compact{
  margin-bottom:12px;
}
.solution-related-compact .solution-related-panel .paged-stack{
  gap:10px;
}
.solution-related-compact .article-card-with-thumb{
  grid-template-columns:154px minmax(0,1fr);
  gap:12px;
  align-items:start;
  min-height:0;
}
.solution-related-compact .article-thumb{
  align-self:start;
  min-height:0;
}
.solution-related-compact .article-thumb img{
  height:auto;
  min-height:0;
  aspect-ratio:16/9;
}
.solution-related-compact .article-card-copy{
  padding:12px 12px 12px 0;
}
.solution-related-compact .article-card-copy .tag{
  margin-bottom:4px;
  font-size:.68rem;
}
.solution-related-compact .article-card-copy h3{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin-bottom:6px;
  font-size:.96rem;
  line-height:1.28;
}
.solution-related-compact .article-card-copy p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin-bottom:8px;
  font-size:.86rem;
  line-height:1.42;
}
.solution-related-compact .article-card-copy .text-link{
  font-size:.85rem;
}
.solution-related-compact .video-card{
  display:grid;
  grid-template-columns:154px minmax(0,1fr);
  gap:12px;
  align-items:start;
  min-height:0;
  padding:14px 15px;
}
.solution-related-compact .video-thumb{
  margin-bottom:0;
}
.solution-related-compact .video-card .video-thumb .play-icon{
  left:10px;
  bottom:10px;
  width:34px;
  height:34px;
}
.solution-related-compact .video-card h3{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin-bottom:6px;
  font-size:.98rem;
  line-height:1.28;
}
.solution-related-compact .video-card p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin-bottom:8px;
  font-size:.88rem;
  line-height:1.42;
}
@media(max-width:1050px){.solution-resources.solution-related-content>.solution-related-grid{grid-template-columns:1fr;}.solution-related-content .solution-related-heading h2{font-size:1.95rem;}}
@media(max-width:760px){.solution-related-heading{margin-bottom:20px;}.solution-related-content .solution-related-heading h2{font-size:1.65rem;}.solution-related-panel{padding:18px;}.solution-related-panel .section-heading h2{font-size:1.38rem;}.solution-related-compact .article-card-with-thumb,.solution-related-compact .video-card{grid-template-columns:1fr;}.solution-related-compact .article-card-copy{padding:14px;}.solution-related-compact .article-thumb img{min-height:0;}.solution-related-compact .video-thumb{margin-bottom:0;}}

/* Solution pest-disease detail layout alignment. */
@media(min-width:1181px){
  .solution-field-guidance-section .process-stepper{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}
.solution-field-guidance-section .process-stepper{
  gap:12px;
}
.solution-field-guidance-section .process-stepper .timeline-step{
  padding:13px;
}
.solution-field-guidance-section .process-stepper .timeline-step h3{
  font-size:1.12rem;
  line-height:1.3;
}
.solution-field-guidance-section .process-stepper .timeline-step p{
  font-size:.86rem;
  line-height:1.5;
}
.solution-garden-support-section > .active-heading{
  max-width:var(--site-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.solution-garden-support-section > .active-heading h2{
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
main > .section.solution-active-reference-section > .section-heading.active-heading,
main > .section.solution-garden-support-section > .section-heading.active-heading{
  width:100%!important;
  max-width:var(--site-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
main > .section.solution-active-reference-section > .section-heading.active-heading h2,
main > .section.solution-active-reference-section > .section-heading.active-heading p,
main > .section.solution-garden-support-section > .section-heading.active-heading h2,
main > .section.solution-garden-support-section > .section-heading.active-heading p{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.solution-garden-support-section .garden-support-card h3,
.solution-apply-section .solution-apply-card h3,
.solution-field-guidance-section .process-stepper .timeline-step h3{
  font-size:1.12rem!important;
  line-height:1.3!important;
}
.solution-related-compact .article-thumb,
.solution-related-compact .video-thumb{
  display:block;
  width:154px;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:8px;
  background:var(--soft-green);
}
.solution-related-compact .article-thumb img,
.solution-related-compact .video-thumb img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
}
.solution-related-compact .video-card{
  grid-template-columns:154px minmax(0,1fr);
}
@media(max-width:760px){
  .solution-related-compact .article-thumb,
  .solution-related-compact .video-thumb{
    width:100%;
  }
  .solution-related-compact .video-card{
    grid-template-columns:1fr;
  }
}

/* Solution detail product and note section refinements. */
.solution-product-reference{
  padding-block:54px 66px;
}
.solution-product-intro{
  width:100%;
  max-width:none;
  margin-bottom:28px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.solution-product-reference .solution-product-intro h2{
  max-width:760px;
  margin-bottom:10px;
  color:var(--text);
  font-size:2.35rem;
  line-height:1.15;
  font-weight:800;
}
.solution-product-reference .solution-product-intro p:not(.eyebrow){
  width:100%;
  max-width:none;
  margin:0;
  padding:12px 18px;
  border:1px solid rgba(214,162,58,.48);
  border-left:4px solid rgba(138,90,60,.55);
  border-radius:8px;
  background:rgba(251,242,220,.72);
  color:var(--soil);
  font-size:.92rem;
  font-style:normal;
  line-height:1.55;
}
.solution-product-reference.product-intro-single-line .solution-product-intro{
  max-width:1180px;
}
.solution-product-reference.product-intro-single-line .solution-product-intro p:not(.eyebrow){
  max-width:none;
  white-space:nowrap;
  overflow-x:auto;
}
.solution-product-intro + .solution-product-group-heading{
  margin-top:0;
}
.solution-product-group-heading{
  margin:30px 0 18px;
}
.solution-notes-box{
  display:block;
  width:100%;
  max-width:none;
  margin-top:0;
  padding:22px 24px 24px;
  border:1px solid rgba(214,162,58,.34);
  border-radius:16px;
  background:linear-gradient(180deg,#fff8e7 0%,#fffdf7 100%);
  box-shadow:0 10px 24px rgba(138,90,60,.06);
}
.solution-notes-header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}
.solution-notes-header span{
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:999px;
  background:rgba(214,162,58,.22);
  color:var(--soil);
  font-weight:900;
}
.solution-notes-header h3{
  margin:0;
  color:var(--soil);
  font-size:1.08rem;
  line-height:1.25;
  font-weight:850;
}
.solution-notes-box .solution-note-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 18px;
  margin:0;
  padding:0;
  list-style:none;
}
.solution-note-grid li{
  position:relative;
  min-width:0;
  margin:0;
  padding:12px 16px;
  border:1px solid rgba(214,162,58,.18);
  border-radius:12px;
  background:rgba(255,253,247,.82);
  color:#5f5949;
  font-size:.96rem;
  line-height:1.6;
  transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease;
}
.solution-note-grid li:hover{
  transform:translateX(6px);
  border-color:rgba(214,162,58,.34);
  background:#fffaf0;
  box-shadow:0 8px 18px rgba(138,90,60,.08);
}
.solution-notes-box.safety-warning{
  padding:20px 22px;
  border-color:rgba(214,162,58,.42);
  border-left:4px solid rgba(138,90,60,.5);
  border-radius:12px;
  background:#fff7df;
  box-shadow:none;
}
.solution-notes-box.safety-warning .solution-note-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 18px;
}
.solution-notes-box.safety-warning .solution-note-grid li{
  padding:12px 16px 12px 34px;
  border:1px solid rgba(214,162,58,.22);
  border-radius:12px;
  background:rgba(255,253,247,.74);
  box-shadow:0 6px 14px rgba(138,90,60,.05);
  color:var(--text);
  font-size:.96rem;
  line-height:1.55;
  transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease;
}
.solution-notes-box.safety-warning .solution-note-grid li::before{
  position:absolute;
  top:18px;
  left:16px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--rice);
  content:"";
}
.solution-notes-box.safety-warning .solution-note-grid li:hover{
  transform:translateX(5px);
  border-color:rgba(214,162,58,.38);
  background:#fffdf7;
  box-shadow:0 10px 20px rgba(138,90,60,.08);
}
@media(prefers-reduced-motion:reduce){
  .technical-active-card h3 span{
    transition:none;
  }
  .technical-active-card:hover h3 span{
    transform:none;
  }
  .solution-note-grid li{
    transition:none;
  }
  .solution-note-grid li:hover{
    transform:none;
  }
}
@media(max-width:760px){
  .solution-method-card-title,
  .solution-subsection-title{
    margin-bottom:18px;
    font-size:24px;
    line-height:1.25;
  }
  .solution-notes-box.safety-warning .solution-note-grid{
    grid-template-columns:1fr;
  }
  .solution-product-reference{
    padding-block:42px;
  }
  .solution-product-intro{
    padding:18px;
    margin-bottom:24px;
  }
  .solution-product-reference .solution-product-intro h2{
    font-size:1.75rem;
  }
  .solution-notes-box .solution-note-grid{
    grid-template-columns:1fr;
  }
  .solution-notes-box{
    padding:18px;
  }
}

/* Final header and mega menu layout */
.site-header{
  position:sticky;
  top:0;
  z-index:60;
  display:block;
  padding:10px clamp(16px,3vw,34px);
  background:rgba(255,253,247,.95);
  border-bottom:1px solid rgba(47,107,63,.14);
  box-shadow:0 8px 24px rgba(47,51,47,.05);
  backdrop-filter:blur(14px);
}
.header-inner{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  max-width:1350px;
  margin:0 auto;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:max-content;
  color:var(--green);
  font-size:1rem;
  font-weight:900;
  line-height:1.1;
}
.brand-mark{
  width:44px;
  height:44px;
  overflow:hidden;
  border-radius:10px;
  background:var(--green);
}
.brand-mark img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.desktop-header-nav{
  flex:1 1 auto;
  justify-content:flex-end;
  margin-left:auto;
}
.desktop-header-nav.nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
}
.desktop-header-nav .nav-top,
.desktop-header-nav.nav > a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 13px;
  border-radius:999px;
  color:#4e5d50;
  font-size:.91rem;
  font-weight:850;
  white-space:nowrap;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.desktop-header-nav .nav-top:hover,
.desktop-header-nav.nav > a:hover,
.desktop-header-nav .nav-item:focus-within .nav-top{
  transform:translateY(-1px);
  background:#e7f3e3;
  color:#1f6b3a;
}
.desktop-header-nav .has-dropdown .nav-top::after{
  width:0;
  height:0;
  margin-left:6px;
  border-left:3.5px solid transparent;
  border-right:3.5px solid transparent;
  border-top:4.5px solid currentColor;
  content:"";
}
.header-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.header-search{
  position:relative;
  width:230px;
  margin:0;
}
.header-search input{
  width:100%;
  min-height:40px;
  padding:9px 12px 9px 38px;
  border:1px solid rgba(47,107,63,.18);
  border-radius:999px;
  background:#f6fbf2;
  color:var(--text);
  font-size:.9rem;
  outline:none;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.header-search input:focus{
  border-color:rgba(31,107,58,.42);
  background:#fff;
  box-shadow:0 0 0 3px rgba(31,107,58,.1);
}
.header-search-icon{
  position:absolute;
  top:50%;
  left:14px;
  display:grid;
  width:16px;
  height:16px;
  place-items:center;
  transform:translateY(-50%);
  color:#52745a;
  pointer-events:none;
}
.header-search-icon svg{
  width:16px;
  height:16px;
  fill:currentColor;
}
.header-consult-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 15px;
  border-radius:999px;
  background:var(--green);
  color:var(--ivory);
  font-size:.9rem;
  font-weight:900;
  white-space:nowrap;
  box-shadow:0 10px 22px rgba(47,107,63,.18);
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.header-consult-cta:hover{
  transform:translateY(-1px);
  background:#245b34;
  box-shadow:0 14px 26px rgba(47,107,63,.22);
}
.mobile-nav-toggle,
.mobile-menu-button,
.mobile-nav-drawer{
  display:none;
}
@media(min-width:901px){
  .desktop-header-nav .nav-dropdown{
    position:fixed;
    top:68px;
    left:50% !important;
    right:auto !important;
    display:grid;
    width:min(1120px,calc(100vw - 48px)) !important;
    max-height:calc(100vh - 92px);
    overflow:auto;
    padding:22px !important;
    border:1px solid rgba(47,107,63,.16);
    border-radius:16px;
    background:rgba(255,253,247,.98);
    box-shadow:0 24px 60px rgba(47,51,47,.14);
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,8px) !important;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
    white-space:normal;
  }
  .desktop-header-nav .nav-item:hover .nav-dropdown,
  .desktop-header-nav .nav-item:focus-within .nav-dropdown{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0) !important;
  }
  .crop-nav-item .crop-menu-dropdown{
    grid-template-columns:1fr !important;
    gap:14px;
  }
  .crop-menu-group-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
  }
  .crop-menu-featured{
    grid-column:1/-1;
  }
  .knowledge-nav-item .knowledge-menu-dropdown{
    grid-template-columns:1fr !important;
    gap:14px;
  }
  .knowledge-menu-grid.library-menu-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
.crop-menu-group{
  padding:14px;
  border:1px solid rgba(47,107,63,.14);
  border-radius:12px;
  background:linear-gradient(180deg,#fffdf7,rgba(237,246,232,.64));
}
.crop-menu-group h3{
  margin:0 0 10px;
  color:var(--green);
  font-size:.98rem;
  font-weight:900;
}
.crop-menu-group p{
  display:none !important;
}
.nav-dropdown .dropdown-chip-list,
.mobile-nav-drawer .dropdown-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.nav-dropdown .nav-dropdown-chip,
.mobile-nav-drawer .nav-dropdown-chip,
.crop-menu-link.nav-dropdown-chip,
.knowledge-menu-chip-list .nav-dropdown-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:999px;
  background:#eaf4e7;
  color:#45624b;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  white-space:nowrap;
  text-decoration:none;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.nav-dropdown .nav-dropdown-chip:hover,
.mobile-nav-drawer .nav-dropdown-chip:hover,
.crop-menu-link.nav-dropdown-chip:hover,
.knowledge-menu-chip-list .nav-dropdown-chip:hover{
  transform:translateY(-1px);
  border-color:#b9d9b6;
  background:#2f6b3f;
  color:#fffdf7;
}
.nav-dropdown .nav-dropdown-chip:focus-visible,
.mobile-nav-drawer .nav-dropdown-chip:focus-visible,
.crop-menu-link.nav-dropdown-chip:focus-visible{
  outline:2px solid rgba(31,107,58,.25);
  outline-offset:2px;
}
.knowledge-menu-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.knowledge-menu-head h3{
  margin:0;
  color:var(--green);
  font-size:1.02rem;
  font-weight:900;
}
.knowledge-overview-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:7px 11px;
  border-radius:999px;
  background:#eaf4e7;
  color:#1f6b3a;
  font-size:.82rem;
  font-weight:900;
  white-space:nowrap;
}
.knowledge-overview-link:hover{
  background:var(--green);
  color:var(--ivory);
}
.knowledge-menu-group-card.library-group-card{
  display:flex;
  flex-direction:column;
  min-height:148px;
  padding:14px;
  border:1px solid rgba(47,107,63,.14);
  border-radius:12px;
  background:#fffdf7;
  box-shadow:none;
}
.knowledge-menu-title.library-group-title{
  margin:0 0 7px;
  color:var(--green);
  font-size:.96rem;
  font-weight:900;
  line-height:1.28;
}
.knowledge-menu-group-card .library-group-description{
  display:-webkit-box;
  overflow:hidden;
  min-height:42px;
  margin:0 0 12px;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.5;
}
.knowledge-menu-chip-list{
  margin-top:auto;
}
.search-page-hero .search-page-form{
  display:flex;
  gap:10px;
  max-width:720px;
  margin-top:22px;
}
.search-page-form input{
  flex:1 1 auto;
}
.search-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 22px;
}
.search-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:9px 13px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--ivory);
  color:var(--green);
  font-weight:800;
}
.search-tab:hover,
.search-tab.is-active{
  border-color:rgba(47,107,63,.36);
  background:var(--green);
  color:var(--ivory);
}
.search-tab strong{
  display:grid;
  min-width:24px;
  height:24px;
  place-items:center;
  padding:0 7px;
  border-radius:999px;
  background:var(--soft-green);
  color:var(--green);
  font-size:.78rem;
  line-height:1;
}
.search-tab.is-active strong{
  background:rgba(255,253,247,.18);
  color:var(--ivory);
}
.search-intro-panel{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.search-intro-panel article{
  padding:18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--ivory);
  box-shadow:0 8px 24px rgba(47,51,47,.05);
}
.search-intro-panel h3{
  margin-bottom:8px;
  color:var(--green);
}
.search-intro-panel p{
  margin:0;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.55;
}
.search-result-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.search-result-card{
  display:block;
  padding:18px;
}
.search-result-card span{
  display:block;
  margin-bottom:8px;
  color:var(--green);
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
}
.search-result-card h3{
  margin-bottom:8px;
}
.search-result-card p{
  margin:0;
  color:var(--muted);
}
@media(max-width:980px){
  .search-intro-panel,
  .search-result-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .search-page-hero .search-page-form{
    display:grid;
    max-width:none;
  }
  .search-tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
  }
  .search-tab{
    flex:0 0 auto;
    white-space:nowrap;
  }
  .search-intro-panel,
  .search-result-grid{
    grid-template-columns:1fr;
  }
  .search-result-card{
    padding:16px;
  }
}
@media(max-width:1120px) and (min-width:901px){
  .header-search{
    width:190px;
  }
  .desktop-header-nav.nav{
    gap:4px;
  }
  .desktop-header-nav .nav-top,
  .desktop-header-nav.nav > a{
    padding-inline:10px;
  }
}
@media(max-width:900px){
  .site-header{
    padding:8px 14px;
  }
  .header-inner{
    justify-content:space-between;
  }
  .desktop-header-nav,
  .header-actions{
    display:none !important;
  }
  .brand{
    font-size:.96rem;
  }
  .brand-mark{
    width:40px;
    height:40px;
  }
  .mobile-nav-toggle{
    display:block;
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none;
  }
  .mobile-menu-button{
    display:grid;
    width:42px;
    height:42px;
    place-content:center;
    gap:5px;
    border:1px solid rgba(47,107,63,.16);
    border-radius:12px;
    background:#f6fbf2;
    cursor:pointer;
  }
  .mobile-menu-button span{
    display:block;
    width:20px;
    height:2px;
    border-radius:999px;
    background:var(--green);
  }
  .mobile-nav-drawer{
    width:100%;
    max-width:1350px;
    margin:10px auto 0;
    padding:14px;
    border:1px solid rgba(47,107,63,.15);
    border-radius:16px;
    background:#fffdf7;
    box-shadow:0 16px 36px rgba(47,51,47,.12);
  }
  .mobile-nav-toggle:checked ~ .mobile-nav-drawer{
    display:grid;
    gap:10px;
  }
  .mobile-header-search{
    display:block;
    width:100%;
  }
  .mobile-nav-link,
  .mobile-consult-cta{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:10px 12px;
    border-radius:12px;
    font-weight:900;
  }
  .mobile-nav-link{
    background:#f5faf1;
    color:var(--green);
  }
  .mobile-consult-cta{
    justify-content:center;
    margin-top:4px;
    background:var(--green);
    color:var(--ivory);
  }
  .mobile-nav-accordion{
    border:1px solid rgba(47,107,63,.14);
    border-radius:14px;
    background:#f8fbf4;
    overflow:hidden;
  }
  .mobile-nav-accordion summary{
    min-height:44px;
    padding:12px 14px;
    color:var(--green);
    font-weight:900;
    cursor:pointer;
  }
  .mobile-accordion-body{
    display:grid;
    gap:12px;
    padding:0 12px 12px;
  }
  .mobile-nav-drawer .crop-menu-group-grid,
  .mobile-nav-drawer .knowledge-menu-grid.library-menu-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .mobile-nav-drawer .crop-menu-group,
  .mobile-nav-drawer .knowledge-menu-group-card.library-group-card{
    padding:12px;
  }
  .mobile-nav-drawer .knowledge-menu-head{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .search-page-hero .search-page-form{
    flex-direction:column;
  }
  .search-result-grid{
    grid-template-columns:1fr;
  }
}
@media(min-width:701px) and (max-width:900px){
  .mobile-nav-drawer .crop-menu-group-grid,
  .mobile-nav-drawer .knowledge-menu-grid.library-menu-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .search-result-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(prefers-reduced-motion:reduce){
  .desktop-header-nav .nav-top,
  .desktop-header-nav.nav > a,
  .header-consult-cta,
  .nav-dropdown .nav-dropdown-chip,
  .mobile-nav-drawer .nav-dropdown-chip{
    transition:none;
  }
  .desktop-header-nav .nav-top:hover,
  .desktop-header-nav.nav > a:hover,
  .header-consult-cta:hover,
  .nav-dropdown .nav-dropdown-chip:hover,
  .mobile-nav-drawer .nav-dropdown-chip:hover{
    transform:none;
  }
}

/* Final footer layout */
.footer-consult-section{
  padding:clamp(34px,5vw,58px) clamp(18px,5vw,72px) 0;
  background:linear-gradient(180deg,rgba(237,246,232,.68),rgba(246,241,231,0));
}
.footer-consult-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  max-width:1180px;
  margin:0 auto;
  padding:clamp(24px,4vw,36px);
  border:1px solid rgba(47,107,63,.16);
  border-radius:22px;
  background:linear-gradient(135deg,#eef8e9 0%,#fff8e4 100%);
  box-shadow:0 18px 44px rgba(47,51,47,.08);
}
.footer-consult-card h2{
  max-width:680px;
  margin:0 0 10px;
  color:var(--green);
  font-size:clamp(1.6rem,3vw,2.3rem);
  line-height:1.12;
}
.footer-consult-card p{
  max-width:720px;
  margin:0;
  color:#526257;
  font-size:1.02rem;
  line-height:1.6;
}
.footer-consult-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:13px 18px;
  border-radius:999px;
  background:var(--green);
  color:var(--ivory);
  font-weight:900;
  white-space:nowrap;
  box-shadow:0 12px 24px rgba(47,107,63,.2);
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.footer-consult-button:hover{
  transform:translateY(-1px);
  background:#245b34;
  box-shadow:0 16px 30px rgba(47,107,63,.24);
}
.site-footer{
  margin-top:clamp(24px,4vw,42px);
  padding:clamp(38px,5vw,56px) clamp(18px,5vw,72px) 24px;
  background:#173f29;
  color:rgba(255,253,247,.82);
}
.site-footer-main,
.site-footer-note,
.site-footer-bottom{
  max-width:1300px;
  margin-inline:auto;
}
.site-footer-main{
  display:grid;
  grid-template-columns:1.35fr .85fr 1.05fr .9fr;
  gap:clamp(24px,4vw,48px);
  align-items:start;
}
.footer-brand-column p{
  max-width:320px;
  margin:14px 0 18px;
  color:rgba(255,253,247,.72);
  font-size:.96rem;
  line-height:1.6;
}
.footer-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fffdf7;
  font-size:1.08rem;
  font-weight:900;
}
.footer-brand-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  padding:7px;
  overflow:hidden;
  border:1px solid rgba(255,253,247,.72);
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.14);
}
.footer-brand-mark img{
  max-width:28px;
  max-height:28px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.footer-column{
  display:grid;
  align-content:start;
  gap:8px;
}
.footer-column h3,
.footer-column summary{
  margin:0 0 8px;
  color:#fffdf7;
  font-size:.98rem;
  font-weight:900;
  line-height:1.3;
  list-style:none;
  cursor:default;
}
.footer-column summary::-webkit-details-marker{
  display:none;
}
.footer-column a,
.site-footer-bottom a{
  display:block;
  color:rgba(255,253,247,.76);
  font-size:.93rem;
  line-height:1.45;
  transition:color .18s ease,transform .18s ease;
}
.footer-column a + a{
  margin-top:5px;
}
.footer-column a:hover,
.site-footer-bottom a:hover{
  color:#f2d36b;
  transform:translateX(2px);
}
.footer-column .footer-emphasis-link{
  margin-top:3px;
  color:#d7f0d2;
  font-weight:850;
}

.footer-social-links{
  display:flex;
  align-items:center;
  gap:10px;
  margin:2px 0 10px;
}

.footer-column .footer-social-link,
.footer-column .footer-social-link + .footer-social-link{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  line-height:0;
  margin-top:0;
  border:1px solid rgba(255,253,247,.18);
  border-radius:999px;
  background:rgba(255,253,247,.08);
  color:#fffdf7;
}

.footer-social-link svg{
  display:block;
  width:21px;
  height:21px;
  margin:0;
  fill:currentColor;
}

.footer-column .footer-social-link:hover{
  transform:translateY(-2px);
  border-color:rgba(242,211,107,.58);
  background:rgba(242,211,107,.14);
  color:#f2d36b;
}

.footer-column .footer-partnership-link{
  margin-top:8px;
}
.site-footer-note{
  margin-top:34px;
  padding:14px 16px;
  border:1px solid rgba(242,211,107,.22);
  border-radius:14px;
  background:rgba(255,253,247,.06);
  color:rgba(255,253,247,.74);
  font-size:.86rem;
  line-height:1.55;
}
.site-footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid rgba(255,253,247,.12);
}
.site-footer-bottom p{
  margin:0;
  color:rgba(255,253,247,.62);
  font-size:.86rem;
}
.site-footer-bottom nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px 16px;
}
@media(max-width:900px){
  .footer-consult-section{
    padding:34px 16px 0;
  }
  .footer-consult-card{
    align-items:flex-start;
    flex-direction:column;
    gap:18px;
    padding:22px;
    border-radius:18px;
  }
  .footer-consult-button{
    width:100%;
  }
  .site-footer{
    margin-top:32px;
    padding:34px 18px 22px;
  }
  .site-footer-main{
    grid-template-columns:1fr;
    gap:26px;
  }
  .footer-brand-column p{
    max-width:none;
    margin-bottom:14px;
  }
  .footer-column{
    gap:8px;
  }
  .site-footer-note{
    margin-top:28px;
  }
  .site-footer-bottom{
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
  }
  .site-footer-bottom nav{
    justify-content:flex-start;
  }
}
@media(prefers-reduced-motion:reduce){
  .footer-consult-button,
  .footer-column a,
  .site-footer-bottom a{
    transition:none;
  }
  .footer-consult-button:hover,
  .footer-column a:hover,
  .site-footer-bottom a:hover{
    transform:none;
  }
}
@media print{
  .footer-consult-section,
  .site-footer{
    display:none!important;
  }
}

/* Legal pages */
.legal-hero{
  padding-block:clamp(48px,7vw,82px) clamp(28px,4vw,44px);
  background:linear-gradient(135deg,#edf6e8 0%,#fffdf7 56%,#fbf2dc 100%);
}
.legal-container{
  width:min(920px,calc(100% - 36px));
  margin-inline:auto;
}
.legal-updated{
  display:inline-flex;
  margin-bottom:14px;
  padding:7px 11px;
  border:1px solid rgba(47,107,63,.14);
  border-radius:999px;
  background:rgba(255,253,247,.72);
  color:var(--green);
  font-size:.84rem;
  font-weight:850;
}
.legal-hero h1{
  max-width:760px;
  margin:0 0 16px;
  color:var(--green);
  font-size:clamp(2.15rem,5vw,4rem);
  line-height:1.05;
}
.legal-hero p{
  max-width:820px;
  margin:0;
  color:#4f5e54;
  font-size:1.06rem;
  line-height:1.7;
}
.legal-section{
  padding-block:clamp(36px,5vw,64px);
}
.legal-card{
  padding:clamp(22px,4vw,38px);
  border:1px solid rgba(47,107,63,.13);
  border-radius:18px;
  background:#fffdf7;
  box-shadow:0 14px 38px rgba(47,51,47,.07);
}
.legal-content-block{
  padding:0 0 26px;
  margin:0 0 26px;
  border-bottom:1px solid rgba(47,107,63,.12);
}
.legal-content-block:last-child{
  padding-bottom:0;
  margin-bottom:0;
  border-bottom:0;
}
.legal-content-block h2{
  max-width:none;
  margin:0 0 12px;
  color:#1e2c24;
  font-size:clamp(1.25rem,2vw,1.55rem);
  line-height:1.28;
}
.legal-content-block p,
.legal-content-block li{
  color:#4f5e54;
  font-size:1rem;
  line-height:1.75;
}
.legal-content-block p{
  margin:0 0 12px;
}
.legal-content-block ul{
  display:grid;
  gap:8px;
  margin:10px 0 0;
  padding:0;
  list-style:none;
}
.legal-content-block li{
  position:relative;
  padding-left:24px;
}
.legal-content-block li::before{
  position:absolute;
  top:.78em;
  left:2px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--green);
  content:"";
}
.legal-content-block a{
  color:var(--green);
  font-weight:850;
}
.legal-content-block a:hover{
  color:var(--soil);
}
@media(max-width:760px){
  .legal-container{
    width:min(100% - 28px,920px);
  }
  .legal-card{
    border-radius:14px;
  }
  .legal-content-block{
    padding-bottom:22px;
    margin-bottom:22px;
  }
}

/* Global 1300px content rhythm */
:root{
  --site-container:1300px;
  --site-gutter:24px;
}
.site-container{
  width:100%;
  max-width:var(--site-container);
  margin-inline:auto;
  padding-inline:var(--site-gutter);
}
.site-header{
  padding-inline:0!important;
}
.header-inner,
.mobile-nav-drawer{
  width:100%;
  max-width:var(--site-container)!important;
  padding-inline:var(--site-gutter);
}
.hero{
  padding-inline:var(--site-gutter)!important;
}
.hero-copy{
  width:100%;
  max-width:var(--site-container)!important;
  margin-inline:auto!important;
}
.section{
  width:100%;
  padding-inline:var(--site-gutter)!important;
}
main > .section > :not(.mobile-finder-cta){
  width:100%;
  max-width:var(--site-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
main > .section > .section-heading{
  max-width:min(820px,var(--site-container))!important;
}
main > .section > .section-heading.center{
  margin-left:auto!important;
  margin-right:auto!important;
}
main > section:not(.hero):not(.section):not(.footer-consult-section){
  width:100%;
  max-width:var(--site-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--site-gutter)!important;
  padding-right:var(--site-gutter)!important;
}
main > .cta-band{
  width:calc(100% - (var(--site-gutter) * 2));
  max-width:var(--site-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.step-block,
.finder-result,
.solution-hero-inner,
.solution-detail-container,
.solution-detail-section > *,
.solution-product-reference > *,
.solution-related-content,
.nitrogen-article-section > *,
.durian-section,
.durian-related-section > *,
.knowledge-overview > *,
.search-results-section > *,
.search-page-hero > *,
.product-detail-section > *,
.footer-consult-card,
.site-footer-main,
.site-footer-note,
.site-footer-bottom{
  max-width:var(--site-container)!important;
}
.footer-consult-section{
  padding-left:var(--site-gutter)!important;
  padding-right:var(--site-gutter)!important;
}
.site-footer{
  padding-left:var(--site-gutter)!important;
  padding-right:var(--site-gutter)!important;
}
@media(min-width:901px){
  .desktop-header-nav .nav-dropdown{
    width:min(1120px,calc(100vw - (var(--site-gutter) * 2)))!important;
  }
}
.legal-container{
  width:min(920px,calc(100% - 36px))!important;
  max-width:920px!important;
  padding-inline:0!important;
}
@media(max-width:768px){
  :root{
    --site-gutter:16px;
  }
  .site-container,
  .header-inner,
  .mobile-nav-drawer{
    padding-inline:var(--site-gutter);
  }
  .section{
    padding-inline:var(--site-gutter)!important;
  }
  main > section:not(.hero):not(.section):not(.footer-consult-section){
    padding-left:var(--site-gutter)!important;
    padding-right:var(--site-gutter)!important;
  }
  .footer-consult-section,
  .site-footer{
    padding-left:var(--site-gutter)!important;
    padding-right:var(--site-gutter)!important;
  }
  .legal-container{
    width:min(100%,920px)!important;
  }
}

/* Header desktop balance and transparent logo */
.header-inner{
  display:grid!important;
  grid-template-columns:minmax(260px,300px) minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  min-height:64px;
}
.site-header .brand{
  min-width:0;
  width:100%;
  gap:12px;
  font-size:1rem;
  white-space:nowrap;
}
.site-header .brand-mark{
  display:flex;
  flex:0 0 46px;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none;
}
.site-header .brand-mark img{
  width:46px;
  height:46px;
  object-fit:contain;
}
.desktop-header-nav{
  min-width:0;
  margin-left:0;
}
.desktop-header-nav.nav{
  justify-content:flex-end;
  gap:10px;
}
.header-actions{
  gap:10px;
}
.desktop-header-search{
  width:230px;
  transition:width .18s ease;
}
.header-consult-cta{
  min-height:38px;
  padding:9px 13px;
  font-size:.88rem;
}
@media(max-width:1180px) and (min-width:901px){
  .header-inner{
    grid-template-columns:minmax(230px,270px) minmax(0,1fr) auto;
    gap:18px;
  }
  .desktop-header-nav.nav{
    gap:6px;
  }
  .desktop-header-nav .nav-top,
  .desktop-header-nav.nav > a{
    padding-inline:10px;
    font-size:.88rem;
  }
  .desktop-header-search{
    width:42px;
  }
  .desktop-header-search input{
    min-height:40px;
    padding:0;
    color:transparent;
    caret-color:transparent;
  }
  .desktop-header-search input::placeholder{
    color:transparent;
  }
  .desktop-header-search:focus-within{
    width:220px;
  }
  .desktop-header-search:focus-within input{
    padding:9px 12px 9px 38px;
    color:var(--text);
    caret-color:auto;
  }
  .desktop-header-search:focus-within input::placeholder{
    color:#8b968c;
  }
}
@media(max-width:900px){
  .header-inner{
    display:flex!important;
    min-height:56px;
    gap:12px;
  }
  .site-header .brand{
    width:auto;
    flex:1 1 auto;
  }
  .site-header .brand-mark{
    flex-basis:42px;
    width:42px;
    height:42px;
  }
  .site-header .brand-mark img{
    width:42px;
    height:42px;
  }
}

/* Crop mega menu: group tabs + compact plant grid */
.crop-menu-tabs{
  width:100%;
}
.crop-menu-tab-input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.crop-menu-layout{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:20px;
  min-height:300px;
}
.crop-menu-tab-list{
  display:grid;
  align-content:start;
  gap:8px;
  padding:8px;
  border:1px solid rgba(47,107,63,.13);
  border-radius:14px;
  background:#f6fbf2;
}
.crop-menu-tab-label{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:12px;
  color:#334338;
  font-size:.94rem;
  font-weight:850;
  line-height:1.25;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.crop-menu-tab-label span{
  min-width:0;
  overflow-wrap:anywhere;
}
.crop-menu-tab-label small{
  display:inline-grid;
  min-width:26px;
  height:24px;
  place-items:center;
  padding-inline:7px;
  border-radius:999px;
  background:#e8f2e4;
  color:#2f6b3f;
  font-size:.78rem;
  font-weight:900;
}
.crop-menu-tab-label:hover{
  transform:translateX(2px);
  border-color:rgba(47,107,63,.2);
  background:#eef7ea;
  color:var(--green);
}
.crop-menu-panel-wrap{
  min-width:0;
  padding:18px;
  border:1px solid rgba(47,107,63,.13);
  border-radius:14px;
  background:linear-gradient(180deg,#fffdf7,rgba(237,246,232,.5));
}
.crop-menu-panel{
  display:none;
}
.crop-menu-panel-heading{
  margin-bottom:16px;
}
.crop-menu-panel-heading h3{
  margin:0 0 6px;
  color:var(--green);
  font-size:1.18rem;
  font-weight:950;
}
.crop-menu-panel-heading p{
  display:block!important;
  max-width:680px;
  margin:0;
  color:#657064;
  font-size:.9rem;
  line-height:1.5;
}
.crop-menu-plant-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.crop-menu-plant-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:46px;
  padding:11px 13px;
  border:1px solid rgba(47,107,63,.14);
  border-radius:12px;
  background:#fff;
  color:#245b34;
  font-size:.94rem;
  font-weight:900;
  line-height:1.25;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.crop-menu-plant-card::after{
  color:#78a978;
  font-weight:900;
  content:"›";
}
.crop-menu-plant-card:hover{
  transform:translateY(-2px);
  border-color:rgba(47,107,63,.32);
  background:#eaf4e7;
  color:#1f6b3a;
  box-shadow:0 10px 20px rgba(47,107,63,.1);
}
#crop-menu-tab-industrial:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-industrial"],
#crop-menu-tab-fruit:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-fruit"],
#crop-menu-tab-greenhouse:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-greenhouse"],
#crop-menu-tab-staple:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-staple"],
#crop-menu-tab-flowers:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-flowers"]{
  border-color:rgba(47,107,63,.32);
  background:#eaf4e7;
  color:#1f6b3a;
  box-shadow:inset 4px 0 0 var(--green);
}
#crop-menu-tab-industrial:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-industrial"] small,
#crop-menu-tab-fruit:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-fruit"] small,
#crop-menu-tab-greenhouse:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-greenhouse"] small,
#crop-menu-tab-staple:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-staple"] small,
#crop-menu-tab-flowers:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-flowers"] small{
  background:var(--green);
  color:#fffdf7;
}
#crop-menu-tab-industrial:checked ~ .crop-menu-layout .crop-menu-panel-industrial,
#crop-menu-tab-fruit:checked ~ .crop-menu-layout .crop-menu-panel-fruit,
#crop-menu-tab-greenhouse:checked ~ .crop-menu-layout .crop-menu-panel-greenhouse,
#crop-menu-tab-staple:checked ~ .crop-menu-layout .crop-menu-panel-staple,
#crop-menu-tab-flowers:checked ~ .crop-menu-layout .crop-menu-panel-flowers{
  display:block;
}
.mobile-crop-accordion-list{
  display:grid;
  gap:10px;
}
.mobile-crop-group{
  border:1px solid rgba(47,107,63,.14);
  border-radius:12px;
  background:#fffdf7;
  overflow:hidden;
}
.mobile-crop-group summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:11px 12px;
  color:var(--green);
  font-weight:900;
  cursor:pointer;
}
.mobile-crop-group summary small{
  display:inline-grid;
  min-width:26px;
  height:24px;
  place-items:center;
  border-radius:999px;
  background:#eaf4e7;
  font-size:.78rem;
}
.mobile-crop-group p{
  margin:0;
  padding:0 12px 10px;
  color:#667064;
  font-size:.86rem;
  line-height:1.45;
}
.mobile-crop-group .crop-menu-links{
  padding:0 12px 12px;
}
@media(max-width:1060px) and (min-width:901px){
  .crop-menu-layout{
    grid-template-columns:230px minmax(0,1fr);
  }
  .crop-menu-plant-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:900px){
  .crop-menu-layout,
  .crop-menu-tabs{
    display:block;
  }
}
@media(prefers-reduced-motion:reduce){
  .crop-menu-tab-label,
  .crop-menu-plant-card{
    transition:none;
  }
  .crop-menu-tab-label:hover,
  .crop-menu-plant-card:hover{
    transform:none;
  }
}

/* Knowledge mega menu width alignment */
@media(min-width:901px){
  .desktop-header-nav .knowledge-nav-item .knowledge-menu-dropdown{
    left:50%!important;
    right:auto!important;
    width:min(1300px,calc(100vw - 48px))!important;
    max-width:1300px!important;
    padding:20px!important;
    transform:translate(-50%,8px)!important;
  }
  .desktop-header-nav .knowledge-nav-item:hover .knowledge-menu-dropdown,
  .desktop-header-nav .knowledge-nav-item:focus-within .knowledge-menu-dropdown{
    transform:translate(-50%,0)!important;
  }
  .knowledge-nav-item .knowledge-menu-dropdown{
    gap:14px;
  }
  .knowledge-menu-grid.library-menu-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px;
  }
  .knowledge-menu-group-card.library-group-card{
    padding:14px;
  }
  .knowledge-menu-chip-list.dropdown-chip-list{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:auto;
  }
  .knowledge-menu-chip-list .nav-dropdown-chip{
    min-height:32px;
    padding:7px 11px;
    font-size:13px;
    line-height:1.15;
    white-space:nowrap;
  }
}
@media(max-width:1180px) and (min-width:1025px){
  .knowledge-menu-chip-list .nav-dropdown-chip{
    padding-inline:10px;
    font-size:12.8px;
  }
}
@media(max-width:1024px) and (min-width:901px){
  .knowledge-menu-grid.library-menu-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Crop mega menu plant cards with icons */
.crop-menu-plant-card{
  gap:12px;
  min-height:50px;
  padding:9px 11px;
  background:#fffef9;
  font-size:.96rem;
}
.crop-menu-plant-card::after{
  content:none!important;
}
.crop-menu-plant-main{
  display:flex;
  min-width:0;
  align-items:center;
  gap:11px;
}
.crop-menu-plant-icon{
  display:inline-flex;
  width:32px;
  height:32px;
  flex:0 0 32px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(47,107,63,.12);
  border-radius:10px;
  background:#eef7ea;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.crop-menu-plant-icon img{
  width:23px;
  height:23px;
  object-fit:contain;
}
.crop-menu-plant-name{
  min-width:0;
  overflow-wrap:anywhere;
}
.crop-menu-plant-chevron{
  flex:0 0 auto;
  color:#7da77b;
  font-size:1.1rem;
  font-weight:950;
  line-height:1;
  transition:color .18s ease,transform .18s ease;
}
.crop-menu-plant-card:hover .crop-menu-plant-icon{
  transform:scale(1.05);
  border-color:rgba(47,107,63,.24);
  background:#f8fff5;
}
.crop-menu-plant-card:hover .crop-menu-plant-chevron{
  color:#1f6b3a;
  transform:translateX(2px);
}
.mobile-crop-group .crop-menu-plant-grid{
  grid-template-columns:1fr;
  gap:8px;
  padding:0 12px 12px;
}
.mobile-crop-group .crop-menu-plant-card{
  min-height:48px;
}
@media(prefers-reduced-motion:reduce){
  .crop-menu-plant-icon,
  .crop-menu-plant-chevron{
    transition:none;
  }
  .crop-menu-plant-card:hover .crop-menu-plant-icon,
  .crop-menu-plant-card:hover .crop-menu-plant-chevron{
    transform:none;
  }
}

/* Home knowledge library compact grid */
.knowledge-home{
  max-width:1300px;
  margin-inline:auto;
}
.home-knowledge-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.home-knowledge-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:12px 14px;
  min-height:178px;
  padding:20px;
  border:1px solid rgba(47,107,63,.14);
  border-radius:12px;
  background:linear-gradient(180deg,#fffef9,rgba(237,246,232,.45));
  box-shadow:0 10px 24px rgba(47,51,47,.045);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.home-knowledge-card:hover{
  transform:translateY(-3px);
  border-color:rgba(47,107,63,.28);
  background:#f7fcf2;
  box-shadow:0 16px 30px rgba(47,107,63,.1);
}
.home-knowledge-icon{
  grid-row:1 / span 2;
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:12px;
  background:#eaf4e7;
  color:var(--green);
}
.home-knowledge-icon svg,
.home-knowledge-icon img{
  width:22px;
  height:22px;
}
.home-knowledge-copy h3{
  margin:0 0 7px;
  color:#203127;
  font-size:1.08rem;
  line-height:1.25;
}
.home-knowledge-copy p{
  margin:0;
  color:#5f6c61;
  font-size:.94rem;
  line-height:1.45;
}
.home-knowledge-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-self:end;
}
.home-knowledge-chips span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:6px 10px;
  border:1px solid rgba(47,107,63,.12);
  border-radius:999px;
  background:#edf7e9;
  color:#2f6b3f;
  font-size:.82rem;
  font-weight:800;
  line-height:1.15;
}
.home-knowledge-actions{
  display:flex;
  justify-content:center;
  margin-top:24px;
}
@media(max-width:1024px){
  .home-knowledge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .home-knowledge-grid{
    grid-template-columns:1fr;
  }
  .home-knowledge-card{
    min-height:0;
    padding:18px;
  }
}

/* Home hero alignment: move copy closer to the left edge on wide screens. */
.hero .hero-copy{
  max-width:min(1600px,calc(100vw - 48px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left;
}

/* Mobile experience pass: compact header, finder wizard, knowledge cards, footer. */
.visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
.mobile-crop-tools,
.mobile-crop-list,
.mobile-need-list,
.mobile-need-goal-picker,
.mobile-need-choice-summary,
.finder-step-summary{
  display:none;
}
.footer-accordion{
  border:0;
}
.footer-accordion summary{
  margin:0 0 8px;
  color:#fffdf7;
  font-size:.98rem;
  font-weight:900;
  list-style:none;
}
.footer-accordion summary::-webkit-details-marker{
  display:none;
}
@media(max-width:900px){
  body{
    padding-bottom:0;
  }
  .site-header{
    min-height:64px;
    padding:0!important;
  }
  .header-inner{
    min-height:64px;
    padding-inline:16px!important;
  }
  .brand{
    gap:10px;
    font-size:clamp(1rem,4.2vw,1.1rem);
    font-weight:800;
    line-height:1.1;
  }
  .brand-mark{
    width:40px!important;
    height:40px!important;
    min-width:40px;
  }
  .brand-mark img{
    width:36px!important;
    height:36px!important;
  }
  .mobile-menu-button{
    width:44px;
    height:44px;
    border-radius:14px;
  }
  .mobile-nav-drawer{
    position:fixed;
    inset:64px 0 0 auto;
    z-index:80;
    width:min(390px,100vw)!important;
    max-width:none!important;
    margin:0!important;
    padding:16px!important;
    overflow:auto;
    border-width:1px 0 0 1px;
    border-radius:0;
    box-shadow:-18px 0 46px rgba(47,51,47,.16);
  }
  .mobile-nav-toggle:checked ~ .mobile-nav-drawer{
    display:grid;
    align-content:start;
    gap:12px;
  }
  .mobile-header-search input{
    min-height:46px;
  }
  .section{
    padding-block:52px!important;
  }
  .section-heading{
    margin-bottom:24px;
  }
  .hero{
    min-height:min(720px,calc(100svh - 64px));
    padding:54px 16px 42px!important;
  }
  .hero-copy{
    max-width:100%!important;
  }
  .hero h1{
    max-width:11ch;
    margin-bottom:14px;
    font-size:clamp(44px,12vw,52px)!important;
    line-height:1;
  }
  .hero p{
    max-width:34rem;
    font-size:1rem;
    line-height:1.52;
  }
  .hero-actions{
    gap:8px;
    margin-top:20px;
  }
  .hero-actions .button{
    min-height:50px;
    padding-block:11px;
  }
  .finder-intro{
    text-align:left!important;
  }
  .finder-intro h2{
    white-space:normal!important;
    font-size:clamp(2rem,9vw,2.75rem)!important;
    line-height:1.05;
  }
  .finder-intro p{
    margin-inline:0!important;
    font-size:1rem;
    line-height:1.55;
  }
  .finder-stepper{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .finder-stepper::-webkit-scrollbar{
    display:none;
  }
  .finder-stepper-item{
    min-width:190px;
    border-radius:16px;
  }
  .finder .step-block{
    margin-bottom:14px;
    padding:16px;
    border-radius:18px;
    box-shadow:none;
  }
  .step-title{
    margin-bottom:12px;
  }
  .step-title span{
    width:32px;
    height:32px;
    border-radius:10px;
  }
  .step-title h3{
    font-size:1.02rem;
  }
  .finder-step-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:48px;
    padding:10px 12px;
    border:1px solid rgba(47,107,63,.14);
    border-radius:14px;
    background:#f3fbef;
    color:#385440;
    font-weight:700;
  }
  .finder-step-summary button{
    min-height:34px;
    padding:7px 11px;
    border:1px solid rgba(47,107,63,.18);
    border-radius:999px;
    background:#fff;
    color:var(--green);
    font-weight:900;
    cursor:pointer;
  }
  .finder-step-block.mobile-collapsed .step-title,
  .finder-step-block.mobile-collapsed .mobile-crop-tools,
  .finder-step-block.mobile-collapsed .choice-grid{
    display:none!important;
  }
  .finder-step-block.mobile-open .finder-step-summary{
    margin-bottom:12px;
  }
  .mobile-crop-tools{
    display:grid;
    gap:12px;
    margin-bottom:12px;
  }
  .mobile-crop-filter-list{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .mobile-crop-filter-list::-webkit-scrollbar{
    display:none;
  }
  .mobile-crop-filter{
    flex:0 0 auto;
    min-height:36px;
    padding:8px 12px;
    border:1px solid rgba(47,107,63,.14);
    border-radius:999px;
    background:#fffdf7;
    color:#426149;
    font-size:.9rem;
    font-weight:800;
    cursor:pointer;
  }
  .mobile-crop-filter.selected{
    border-color:var(--green);
    background:#e6f4e2;
    color:var(--green);
  }
  .finder .choice-grid.crops{
    display:none!important;
  }
  .mobile-crop-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px;
  }
  .mobile-crop-card.choice-card{
    display:grid;
    grid-template-columns:88px minmax(0,1fr) 24px;
    gap:12px;
    align-items:center;
    min-height:100px;
    padding:10px;
    border-radius:16px;
    box-shadow:none;
  }
  .mobile-crop-card .choice-image{
    width:88px!important;
    height:auto!important;
    aspect-ratio:4/3;
    margin:0!important;
    border-radius:12px;
    object-fit:cover;
  }
  .mobile-choice-copy{
    min-width:0;
  }
  .mobile-crop-card strong{
    margin:0 0 5px!important;
    font-size:1rem;
  }
  .mobile-crop-card small{
    display:block;
    overflow:hidden;
    color:var(--muted);
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .mobile-item-arrow{
    display:grid;
    width:24px;
    height:24px;
    place-items:center;
    border-radius:999px;
    background:#eaf4e7;
    color:var(--green);
    font-weight:900;
  }
  .choice-grid.groups{
    grid-template-columns:1fr!important;
    gap:10px;
  }
  .choice-grid.groups .choice-card{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:8px 12px;
    align-items:center;
    min-height:82px;
    padding:14px;
    border-radius:16px;
    box-shadow:none;
  }
  .choice-grid.groups .group-icon{
    grid-row:1 / span 2;
    width:34px;
    height:34px;
    margin:0;
    border-radius:12px;
    font-size:18px;
  }
  .choice-grid.groups .choice-card strong{
    margin:0;
  }
  .choice-grid.groups .choice-card small{
    -webkit-line-clamp:1;
  }
  .step-block.disabled{
    display:none;
  }
  .step-block .grouped-need-layout,
  .step-block .need-grid{
    display:none!important;
  }
  .mobile-need-list{
    display:grid;
    gap:10px;
  }
  .mobile-need-item{
    display:grid;
    grid-template-columns:minmax(0,1fr) 28px;
    gap:10px;
    align-items:center;
    min-height:64px;
    padding:12px 14px;
    border:1px solid rgba(47,107,63,.14);
    border-radius:16px;
    background:#fffdf7;
    color:var(--text);
    text-align:left;
    cursor:pointer;
  }
  .mobile-need-item strong{
    display:block;
    margin-bottom:4px;
    color:#243229;
    line-height:1.25;
  }
  .mobile-need-item small{
    display:block;
    overflow:hidden;
    color:var(--muted);
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .mobile-need-item.selected{
    border-color:var(--green);
    background:var(--green);
    color:#fff;
  }
  .mobile-need-item.selected strong,
  .mobile-need-item.selected small{
    color:#fff;
  }
  .finder-result{
    display:block;
    padding:12px 14px;
    border-radius:16px;
    box-shadow:none;
  }
  .finder-result .finder-main-cta{
    width:100%;
    min-height:50px;
    margin-top:12px;
  }
  .mobile-finder-cta{
    display:none!important;
  }
  .home-knowledge-grid{
    grid-template-columns:1fr!important;
    gap:12px;
  }
  .home-knowledge-card{
    grid-template-columns:42px minmax(0,1fr);
    min-height:0;
    padding:16px;
    border-radius:16px;
    box-shadow:none;
  }
  .home-knowledge-icon{
    width:40px;
    height:40px;
    border-radius:12px;
  }
  .home-knowledge-copy p{
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .home-knowledge-chips{
    grid-column:2;
    gap:6px;
  }
  .home-knowledge-chips span{
    min-height:28px;
    padding:5px 8px;
    font-size:.78rem;
  }
  .home-knowledge-actions .button{
    width:100%;
    min-height:50px;
  }
  .footer-consult-section{
    display:none;
  }
  .site-footer{
    margin-top:0;
    padding:28px 16px 20px!important;
  }
  .site-footer-main{
    gap:16px;
  }
  .footer-accordion{
    display:block;
    border-top:1px solid rgba(255,253,247,.14);
    padding-top:12px;
  }
  .footer-accordion summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:42px;
    margin:0;
    cursor:pointer;
  }
  .footer-accordion summary::after{
    content:"+";
    color:#d7f0d2;
    font-size:1.25rem;
    line-height:1;
  }
  .footer-accordion[open] summary::after{
    content:"-";
  }
  .footer-column a{
    display:block;
    padding:7px 0;
  }
  .site-footer-note{
    margin-top:20px;
    font-size:.82rem;
  }
  .site-footer-bottom{
    gap:12px;
  }
  .site-footer-bottom nav{
    display:grid;
    gap:8px;
  }
}
@media(max-width:480px){
  .section{
    padding-block:48px!important;
  }
  .hero-actions .button{
    width:100%;
  }
}
.hero .hero-copy > *{
  max-width:730px;
}
.hero .hero-copy h1{
  max-width:900px;
}
.hero .hero-actions{
  max-width:730px;
}
@media(max-width:760px){
  .hero .hero-copy{
    max-width:100%!important;
  }
  .hero .hero-copy > *,
  .hero .hero-copy h1,
  .hero .hero-actions{
    max-width:100%;
  }
}

/* Pepper crop knowledge cards: compact linked cards without chips or text CTA. */
.pepper-page .pepper-knowledge-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.pepper-page .pepper-knowledge-card{
  position:relative;
  display:block;
  min-height:190px;
  padding:22px 22px 64px;
  cursor:pointer;
}
.pepper-page .pepper-topic-card{
  position:relative;
  display:block;
  padding-bottom:64px;
  cursor:pointer;
}
.pepper-page .pepper-topic-card:hover{
  transform:translateY(-2px);
  border-color:rgba(47,107,63,.45);
  box-shadow:0 14px 32px rgba(30,80,45,.08);
}
.pepper-page .pepper-topic-card:focus-visible{
  outline:3px solid rgba(47,107,63,.24);
  outline-offset:3px;
  border-color:rgba(47,107,63,.55);
}
.pepper-page .pepper-knowledge-card:before{
  height:3px;
}
.pepper-page .pepper-knowledge-card h3{
  margin:0 0 10px;
  line-height:1.25;
}
.pepper-page .pepper-knowledge-card p{
  margin:0;
  line-height:1.6;
}
.pepper-topic-arrow{
  position:absolute;
  right:18px;
  bottom:18px;
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border:1px solid rgba(47,107,63,.14);
  border-radius:999px;
  background:#eaf4e7;
  color:#1f6b3a;
  font-size:1.05rem;
  font-weight:950;
  line-height:1;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.pepper-page .pepper-topic-card:hover .pepper-topic-arrow{
  transform:translateX(2px);
  border-color:var(--green);
  background:var(--green);
  color:#fff;
}
.pepper-page .pepper-topic-card:focus-visible .pepper-topic-arrow{
  border-color:var(--green);
  background:var(--green);
  color:#fff;
}
.pepper-related-section .pepper-related-container{
  max-width:var(--site-container)!important;
  padding-left:0!important;
  padding-right:0!important;
}
.pepper-related-section .pepper-related-heading{
  width:100%;
  max-width:none!important;
  margin:0 0 28px!important;
  text-align:left!important;
}
.pepper-related-section .pepper-related-heading h2{
  display:block;
  margin:0;
  padding:0;
  background:transparent!important;
  color:var(--green);
  font-size:clamp(2rem,2.5vw,2.25rem);
  font-weight:700;
  line-height:1.2;
  text-align:left!important;
}
.pepper-related-section .pepper-related-grid,
.pepper-related-section .nitrogen-related-pagination{
  width:100%;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:1024px){
  .pepper-page .pepper-knowledge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .pepper-page .pepper-knowledge-grid{
    grid-template-columns:1fr;
  }
  .pepper-page .pepper-knowledge-card{
    min-height:0;
    padding:20px 18px 62px;
  }
}

main > .durian-related-section > .section-heading.compact.nitrogen-heading{
  width:100%;
  max-width:var(--site-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
main > .durian-related-section > .section-heading.compact.nitrogen-heading h2{
  font-weight:700!important;
  text-align:left!important;
}

/* Mobile finder stepper: keep all 3 steps in one row */
@media(max-width:767px){
  .finder-stepper{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
  .finder-stepper-item{
    min-width:0!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:4px 7px!important;
    align-items:center;
    padding:10px 8px!important;
    border-radius:12px!important;
  }
  .finder-stepper-item > span{
    width:28px!important;
    height:28px!important;
    border-radius:8px!important;
    font-size:14px!important;
  }
  .finder-stepper-item strong{
    overflow:hidden;
    font-size:13px!important;
    line-height:1.2!important;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .finder-stepper-item small{
    display:none!important;
  }
  .finder-stepper-item.current small{
    display:block!important;
    grid-column:2;
    overflow:hidden;
    margin-top:1px;
    font-size:11px!important;
    line-height:1.25!important;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

/* Finder crop cards: full desktop cards; compact image + name + arrow only on mobile. */
.finder .choice-grid.crops{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:16px!important;
}
.finder .choice-grid.crops .choice-card{
  display:block!important;
  min-height:0!important;
  padding:14px!important;
  border-radius:16px!important;
  background:#fffef9;
  text-align:left;
  cursor:pointer;
}
.finder .choice-grid.crops .choice-card .choice-image{
  width:100%!important;
  height:126px!important;
  margin:0 0 13px!important;
  border-radius:12px!important;
  object-fit:cover!important;
}
.finder .choice-grid.crops .choice-card strong{
  display:block!important;
  margin:0 0 6px!important;
  color:#173d2a;
  font-size:1.08rem;
  font-weight:800;
  line-height:1.25;
}
.finder .choice-grid.crops .choice-card small{
  display:block!important;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.45;
}
.finder .choice-grid.crops .mobile-item-arrow{
  display:none!important;
}
.finder .choice-grid.crops .choice-card.selected{
  border-color:var(--green)!important;
  background:var(--green)!important;
  color:var(--ivory)!important;
}
.finder .choice-grid.crops .choice-card.selected strong{
  color:var(--ivory)!important;
}
.finder .choice-grid.crops .choice-card.selected small{
  color:rgba(255,253,247,.86)!important;
}
.finder-step-block{
  scroll-margin-top:92px;
}
@media(min-width:1200px){
  .finder .choice-grid.crops{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}
@media(max-width:1024px){
  .finder .choice-grid.crops{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:767px){
  .mobile-crop-card.choice-card,
  .finder .mobile-crop-list .choice-card{
    grid-template-columns:88px minmax(0,1fr) 32px!important;
    min-height:88px!important;
    padding:12px!important;
    gap:12px!important;
  }
  .mobile-crop-card .choice-image,
  .finder .mobile-crop-list .choice-card .choice-image{
    width:88px!important;
    height:64px!important;
    aspect-ratio:auto!important;
    border-radius:12px!important;
  }
  .mobile-crop-card strong,
  .finder .mobile-crop-list .choice-card strong{
    font-size:18px!important;
    line-height:1.25!important;
  }
  .mobile-crop-card small,
  .finder .mobile-crop-list .choice-card small{
    display:none!important;
  }
  .mobile-crop-card .mobile-item-arrow,
  .finder .mobile-crop-list .choice-card .mobile-item-arrow{
    width:32px!important;
    height:32px!important;
  }
}
@media(max-width:520px){
  .finder .choice-grid.crops{
    grid-template-columns:1fr!important;
  }
}

/* Home hero mobile height refinement */
@media(max-width:767px){
  .hero{
    display:flex!important;
    align-items:stretch!important;
    min-height:min(78svh,720px)!important;
    max-height:820px!important;
    padding:88px 16px 32px!important;
  }
  .hero-media{
    background:
      linear-gradient(180deg,rgba(8,32,18,.18) 0%,rgba(7,56,29,.55) 45%,rgba(6,52,25,.82) 100%),
      url("assets/hero-garden-1200.webp") center/cover no-repeat!important;
  }
  .hero-copy{
    display:flex;
    width:100%!important;
    max-width:100%!important;
    flex-direction:column;
    justify-content:flex-end;
    margin:0 auto!important;
    padding:0!important;
  }
  .hero .eyebrow{
    margin-bottom:10px;
    font-size:14px;
    line-height:1.25;
  }
  .hero h1,
  .hero .hero-copy h1{
    max-width:10.5ch!important;
    margin:0 0 14px!important;
    font-size:clamp(44px,9vw,56px)!important;
    line-height:.95!important;
    letter-spacing:-.02em;
  }
  .hero p:not(.eyebrow){
    max-width:32ch!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.55!important;
  }
  .hero-actions,
  .hero .hero-actions{
    display:grid!important;
    width:100%;
    max-width:360px!important;
    gap:10px!important;
    margin-top:20px!important;
  }
  .hero-actions .button,
  .hero .hero-actions .button{
    min-height:50px!important;
    padding:12px 18px!important;
    border-radius:12px!important;
    font-size:18px;
  }
}
@media(max-width:380px){
  .hero{
    min-height:680px!important;
  }
}

/* Home knowledge library: compact mobile grid */
@media(max-width:767px){
  .knowledge-home .section-heading{
    margin-bottom:22px!important;
  }
  .home-knowledge-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .home-knowledge-card{
    position:relative;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:start;
    gap:10px!important;
    min-height:92px!important;
    padding:14px!important;
    border-radius:16px!important;
    background:#fffef9!important;
    box-shadow:none!important;
  }
  .home-knowledge-card::after{
    content:none!important;
    display:none!important;
  }
  .home-knowledge-icon{
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }
  .home-knowledge-icon svg,
  .home-knowledge-icon img{
    width:18px!important;
    height:18px!important;
  }
  .home-knowledge-copy h3{
    margin:0!important;
    color:#203127;
    font-size:.95rem!important;
    line-height:1.22!important;
    font-weight:850;
  }
  .home-knowledge-copy p,
  .home-knowledge-chips{
    display:none!important;
  }
  .home-knowledge-actions{
    margin-top:14px!important;
  }
  .home-knowledge-actions .button{
    width:100%;
    min-height:50px!important;
    border-radius:12px!important;
  }
}

/* Home hero mobile: shorter banner pass */
@media(max-width:767px){
  .hero{
    min-height:60svh!important;
    height:auto!important;
    max-height:640px!important;
    padding:96px 16px 28px!important;
  }
  .hero-copy{
    justify-content:flex-end!important;
  }
  .hero .eyebrow{
    margin-bottom:10px!important;
    font-size:13px!important;
    line-height:1.3!important;
  }
  .hero h1,
  .hero .hero-copy h1{
    max-width:11ch!important;
    margin-bottom:16px!important;
    font-size:46px!important;
    line-height:.98!important;
  }
  .hero p:not(.eyebrow){
    max-width:34ch!important;
    margin-bottom:0!important;
    font-size:16px!important;
    line-height:1.55!important;
  }
  .hero-actions,
  .hero .hero-actions{
    gap:10px!important;
    margin-top:20px!important;
  }
  .hero-actions .button,
  .hero .hero-actions .button{
    min-height:48px!important;
    padding:12px 16px!important;
    border-radius:12px!important;
    font-size:17px!important;
  }
}
@media(max-width:390px){
  .hero{
    min-height:560px!important;
  }
}

/* Home hero mobile spacing: distribute content more evenly */
@media(max-width:767px){
  .hero{
    min-height:560px!important;
    max-height:660px!important;
    padding:92px 20px 34px!important;
  }
  .hero-copy{
    gap:18px!important;
  }
  .hero .eyebrow{
    margin:0!important;
  }
  .hero h1,
  .hero .hero-copy h1{
    margin:0!important;
  }
  .hero p:not(.eyebrow){
    margin:0!important;
    max-width:34ch!important;
  }
  .hero-actions,
  .hero .hero-actions{
    gap:12px!important;
    margin-top:4px!important;
  }
}
@media(max-width:380px){
  .hero{
    padding:88px 16px 30px!important;
  }
  .hero-copy{
    gap:16px!important;
  }
}

/* Finder crop group chips after removing crop search input */
@media(max-width:767px){
  .mobile-crop-tools{
    gap:0!important;
    margin-top:2px!important;
    margin-bottom:10px!important;
  }
  .finder-step-block.mobile-open .finder-step-summary + .mobile-crop-tools{
    margin-top:8px!important;
  }
  .mobile-crop-filter-list{
    padding-top:0!important;
  }
}

/* Finder group choices: compact 3-up row on mobile */
@media(max-width:767px){
  .finder .choice-grid.groups{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .finder .choice-grid.groups .choice-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center;
    align-content:center;
    gap:7px!important;
    min-height:86px!important;
    padding:10px 6px!important;
    border-radius:14px!important;
    text-align:center!important;
  }
  .finder .choice-grid.groups .choice-card .group-icon{
    grid-row:auto!important;
    width:30px!important;
    height:30px!important;
    margin:0!important;
    border-radius:10px!important;
    font-size:16px!important;
  }
  .finder .choice-grid.groups .choice-card strong{
    margin:0!important;
    color:#173d2a;
    font-size:13px!important;
    font-weight:850;
    line-height:1.18!important;
  }
  .finder .choice-grid.groups .choice-card small{
    display:none!important;
  }
  .finder .choice-grid.groups .choice-card.selected{
    border-color:var(--green)!important;
    background:#e7f4e4!important;
    color:var(--green)!important;
    box-shadow:none!important;
  }
  .finder .choice-grid.groups .choice-card.selected strong{
    color:var(--green)!important;
  }
  .finder .choice-grid.groups .choice-card.selected .group-icon{
    background:var(--green)!important;
    color:#fff!important;
  }
}

/* Mobile footer keeps key navigation visible in a compact single-column layout. */
@media(max-width:767px){
  .site-footer-bottom nav[aria-label="Chính sách website"]{
    display:grid!important;
    gap:8px!important;
  }
  .site-footer .footer-accordion{
    display:block!important;
  }
}

/* Finder step 3: compact two-layer needs on mobile */
@media(max-width:767px){
  .mobile-need-goal-picker{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:8px 0 12px!important;
  }
  .mobile-need-goal{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    min-height:48px;
    padding:10px 11px;
    border:1px solid #d7e5d1;
    border-radius:14px;
    background:#fffef9;
    color:#173d2a;
    text-align:left;
    font:inherit;
    font-weight:800;
    line-height:1.2;
    cursor:pointer;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
  }
  .mobile-need-goal:hover,
  .mobile-need-goal:focus-visible{
    border-color:#87b47f;
    background:#eef8ec;
  }
  .mobile-need-goal.selected{
    border-color:var(--green);
    background:#e6f3e3;
    color:var(--green);
    box-shadow:0 8px 18px rgba(31,107,58,.08);
  }
  .mobile-need-goal-icon{
    width:26px;
    height:26px;
    flex:0 0 26px;
    border-radius:9px;
    background:#e0f3e8;
    color:var(--green);
  }
  .mobile-need-goal.selected .mobile-need-goal-icon{
    background:var(--green);
    color:#fff;
  }
  .mobile-need-goal span:last-child{
    min-width:0;
    font-size:13px;
  }
  .mobile-need-list-filtered{
    display:grid!important;
    gap:9px!important;
  }
  .mobile-need-item{
    min-height:54px!important;
    padding:12px 12px!important;
    border-radius:14px!important;
  }
  .mobile-need-item span:first-child{
    min-width:0;
  }
  .mobile-need-item strong{
    display:block;
    color:inherit;
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:850;
  }
  .mobile-need-item small{
    display:none!important;
  }
  .mobile-need-choice-summary{
    display:block;
    margin-top:8px;
  }
}

/* Mobile menu drawer: JS-controlled button, overlay and scroll lock */
.mobile-menu-overlay{
  display:none;
}
.mobile-drawer-head{
  display:none;
}
body.mobile-menu-is-open{
  overflow:hidden;
}
@media(max-width:900px){
  .mobile-menu-button{
    position:relative!important;
    z-index:10001!important;
    pointer-events:auto!important;
    appearance:none;
    -webkit-appearance:none;
    padding:0;
  }
  .mobile-menu-button span{
    pointer-events:none;
  }
  .mobile-menu-overlay{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    background:rgba(8,32,18,.48);
  }
  .mobile-menu-overlay.is-open{
    display:block;
  }
  .mobile-nav-drawer{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    z-index:10000!important;
    display:none!important;
    width:min(86vw,360px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:18px!important;
    overflow-y:auto!important;
    border:0!important;
    border-left:1px solid rgba(47,107,63,.16)!important;
    border-radius:0!important;
    background:#fffaf0!important;
    box-shadow:-22px 0 56px rgba(8,32,18,.22)!important;
  }
  .mobile-nav-drawer.is-open{
    display:grid!important;
    align-content:start;
    gap:12px;
  }
  .mobile-drawer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:2px;
    color:var(--green);
    font-weight:900;
  }
  .mobile-menu-close{
    display:inline-grid;
    width:38px;
    height:38px;
    place-items:center;
    border:1px solid rgba(47,107,63,.16);
    border-radius:12px;
    background:#eaf4e7;
    color:var(--green);
    font-size:24px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
  }
  .mobile-menu-close:hover,
  .mobile-menu-close:focus-visible{
    background:var(--green);
    color:#fffdf7;
    outline:0;
  }
  .hero-media,
  .hero-overlay,
  .header-decor{
    pointer-events:none;
  }
}

/* Finder step 3 mobile should not show the desktop grouped need blocks. */
@media(max-width:767px){
  .finder .step-block .durian-need-group-list,
  .finder .step-block .compact-needs,
  .finder .step-block .need-stage-list{
    display:none!important;
  }
  .finder .step-block .tomato-model-need-panels:not(.tomato-model-need-panels-mobile){
    display:none!important;
  }
  .finder .step-block .tomato-model-need-panels-mobile{
    display:grid!important;
  }
  .finder .step-block .tomato-model-need-panels-mobile .need-grid.tomato-panel-needs{
    display:grid!important;
  }
}

/* Finder summary step numbers */
.finder-step-summary-title{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  color:#163d2a;
  font-weight:800;
}
.finder-step-summary-title > span:last-child{
  min-width:0;
  overflow-wrap:anywhere;
}
.wizard-section-number{
  display:inline-flex;
  width:34px;
  height:34px;
  flex:0 0 34px;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#1f6b3d;
  color:#fff;
  font-weight:900;
  line-height:1;
}
@media(max-width:767px){
  .finder-step-summary-title{
    gap:10px;
    font-size:16px;
  }
  .wizard-section-number{
    width:32px;
    height:32px;
    flex-basis:32px;
    border-radius:9px;
    font-size:15px;
  }
  .finder-step-summary button{
    flex-shrink:0;
  }
}

/* Finder step 2 mobile: compact, separated 3-card need group layout */
@media(max-width:767px){
  .finder-step-block.mobile-open .finder-step-summary{
    position:relative!important;
    z-index:2!important;
    margin-bottom:18px!important;
  }
  .finder-step-block.mobile-open .finder-step-summary + .choice-grid.groups,
  .finder-step-block.mobile-open .choice-grid.groups{
    position:relative!important;
    z-index:1!important;
    margin-top:18px!important;
    padding-top:2px!important;
  }
  .finder .choice-grid.groups{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  .finder .choice-grid.groups .choice-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    min-height:112px!important;
    padding:14px 8px 12px!important;
    overflow:visible!important;
    border:1px solid #d7e5d1!important;
    border-top-width:4px!important;
    border-radius:16px!important;
    background:#fffef9!important;
    color:#173d2a!important;
    text-align:center!important;
    box-shadow:none!important;
  }
  .finder .choice-grid.groups .choice-card.group-nutrition{
    border-top-color:var(--young)!important;
  }
  .finder .choice-grid.groups .choice-card.group-pest-disease{
    border-top-color:var(--rice)!important;
  }
  .finder .choice-grid.groups .choice-card.group-cultivation-technique{
    border-top-color:var(--soil)!important;
  }
  .finder .choice-grid.groups .choice-card .check-mark{
    top:8px!important;
    right:8px!important;
    width:22px!important;
    height:22px!important;
    border-radius:999px!important;
    background:#f4fbf4!important;
    color:#2b7a47!important;
    font-size:13px!important;
    box-shadow:0 1px 2px rgba(0,0,0,.08)!important;
    z-index:2!important;
  }
  .finder .choice-grid.groups .choice-card .group-icon{
    width:36px!important;
    height:36px!important;
    margin:0!important;
    border-radius:12px!important;
    font-size:18px!important;
  }
  .finder .choice-grid.groups .choice-card strong{
    display:block!important;
    margin:0!important;
    max-width:100%!important;
    color:#173d2a!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:800!important;
    text-align:center!important;
    overflow-wrap:normal!important;
  }
  .finder .choice-grid.groups .choice-card small{
    display:none!important;
  }
  .finder .choice-grid.groups .choice-card.selected{
    border-color:#2d7b47!important;
    border-top-color:inherit!important;
    background:#eef7ee!important;
    color:#1f6b3d!important;
  }
  .finder .choice-grid.groups .choice-card.selected strong{
    color:#1f6b3d!important;
  }
  .finder .choice-grid.groups .choice-card.selected .group-icon{
    background:#dff4ea!important;
    color:#1f6b3d!important;
  }
}
@media(max-width:360px){
  .finder .choice-grid.groups{
    gap:8px!important;
  }
  .finder .choice-grid.groups .choice-card{
    min-height:104px!important;
    padding:12px 6px 10px!important;
    border-radius:14px!important;
  }
  .finder .choice-grid.groups .choice-card .group-icon{
    width:32px!important;
    height:32px!important;
    font-size:16px!important;
  }
  .finder .choice-grid.groups .choice-card strong{
    font-size:13px!important;
  }
  .finder .choice-grid.groups .choice-card .check-mark{
    width:20px!important;
    height:20px!important;
    top:7px!important;
    right:7px!important;
    font-size:12px!important;
  }
}

/* Finder step 2 mobile final spacing guard: keep the 3 need cards below the summary. */
@media(max-width:767px){
  .finder .step-block .finder-step-summary + .choice-grid.groups,
  .finder .step-block .choice-grid.groups{
    margin-top:26px!important;
    padding-top:6px!important;
  }
  .finder .choice-grid.groups .choice-card,
  .finder .choice-grid.groups .choice-card:hover,
  .finder .choice-grid.groups .choice-card.selected{
    transform:none!important;
  }
}

/* Mobile-only solution product cards: center key product elements and allow notes to wrap. */
@media(max-width:767px){
  .solution-detail-hero{
    padding-left:0!important;
    padding-right:0!important;
  }
  .solution-detail-hero .solution-hero-inner{
    padding-left:0!important;
    padding-right:0!important;
  }
  .solution-detail-hero .solution-hero-copy{
    padding-left:var(--site-gutter)!important;
    padding-right:var(--site-gutter)!important;
  }
  .solution-detail-hero .solution-hero-visual{
    width:100%!important;
    max-width:none!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }
  .solution-detail-section{
    padding-left:0!important;
    padding-right:0!important;
  }
  .solution-detail-section > .section-heading,
  .solution-detail-section > .active-heading,
  .solution-field-guidance > .section-heading,
  .solution-apply-section > .section-heading,
  .solution-product-reference > .solution-product-group-heading,
  .solution-detail-section > .solution-active-note{
    padding-left:var(--site-gutter)!important;
    padding-right:var(--site-gutter)!important;
  }
  .solution-field-guidance > .section-heading,
  .solution-apply-section > .section-heading{
    margin-left:0!important;
    margin-right:0!important;
  }
  .solution-product-reference .solution-product-intro p:not(.eyebrow),
  .solution-product-reference.product-intro-single-line .solution-product-intro p:not(.eyebrow){
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
  }
  .solution-product-card{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center;
  }
  .solution-product-image{
    width:min(100%,180px)!important;
    margin-inline:auto!important;
  }
  .solution-product-content,
  .solution-product-body{
    width:100%;
    align-items:center;
  }
  .solution-product-card h3,
  .solution-product-category{
    text-align:center;
  }
  .solution-product-card p{
    width:100%;
    text-align:left;
  }
  .solution-product-actions,
  .solution-shop-links{
    width:100%;
    justify-content:center!important;
  }
}

/* Mobile final pass: compact site-wide experience without changing desktop. */
@media(max-width:767px){
  :root{
    --site-gutter:16px;
  }
  .site-header{
    min-height:60px!important;
    padding:8px 0!important;
  }
  .header-inner{
    min-height:44px!important;
  }
  .brand-mark{
    width:42px!important;
    height:42px!important;
  }
  .brand span:last-child{
    max-width:calc(100vw - 128px);
    overflow:hidden;
    font-size:.9rem!important;
    line-height:1.15!important;
    white-space:nowrap;
  }
  .mobile-menu-button{
    width:42px!important;
    height:42px!important;
  }
  .mobile-nav-drawer .mobile-header-search{
    display:block!important;
  }
  .mobile-nav-drawer .mobile-nav-accordion{
    display:block!important;
  }
  body.mobile-menu-is-open .mobile-menu-button{
    display:none!important;
  }
  .mobile-nav-drawer{
    gap:10px!important;
  }
  .mobile-nav-link,
  .mobile-consult-cta{
    min-height:48px!important;
    border-radius:14px!important;
  }

  .section{
    padding-top:44px!important;
    padding-bottom:44px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .hero{
    min-height:520px!important;
    max-height:540px!important;
    padding:84px 16px 28px!important;
  }
  .hero-media{
    background:
      linear-gradient(180deg,rgba(8,32,18,.16) 0%,rgba(7,56,29,.58) 46%,rgba(6,52,25,.84) 100%),
      url("assets/hero-garden-1200.webp") center/cover no-repeat!important;
  }
  .hero-copy{
    gap:18px!important;
    justify-content:flex-end!important;
  }
  .hero .eyebrow{
    margin:0!important;
    font-size:13px!important;
    line-height:1.28!important;
  }
  .hero h1,
  .hero .hero-copy h1{
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(2rem,8.2vw,2.35rem)!important;
    line-height:1.05!important;
    letter-spacing:0!important;
    white-space:nowrap;
  }
  .hero p:not(.eyebrow){
    max-width:34ch!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.55!important;
  }
  .hero-actions,
  .hero .hero-actions{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    gap:12px!important;
    margin-top:2px!important;
  }
  .hero-actions .button,
  .hero .hero-actions .button{
    width:100%!important;
    min-height:50px!important;
    padding:12px 16px!important;
    border-radius:12px!important;
    font-size:17px!important;
  }

  .finder .finder-intro{
    margin-bottom:20px!important;
  }
  .finder .finder-intro p{
    max-width:34ch!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .finder-stepper{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
  }
  .finder-stepper-item{
    min-width:0!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    padding:10px 8px!important;
    border-radius:12px!important;
  }
  .finder-stepper-item > span{
    width:28px!important;
    height:28px!important;
    border-radius:8px!important;
    font-size:14px!important;
  }
  .finder-stepper-item strong{
    font-size:13px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  .finder-stepper-item small,
  .finder-stepper-item.current small{
    display:none!important;
  }

  .finder .step-block{
    margin-bottom:14px!important;
    padding:16px!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }
  .finder .step-title{
    margin-bottom:14px!important;
  }
  .finder .step-title h3{
    font-size:1rem!important;
  }
  .finder-step-summary{
    min-height:56px!important;
    margin-bottom:14px!important;
    padding:10px 12px!important;
    border-radius:16px!important;
  }

  .mobile-crop-tools{
    margin:6px 0 12px!important;
  }
  .mobile-crop-filter-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
  }
  .mobile-crop-filter{
    width:100%!important;
    min-height:38px!important;
    padding:8px 9px!important;
    border-radius:12px!important;
    white-space:normal!important;
    font-size:13px!important;
    line-height:1.18!important;
  }
  .finder .mobile-crop-list{
    gap:10px!important;
  }
  .mobile-crop-card.choice-card,
  .finder .mobile-crop-list .choice-card{
    grid-template-columns:84px minmax(0,1fr) 32px!important;
    min-height:78px!important;
    padding:10px!important;
    gap:11px!important;
    border-radius:16px!important;
  }
  .mobile-crop-card .choice-image,
  .finder .mobile-crop-list .choice-card .choice-image{
    width:84px!important;
    height:60px!important;
    border-radius:12px!important;
  }
  .mobile-crop-card strong,
  .finder .mobile-crop-list .choice-card strong{
    margin:0!important;
    font-size:17px!important;
    line-height:1.25!important;
  }
  .mobile-crop-card small,
  .finder .mobile-crop-list .choice-card small{
    display:none!important;
  }

  .finder-step-block.mobile-open .finder-step-summary + .choice-grid.groups,
  .finder-step-block.mobile-open .choice-grid.groups,
  .finder .choice-grid.groups{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:20px!important;
    padding-top:4px!important;
  }
  .finder .choice-grid.groups .choice-card{
    min-height:96px!important;
    padding:12px 6px 10px!important;
    gap:7px!important;
    border-radius:15px!important;
  }
  .finder .choice-grid.groups .choice-card .group-icon{
    width:34px!important;
    height:34px!important;
    font-size:17px!important;
  }
  .finder .choice-grid.groups .choice-card strong{
    font-size:13px!important;
    line-height:1.18!important;
  }
  .finder .choice-grid.groups .choice-card small{
    display:none!important;
  }
  .finder .choice-grid.groups .choice-card .check-mark{
    top:7px!important;
    right:7px!important;
    width:20px!important;
    height:20px!important;
    font-size:12px!important;
  }

  .mobile-need-goal-picker{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .mobile-need-goal{
    min-height:48px!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  .mobile-need-list-filtered{
    gap:9px!important;
  }
  .mobile-need-item{
    min-height:54px!important;
    padding:12px!important;
    border-radius:14px!important;
  }
  .mobile-need-item small,
  .finder .step-block .durian-need-group-list,
  .finder .step-block .compact-needs,
  .finder .step-block .need-stage-list{
    display:none!important;
  }

  .finder-result{
    padding:12px 14px!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }
  .finder-result .finder-main-cta{
    width:100%!important;
    min-height:50px!important;
    margin-top:12px!important;
  }
  .mobile-finder-cta{
    display:none!important;
  }

  .knowledge-home .section-heading p{
    display:none!important;
  }
  .home-knowledge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .home-knowledge-card{
    min-height:92px!important;
    padding:14px 34px 14px 14px!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }
  .home-knowledge-copy p,
  .home-knowledge-chips{
    display:none!important;
  }
  .home-knowledge-actions .button{
    width:100%!important;
    min-height:50px!important;
  }

  .footer-consult-section{
    display:none!important;
  }
  .site-footer{
    margin-top:0!important;
    padding:28px 16px 20px!important;
  }
  .site-footer-main{
    display:block!important;
  }
  .site-footer .footer-accordion{
    display:block!important;
    margin-top:14px!important;
    padding-top:12px!important;
    border-top:1px solid rgba(255,253,247,.14)!important;
  }
  .site-footer-bottom nav[aria-label="Chính sách website"]{
    display:grid!important;
    gap:8px!important;
    margin-top:12px!important;
  }
  .footer-column a{
    display:block!important;
    padding:6px 0!important;
    line-height:1.4!important;
  }
  .footer-column .footer-social-link,
  .footer-column .footer-social-link + .footer-social-link{
    display:inline-grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    padding:0!important;
    line-height:0!important;
  }
  .footer-column .footer-social-link svg{
    display:block!important;
    width:18px!important;
    height:18px!important;
    margin:0!important;
  }
  .site-footer-note{
    margin-top:18px!important;
    padding:12px 13px!important;
    font-size:.82rem!important;
    line-height:1.55!important;
  }
  .site-footer-bottom{
    margin-top:16px!important;
    display:block!important;
  }
  .solution-detail-hero,
  .solution-detail-section{
    padding-left:0!important;
    padding-right:0!important;
  }
  .solution-detail-hero .solution-hero-inner{
    padding-left:0!important;
    padding-right:0!important;
  }
  .solution-detail-hero .solution-hero-copy,
  .solution-detail-section > .section-heading,
  .solution-detail-section > .active-heading,
  .solution-field-guidance > .section-heading,
  .solution-apply-section > .section-heading,
  .solution-product-reference > .solution-product-group-heading,
  .solution-detail-section > .solution-active-note{
    padding-left:var(--site-gutter)!important;
    padding-right:var(--site-gutter)!important;
  }
  .solution-detail-hero .solution-hero-visual{
    width:100%!important;
    max-width:none!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }
}

/* Mobile home refinement: shorter hero and one-line wizard note. */
@media(max-width:767px){
  .hero{
    min-height:490px!important;
    max-height:510px!important;
    padding-top:76px!important;
    padding-bottom:26px!important;
  }
  .hero-copy{
    gap:17px!important;
  }
  .finder-stepper-item small,
  .finder-stepper-item.current small{
    display:none!important;
  }
  .finder-result .finder-cta-copy span{
    display:none!important;
  }
  .finder-result .finder-cta-copy strong{
    display:block!important;
    margin:0!important;
    line-height:1.35!important;
  }
  .mobile-need-item.selected{
    border-color:var(--green)!important;
    background:#e7f4e4!important;
    color:var(--green)!important;
    box-shadow:inset 0 0 0 1px rgba(31,107,58,.12)!important;
  }
  .mobile-need-item.selected strong{
    color:var(--green)!important;
  }
  .mobile-need-item.selected .mobile-item-arrow{
    background:var(--green)!important;
    color:#fff!important;
  }
  .finder-result.is-ready{
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .finder-result.is-ready .finder-cta-copy{
    display:none!important;
  }
  .finder-result.is-ready .finder-main-cta{
    display:flex!important;
    width:100%!important;
    min-height:52px!important;
    margin:0!important;
    border-radius:14px!important;
  }
  .finder-result.is-pending{
    border-color:rgba(214,162,58,.34)!important;
    background:#fff3c9!important;
  }
}

/* Mobile wizard complete state: keep selected steps collapsed until the user taps "Doi". */
@media(max-width:767px){
  .finder-step-block.mobile-collapsed .choice-grid.groups,
  .finder-step-block.mobile-collapsed .mobile-need-goal-picker,
  .finder-step-block.mobile-collapsed .mobile-need-list,
  .finder-step-block.mobile-collapsed .mobile-need-list-filtered,
  .finder-step-block.mobile-collapsed .durian-need-group-list,
  .finder-step-block.mobile-collapsed .need-stage-list,
  .finder-step-block.mobile-collapsed .compact-needs,
  .finder-step-block.mobile-collapsed .need-grid{
    display:none!important;
  }
  .finder-result.is-ready{
    padding:12px 14px!important;
    border:1px solid rgba(214,162,58,.34)!important;
    background:#fff3c9!important;
    box-shadow:none!important;
  }
  .finder-result.is-ready .finder-cta-copy{
    display:block!important;
    margin:0 0 10px!important;
    text-align:center!important;
  }
  .finder-result.is-ready .finder-cta-copy strong{
    display:block!important;
    margin:0!important;
    line-height:1.35!important;
  }
  .finder-result.is-ready .finder-main-cta{
    display:flex!important;
    width:100%!important;
    min-height:52px!important;
    margin:0!important;
    border-radius:14px!important;
  }
}

/* Compact scientific solution-detail layout. */
.solution-quick-diagnosis .solution-overview-card .check-list{
  gap:8px!important;
}
.solution-quick-diagnosis .solution-overview-card .check-list li{
  padding:0 0 0 20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--text)!important;
  line-height:1.58!important;
}
.solution-quick-diagnosis .solution-overview-card .check-list li:before{
  display:block!important;
  content:""!important;
  top:.68em!important;
  width:6px!important;
  height:6px!important;
  border-radius:999px!important;
  background:var(--green)!important;
}
.solution-quick-diagnosis .solution-overview-card .check-list li:hover{
  transform:none!important;
  box-shadow:none!important;
}
.solution-treatment-tab-input,
.solution-product-tab-input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.solution-treatment-tabs{
  display:grid;
  gap:16px;
}
.solution-treatment-tab-list,
.solution-product-tab-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.solution-treatment-tab-label,
.solution-product-tab-list label{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border:1px solid rgba(47,107,63,.18);
  border-radius:999px;
  background:#fffdf7;
  color:var(--green);
  font-weight:850;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.solution-treatment-panels{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.solution-treatment-panel{
  display:block;
}
.solution-recommendation-list{
  display:grid;
  gap:10px!important;
}
.recommendation-item-card{
  padding:14px 15px!important;
  border:1px solid rgba(47,107,63,.12);
  border-radius:12px;
  background:#fffdf7;
}
.recommendation-item-card h4{
  margin:0 0 6px!important;
  color:var(--green);
  font-size:1rem!important;
  line-height:1.28;
  font-weight:850;
}
.recommendation-item-card p{
  display:block;
  overflow:visible;
  -webkit-box-orient:initial;
  -webkit-line-clamp:unset;
  margin:0!important;
  color:var(--text)!important;
  font-size:.92rem!important;
  line-height:1.55!important;
}
.solution-product-mobile-tabs{
  display:none;
}
.solution-product-card .solution-product-category,
.solution-product-card .solution-product-fit{
  display:none!important;
}
.solution-product-card{
  align-items:center;
}
.solution-product-body h3{
  margin-bottom:8px;
}
.solution-product-more{
  margin-top:12px;
}
.solution-product-more summary{
  display:flex;
  min-height:46px;
  align-items:center;
  justify-content:center;
  padding:11px 14px;
  border-radius:12px;
  background:var(--green);
  color:#fffdf7;
  font-weight:850;
  cursor:pointer;
}
.solution-product-more .solution-product-grid{
  margin-top:12px;
}
.solution-notes-box{
  background:#fff7df!important;
}
.solution-notes-box .solution-note-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.solution-notes-box .solution-note-grid li{
  position:relative!important;
  display:flex!important;
  min-height:64px!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:14px 16px!important;
  border:1px solid rgba(214,162,58,.22)!important;
  border-radius:12px!important;
  background:rgba(255,253,247,.82)!important;
  box-shadow:0 8px 18px rgba(138,90,60,.05)!important;
  color:#5f4d2c!important;
  font-size:.95rem!important;
  line-height:1.55!important;
}
.solution-notes-box .solution-note-grid li:before,
.solution-notes-box.safety-warning .solution-note-grid li::before{
  position:static!important;
  flex:0 0 28px!important;
  display:grid!important;
  width:28px!important;
  height:28px!important;
  place-items:center!important;
  margin-top:1px!important;
  border-radius:999px!important;
  background:rgba(214,162,58,.2)!important;
  color:#8a5a3c!important;
  content:"!"!important;
  font-size:.95rem!important;
  font-weight:900!important;
  line-height:1!important;
}
.solution-notes-box .solution-note-grid li:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(214,162,58,.38)!important;
  box-shadow:0 12px 24px rgba(138,90,60,.08)!important;
}
.solution-product-reference .solution-section-inner .solution-product-intro,
.solution-product-reference .solution-section-inner .solution-product-heading{
  width:100%!important;
  max-width:none!important;
}
.solution-product-reference .solution-section-inner .solution-product-intro p:not(.eyebrow),
.solution-product-reference .solution-section-inner .solution-product-heading p:not(.eyebrow){
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.solution-note{
  max-width:var(--content-width,1180px);
  margin:24px auto 0;
  padding:14px 18px;
  border-radius:14px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  line-height:1.6;
}
.solution-note--warning{
  border:1px solid rgba(214,153,46,.38);
  border-left:4px solid #d99a2b;
  background:#fff8e6;
  color:#7a4b12;
}
.solution-note__icon{
  width:28px;
  height:28px;
  border-radius:999px;
  background:#fff1bf;
  color:#9a650f;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-weight:800;
}
.solution-note__title{
  margin-bottom:4px;
  color:#75490e;
  font-weight:800;
}
.solution-note__content{
  font-size:15px;
  line-height:1.6;
}
.solution-note p{
  margin:0;
}
.solution-note p + p{
  margin-top:4px;
}
.product-note,
.solution-product-note{
  max-width:var(--content-width,1180px);
  margin:18px auto 28px;
  padding:12px 16px;
  border-radius:12px;
  font-size:15px;
  line-height:1.6;
}
.product-note--info,
.solution-product-note{
  border:1px solid rgba(214,153,46,.3);
  background:#fffaf0;
  color:#8a5515;
}
.solution-section-inner > .solution-active-note,
.solution-product-reference .product-note,
.solution-product-reference .solution-product-note{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin-left:0!important;
  margin-right:0!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.solution-section-inner > .solution-active-note{
  margin-top:22px!important;
}
.solution-product-reference .product-note,
.solution-product-reference .solution-product-note{
  margin-top:18px!important;
  margin-bottom:28px!important;
}
.solution-related-grid.single{
  grid-template-columns:1fr!important;
}
.solution-related-content > .solution-section-inner{
  max-width:1120px!important;
  padding-left:24px!important;
  padding-right:24px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.solution-resources.solution-related-content .solution-related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.solution-resources.solution-related-content .solution-related-grid.single{
  grid-template-columns:1fr;
}
.solution-recommendation-panel .solution-method-card-title,
.solution-product-group-heading .solution-subsection-title{
  margin:0 0 24px!important;
  color:#1f6b3a!important;
  font-size:30px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.solution-related-section{
  width:100%;
  padding:72px 0!important;
  background:#eaf6e8!important;
}
.solution-related-section .solution-section-inner{
  width:100%;
  max-width:var(--site-container)!important;
  margin:0 auto!important;
  padding-left:0!important;
  padding-right:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.solution-related-title{
  margin:0 0 28px!important;
  color:#1f3b2d!important;
  font-size:34px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
.solution-related-section .solution-related-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:start!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.solution-related-section .solution-related-grid.single{
  grid-template-columns:1fr!important;
}
.related-panel.solution-related-panel{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:24px!important;
  border:1px solid #dce8d7!important;
  border-radius:16px!important;
  background:#fffdf8!important;
  box-shadow:0 12px 30px rgba(22,64,40,.06)!important;
}
.related-panel-title{
  margin:0 0 20px!important;
  color:#1f3b2d!important;
  font-size:28px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
.related-article-list,
.related-video-list{
  display:grid;
  gap:16px;
}
.related-video-list{
  gap:18px;
}
.related-article-card{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:14px;
  border:1px solid #dfe8d7;
  border-radius:14px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.related-article-card:hover,
.related-video-card:hover{
  transform:translateY(-2px);
  border-color:rgba(47,107,63,.28);
  box-shadow:0 12px 24px rgba(22,64,40,.08);
}
.related-video-card--placeholder:hover{
  transform:none;
  border-color:#dfe8d7;
  box-shadow:none;
}
.related-article-thumb{
  display:block;
  width:150px;
  height:110px;
  overflow:hidden;
  border-radius:10px;
  background:#eef7eb;
}
.related-article-thumb img,
.related-video-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.related-article-copy{
  display:block;
  min-width:0;
}
.related-article-meta{
  display:block;
  margin:0 0 6px;
  color:#6b7c6f;
  font-size:11px;
  line-height:1.25;
  font-weight:800;
  text-transform:uppercase;
}
.related-article-title,
.related-video-title{
  display:block;
  margin:0 0 8px;
  color:#1f3b2d;
  font-size:16px;
  line-height:1.35;
  font-weight:850;
}
.related-article-desc,
.related-video-desc{
  display:block;
  margin:0 0 10px;
  color:#526255;
  font-size:14px;
  line-height:1.55;
}
.related-article-cta,
.related-video-cta{
  display:block;
  color:#1f7a3f;
  font-size:14px;
  line-height:1.35;
  font-weight:800;
}
.related-video-card{
  display:block;
  padding:14px;
  border:1px solid #dfe8d7;
  border-radius:14px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.related-video-thumb{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  margin-bottom:14px;
  overflow:hidden;
  border-radius:12px;
  background:#eef7eb;
}
.related-video-play{
  position:absolute;
  left:14px;
  bottom:14px;
  display:flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#1f7a3f;
  color:#fff;
  font-size:16px;
  font-weight:900;
}
@media(max-width:900px){
  .solution-related-section .solution-related-grid{
    grid-template-columns:1fr!important;
  }
}
@media(min-width:768px){
  .solution-treatment-tabs .solution-treatment-tab-list{
    display:none;
  }
}
@media(max-width:767px){
  .solution-treatment-panels{
    display:block;
  }
  .solution-treatment-panel{
    display:none;
  }
  .solution-treatment-tab-input:nth-of-type(1):checked ~ .solution-treatment-panels .solution-treatment-panel-0,
  .solution-treatment-tab-input:nth-of-type(2):checked ~ .solution-treatment-panels .solution-treatment-panel-1{
    display:block;
  }
  .solution-treatment-tab-input:nth-of-type(1):checked ~ .solution-treatment-tab-list label:nth-child(1),
  .solution-treatment-tab-input:nth-of-type(2):checked ~ .solution-treatment-tab-list label:nth-child(2),
  #solution-product-root:checked ~ .solution-product-tab-list label[for="solution-product-root"],
  #solution-product-foliar:checked ~ .solution-product-tab-list label[for="solution-product-foliar"]{
    border-color:var(--green);
    background:var(--green);
    color:#fffdf7;
  }
  .recommendation-item-card p{
    -webkit-line-clamp:unset;
  }
  .solution-product-desktop-groups{
    display:none;
  }
  .solution-product-mobile-tabs{
    display:flex;
    flex-direction:column;
  }
  .solution-product-tab-list{
    order:-1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-bottom:16px;
  }
  .solution-product-tab-panel{
    display:none;
  }
  #solution-product-root:checked ~ .solution-product-tab-panel-solution-product-root,
  #solution-product-foliar:checked ~ .solution-product-tab-panel-solution-product-foliar{
    display:block;
  }
  .solution-product-tab-panel > h3{
    margin:0 0 12px;
    color:var(--green);
    font-size:1.18rem;
  }
  .solution-product-reference .solution-product-grid{
    grid-template-columns:1fr!important;
  }
  .solution-note{
    margin-top:18px;
    padding:12px 14px;
    border-radius:12px;
  }
  .solution-note__icon{
    width:24px;
    height:24px;
    font-size:13px;
  }
  .solution-note__title{
    font-size:15px;
  }
  .solution-note p,
  .product-note,
  .solution-product-note{
    font-size:14px;
  }
  .product-note,
  .solution-product-note{
    margin:14px auto 22px;
    padding:11px 13px;
  }
  .solution-notes-box .solution-note-grid{
    grid-template-columns:1fr!important;
  }
  .solution-section-inner{
    padding-left:16px;
    padding-right:16px;
  }
  .solution-recommendation-panel .solution-method-card-title,
  .solution-product-group-heading .solution-subsection-title{
    margin-bottom:18px!important;
    font-size:24px!important;
    line-height:1.25!important;
  }
  .solution-related-content > .solution-section-inner{
    padding-left:0!important;
    padding-right:0!important;
  }
  .solution-resources.solution-related-content .solution-related-grid{
    grid-template-columns:1fr;
  }
  .solution-related-section{
    padding:48px 0!important;
  }
  .solution-related-section .solution-section-inner{
    padding-left:0!important;
    padding-right:0!important;
  }
  .solution-related-title{
    font-size:28px!important;
  }
  .related-panel.solution-related-panel{
    padding:18px!important;
  }
  .related-panel-title{
    font-size:24px!important;
  }
}
@media(max-width:760px){
  .solution-related-content > .solution-section-inner,
  .solution-resources.solution-related-content > .solution-section-inner,
  .solution-related-section .solution-section-inner{
    width:100%!important;
    max-width:var(--site-container)!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .solution-related-section .solution-related-grid,
  .solution-resources.solution-related-content .solution-related-grid,
  .related-panel.solution-related-panel{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:520px){
  .related-article-card{
    grid-template-columns:96px minmax(0,1fr);
    gap:12px;
  }
  .related-article-thumb{
    width:96px;
    height:82px;
  }
  .related-article-desc{
    display:none;
  }
}

/* Compact product detail page. */
.product-profile-hero{
  grid-template-columns:1fr!important;
  gap:0!important;
  padding-block:44px!important;
}
.product-profile-main{
  max-width:1180px;
  width:100%;
  margin:0 auto;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr)!important;
  align-items:center!important;
}
.product-profile-main .tag{
  margin-bottom:8px;
}
.product-profile-main img{
  object-fit:contain!important;
  background:#fff!important;
}
.product-profile-main h1{
  margin-bottom:10px!important;
}
.product-hero-ingredients{
  max-width:680px!important;
  margin:0 0 10px!important;
  color:var(--text)!important;
  font-weight:500;
}
.product-profile-main > div > p:not(.product-hero-ingredients){
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin-bottom:16px;
}
.product-quick-info-section{
  padding-block:28px!important;
  background:var(--cream);
}
.product-quick-info-section .product-quick-card{
  max-width:1180px;
  margin:0 auto;
}
.product-quick-card h2,
.product-detail-block summary span,
.product-warning-panel h2{
  margin:0;
  color:var(--green);
  font-weight:850;
}
.product-origin-compact{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.product-origin-compact summary{
  color:var(--green);
  font-weight:850;
  cursor:pointer;
}
.product-origin-compact .product-profile-list{
  margin-top:10px;
}
.product-profile-detail{
  gap:16px!important;
  padding-top:34px!important;
}
.product-detail-block summary{
  margin-bottom:16px!important;
  font-size:1.45rem!important;
}
.product-mobile-card-list{
  display:none;
}
.product-mobile-more-ingredients,
.product-mobile-usage-accordion{
  display:none;
}
.product-detail-block{
  scroll-margin-top:110px;
}
.product-warning-section{
  padding-top:0!important;
  background:var(--cream);
}
.product-warning-panel{
  max-width:1180px;
  margin:0 auto;
}
.product-warning-panel h2{
  margin-bottom:12px;
}
.product-warning-panel ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 22px;
  margin:0;
  padding:0;
  list-style:none;
}
.product-warning-panel li{
  position:relative;
  padding-left:18px;
  line-height:1.55;
}
.product-warning-panel li:before{
  position:absolute;
  top:.72em;
  left:0;
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--rice);
  content:"";
}
.product-cta-card{
  max-width:1180px;
  margin:0 auto;
}
@media(max-width:760px){
  .product-profile-hero{
    padding:28px var(--site-gutter)!important;
  }
  .product-profile-main{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:18px!important;
    text-align:center;
  }
  .product-profile-main img{
    width:min(230px,76vw)!important;
    max-width:none!important;
    margin:0 auto;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:10px!important;
    border:1px solid var(--line);
    background:#fff!important;
  }
  .product-profile-main h1{
    font-size:2.15rem!important;
  }
  .product-profile-main .card-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .product-quick-info-section{
    padding:16px var(--site-gutter)!important;
  }
  .product-quick-card{
    padding:18px!important;
  }
  .product-quick-card h2{
    font-size:1.3rem;
    margin-bottom:10px;
  }
  .product-profile-list div{
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding:9px 0!important;
  }
  .product-profile-detail{
    padding:18px var(--site-gutter)!important;
  }
  .product-detail-block{
    padding:16px!important;
  }
  .product-detail-block summary{
    font-size:1.22rem!important;
  }
  .product-table-wrap{
    display:none!important;
  }
  .product-mobile-card-list{
    display:grid;
    gap:10px;
  }
  .product-mobile-more-ingredients{
    display:block;
    margin-top:10px;
  }
  .product-mobile-more-ingredients summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:44px;
    margin:0!important;
    padding:10px 12px;
    border:1px solid rgba(47,107,63,.18);
    border-radius:12px;
    background:var(--soft-green);
    color:var(--green);
    font-size:.95rem!important;
    font-weight:900;
    cursor:pointer;
    list-style:none;
  }
  .product-mobile-more-ingredients summary::-webkit-details-marker{
    display:none;
  }
  .product-mobile-more-ingredients .product-mobile-card-list{
    margin-top:10px;
  }
  .product-mobile-info-card{
    display:grid;
    gap:10px;
    padding:13px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fffdf7;
  }
  .product-mobile-info-card div{
    display:grid;
    gap:3px;
  }
  .product-mobile-info-label{
    color:var(--green);
    font-size:.78rem;
    font-weight:900;
    text-transform:uppercase;
  }
  .product-mobile-info-value{
    color:var(--text);
    line-height:1.5;
  }
  .product-mobile-usage-accordion{
    display:grid;
    gap:10px;
  }
  .product-mobile-usage-accordion details{
    border:1px solid var(--line);
    border-radius:12px;
    background:#fffdf7;
    overflow:hidden;
  }
  .product-mobile-usage-accordion summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:48px;
    margin:0!important;
    padding:12px 14px;
    color:var(--green);
    font-size:1rem!important;
    font-weight:900;
    cursor:pointer;
    list-style:none;
  }
  .product-mobile-usage-accordion summary::-webkit-details-marker{
    display:none;
  }
  .product-mobile-usage-accordion summary:after{
    content:"+";
    display:grid;
    width:28px;
    height:28px;
    flex:0 0 28px;
    place-items:center;
    border-radius:9px;
    background:var(--soft-green);
    color:var(--green);
  }
  .product-mobile-usage-accordion details[open] summary:after{
    content:"-";
    background:var(--green);
    color:var(--ivory);
  }
  .product-mobile-usage-body{
    display:grid;
    gap:11px;
    padding:0 14px 14px;
  }
  .product-mobile-usage-body div{
    display:grid;
    gap:4px;
  }
  .product-mobile-usage-body span:last-child{
    color:var(--text);
    line-height:1.55;
  }
  .product-warning-section{
    padding:0 var(--site-gutter) 18px!important;
  }
  .product-warning-panel{
    padding:16px!important;
  }
  .product-warning-panel ul{
    grid-template-columns:1fr;
  }
  .product-bottom-cta{
    padding:18px var(--site-gutter) 28px!important;
  }
  .product-cta-card{
    padding:18px!important;
  }
  .product-cta-card .card-actions{
    display:grid;
    width:100%;
    grid-template-columns:1fr;
    gap:9px;
  }
}

/* Crop listing page filters and compact cards. */
.crop-list-hero .crop-list-filter-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.crop-list-filter{
  min-height:38px;
  padding:9px 13px;
  border:1px solid rgba(47,107,63,.18);
  border-radius:999px;
  background:#fffdf7;
  color:var(--green);
  font-weight:850;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.crop-list-filter:hover{
  transform:translateY(-1px);
  border-color:rgba(47,107,63,.34);
  background:#eef7ea;
}
.crop-list-filter.selected{
  border-color:var(--green);
  background:#e6f4e2;
  color:var(--green);
  box-shadow:inset 0 0 0 1px rgba(47,107,63,.08);
}
.crop-list-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.crop-list-card{
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  color:inherit;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.crop-list-card:hover{
  transform:translateY(-3px);
  border-color:rgba(47,107,63,.32);
  box-shadow:0 14px 30px rgba(47,107,63,.12);
}
.crop-list-card .crop-card-image{
  width:100%;
  aspect-ratio:4/3;
  height:auto;
  margin-bottom:14px;
  object-fit:cover;
}
.crop-list-card h3{
  margin:0 0 8px;
  color:#173d2a;
  font-weight:850;
}
.crop-list-card p{
  color:var(--muted);
}
.crop-list-card-cta{
  color:var(--green);
  font-weight:850;
}
.crop-list-arrow{
  display:none;
}
@media(max-width:767px){
  .crop-list-hero{
    padding:32px var(--site-gutter) 18px!important;
  }
  .crop-list-hero h1{
    font-size:2.05rem!important;
    line-height:1.08!important;
  }
  .crop-list-hero p:not(.eyebrow){
    font-size:.96rem!important;
    line-height:1.5!important;
  }
  .crop-list-hero .crop-list-filter-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:12px;
  }
  .crop-list-filter{
    width:100%;
    min-height:38px;
    padding:8px 9px;
    border-radius:12px;
    font-size:.86rem;
    line-height:1.18;
  }
  .crop-list-section{
    padding:18px var(--site-gutter) 34px!important;
  }
  .crop-list-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .crop-list-card.content-card{
    min-height:0;
    padding:10px!important;
    border-radius:16px!important;
  }
  .crop-list-card .crop-card-image{
    aspect-ratio:4/3;
    margin:0 0 10px!important;
    border-radius:12px!important;
  }
  .crop-list-card-body{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
  }
  .crop-list-card h3{
    margin:0!important;
    font-size:15px!important;
    line-height:1.25!important;
  }
  .crop-list-card p,
  .crop-list-card-cta{
    display:none!important;
  }
  .crop-list-arrow{
    position:absolute;
    right:10px;
    bottom:10px;
    display:grid;
    width:28px;
    height:28px;
    place-items:center;
    border-radius:999px;
    background:#edf6ea;
    color:var(--green);
    font-weight:900;
  }
}

/* Mobile crop detail hub: compact navigation-first layout. */
.durian-overview-icon{
  display:none;
}
@media(max-width:767px){
  .durian-hero{
    gap:18px!important;
    padding-top:70px!important;
    padding-bottom:34px!important;
  }
  .durian-hero h1{
    font-size:2.35rem!important;
    line-height:1.02!important;
    margin-bottom:12px!important;
  }
  .durian-hero p:not(.eyebrow){
    max-width:36ch!important;
    font-size:.98rem!important;
    line-height:1.5!important;
  }
  .durian-hero .hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px!important;
    margin-top:16px!important;
  }
  .durian-hero .hero-actions .button{
    width:auto!important;
    min-height:42px;
    padding:9px 10px!important;
    border-radius:12px!important;
    font-size:.9rem!important;
    line-height:1.15!important;
    white-space:nowrap;
  }
  .durian-hero .desktop-cta-label{
    display:none!important;
  }
  .durian-hero .mobile-cta-label{
    display:inline!important;
  }
  .durian-hero-media{
    width:100%!important;
    min-height:0!important;
    max-height:220px!important;
    aspect-ratio:16/9;
    border-radius:14px!important;
  }
  .durian-hero-media img{
    height:100%!important;
    min-height:0!important;
    aspect-ratio:16/9;
    object-fit:cover;
  }
  .durian-page{
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .durian-section{
    margin-top:0!important;
    padding-top:44px!important;
    padding-bottom:0!important;
  }
  .durian-section > h2,
  .durian-related-section .section-heading h2{
    margin-bottom:18px!important;
    font-size:clamp(1.75rem,8vw,2.1rem)!important;
    line-height:1.12!important;
  }
  .durian-section-intro{
    margin-bottom:16px!important;
    font-size:.95rem!important;
    line-height:1.5!important;
  }
  .durian-overview-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .durian-overview-grid .nitrogen-card{
    min-height:0!important;
    padding:14px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .durian-overview-icon{
    display:grid;
    width:32px;
    height:32px;
    place-items:center;
    margin-bottom:9px;
    border-radius:10px;
    background:#e8f5e8;
    color:var(--green);
    font-size:18px;
  }
  .durian-overview-grid .nitrogen-card h3{
    margin:0 0 6px!important;
    font-size:.95rem!important;
    line-height:1.25!important;
  }
  .durian-overview-grid .nitrogen-card p{
    margin:0!important;
    font-size:.82rem!important;
    line-height:1.45!important;
  }
  .durian-stage-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .durian-stage-card.durian-stage-link-card{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 32px;
    align-items:center;
    column-gap:12px;
    min-height:0!important;
    padding:12px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .durian-stage-card .durian-step{
    grid-row:1 / span 2;
    width:34px!important;
    height:34px!important;
    margin:0!important;
    border-radius:999px!important;
    font-size:.95rem!important;
  }
  .durian-stage-card h3{
    margin:0!important;
    font-size:1rem!important;
    line-height:1.22!important;
  }
  .durian-stage-card p{
    grid-column:2;
    margin:3px 0 0!important;
    color:var(--muted);
    font-size:.82rem!important;
    line-height:1.35!important;
  }
  .durian-stage-card p strong{
    display:none;
  }
  .durian-stage-card p:nth-of-type(2){
    display:none!important;
  }
  .durian-stage-card .stage-card__arrow{
    position:static!important;
    grid-column:3;
    grid-row:1 / span 2;
    width:32px!important;
    height:32px!important;
    font-size:1rem!important;
  }
  .durian-common-problem-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .durian-problem-card,
  .durian-solution-goal-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 32px;
    align-items:center;
    min-height:0!important;
    padding:14px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .durian-problem-card::before,
  .durian-solution-goal-card::before{
    display:none!important;
  }
  .durian-problem-card h3,
  .durian-solution-goal-card h3{
    margin:0!important;
    font-size:1rem!important;
    line-height:1.24!important;
  }
  .durian-problem-card p{
    grid-column:1;
    margin:5px 0 0!important;
    font-size:.84rem!important;
    line-height:1.35!important;
  }
  .durian-problem-card .stage-card__arrow,
  .durian-solution-goal-card .stage-card__arrow{
    position:static!important;
    grid-column:2;
    grid-row:1 / span 2;
    width:32px!important;
    height:32px!important;
    font-size:1rem!important;
  }
  .durian-solution-goal-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .durian-solution-goal-card{
    min-height:0!important;
    align-content:center;
    padding:14px!important;
  }
  .durian-solution-goal-card h3{
    font-size:1rem!important;
  }
  .durian-solution-goal-card p{
    display:block!important;
    grid-column:1;
    margin:5px 0 0!important;
    color:var(--muted);
    font-size:.84rem!important;
    line-height:1.35!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .durian-related-section{
    margin-top:22px!important;
    padding-top:44px!important;
    padding-bottom:44px!important;
  }
  .durian-related-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .durian-related-grid .article-card-with-thumb:nth-child(n+4),
  .durian-related-section .nitrogen-related-pagination{
    display:none!important;
  }
  .durian-related-more-mobile{
    display:flex!important;
    width:100%;
    min-height:48px;
    margin-top:14px;
    border-radius:12px;
  }
  .durian-related-grid .article-card-with-thumb{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    align-items:stretch!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:14px!important;
  }
  .durian-related-grid .article-thumb,
  .durian-related-grid .article-thumb img{
    min-height:0!important;
    height:100%!important;
  }
  .durian-related-grid .article-thumb{
    display:block!important;
    width:104px!important;
    aspect-ratio:4/3;
    overflow:hidden!important;
  }
  .durian-related-grid .article-thumb img{
    display:block!important;
    width:100%!important;
    aspect-ratio:4/3;
    object-fit:cover!important;
  }
  .durian-related-grid .article-card-copy{
    min-width:0!important;
    padding:12px!important;
  }
  .durian-related-grid .article-card-copy .tag{
    margin-bottom:4px!important;
    font-size:.68rem!important;
  }
  .durian-related-grid .article-card-copy h3{
    margin:0 0 8px!important;
    font-size:.95rem!important;
    line-height:1.28!important;
  }
  .durian-related-grid .article-card-copy h3 a{
    display:block!important;
    color:inherit!important;
  }
  .durian-related-grid .article-card-copy p{
    display:none!important;
  }
  .durian-related-grid .article-card-copy .text-link{
    display:none!important;
  }
}

/* Mobile long-form crop articles. */
.mobile-article-toc{
  display:none;
}
.mobile-article-quick-read{
  display:none;
}
@media(max-width:767px){
  .seedling-article-hero.article-hero{
    padding:32px 0 40px!important;
  }
  .article-hero__inner{
    gap:24px!important;
    padding:0 16px!important;
  }
  .article-hero__eyebrow{
    margin:0 0 12px!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.3!important;
  }
  .article-hero__title{
    max-width:100%!important;
    font-size:clamp(38px,10vw,44px)!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
    margin-bottom:18px!important;
  }
  .article-hero__description{
    display:block!important;
    max-width:100%!important;
    margin-top:0!important;
    margin-bottom:18px!important;
    overflow:visible!important;
    -webkit-box-orient:unset!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    font-size:16px!important;
    line-height:1.6!important;
  }
  .article-hero__chips{
    gap:8px!important;
    margin-top:0!important;
  }
  .article-hero__chip{
    min-height:30px!important;
    padding:7px 12px!important;
    font-size:13px!important;
  }
  .article-hero__imageWrap{
    width:100%!important;
    max-width:none!important;
    margin:28px auto 0!important;
    max-height:220px!important;
    aspect-ratio:16/9!important;
    border-width:4px!important;
    border-color:rgba(255,255,255,.78)!important;
    border-radius:20px!important;
    overflow:hidden!important;
    position:relative!important;
    box-shadow:0 18px 42px rgba(31,107,61,.18)!important;
    isolation:isolate;
  }
  .article-hero__imageWrap::before{
    content:"";
    position:absolute;
    inset:-24px;
    z-index:-1;
    background:radial-gradient(circle, rgba(93,160,95,.22), transparent 68%);
    pointer-events:none;
  }
  .article-hero__image{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .mobile-article-quick-read{
    display:block;
    padding:14px 16px 0;
    background:#f6fbf2;
  }
  .mobile-article-quick-read{
    border-left:0;
  }
  .mobile-article-quick-read h2,
  .mobile-article-quick-read ul{
    max-width:100%;
  }
  .mobile-article-quick-read h2{
    margin:0;
    padding:14px 15px 0;
    border:1px solid rgba(34,107,63,.16);
    border-bottom:0;
    border-left:5px solid var(--green);
    border-radius:14px 14px 0 0;
    background:#eef8ec;
    color:var(--green);
    font-size:1.05rem;
    line-height:1.25;
  }
  .mobile-article-quick-read ul{
    margin:0;
    padding:10px 15px 14px 34px;
    border:1px solid rgba(34,107,63,.16);
    border-top:0;
    border-left:5px solid var(--green);
    border-radius:0 0 14px 14px;
    background:#eef8ec;
    color:var(--ink);
    font-size:.92rem;
    line-height:1.55;
  }
  .mobile-article-quick-read li{
    margin:7px 0;
  }
  .mobile-article-toc{
    display:block;
    padding:10px 16px 0;
    background:#f6fbf2;
  }
  .mobile-article-toc details{
    border:1px solid rgba(34,107,63,.16);
    border-radius:14px;
    background:#fffdf7;
    box-shadow:0 10px 24px rgba(30,80,45,.05);
  }
  .mobile-article-toc summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:50px;
    padding:13px 15px;
    color:var(--green);
    font-weight:850;
    cursor:pointer;
    list-style:none;
  }
  .mobile-article-toc summary::-webkit-details-marker{
    display:none;
  }
  .mobile-article-toc-icon{
    display:grid;
    width:28px;
    height:28px;
    place-items:center;
    border-radius:999px;
    background:#e8f5e8;
    transition:transform .18s ease;
  }
  .mobile-article-toc details[open] .mobile-article-toc-icon{
    transform:rotate(180deg);
  }
  .mobile-article-toc nav{
    display:grid;
    gap:8px;
    padding:0 12px 14px;
  }
  .mobile-article-toc a{
    display:block;
    padding:10px 12px;
    border-radius:11px;
    background:#f1f8ee;
    color:var(--green);
    font-size:.9rem;
    font-weight:700;
    line-height:1.3;
    text-decoration:none;
  }
  .seedling-mobile-stage-nav{
    display:none!important;
  }
  .seedling-long-article-page{
    padding:26px 0 52px!important;
  }
  .seedling-article-layout{
    padding:0 16px!important;
  }
  .seedling-article-body.article-content{
    padding-bottom:22px!important;
    font-size:16px!important;
    line-height:1.75!important;
  }
  .article-content section,
  .article-content h2,
  .article-content h3,
  .seedling-article-body h2,
  .seedling-article-body h3{
    scroll-margin-top:88px!important;
  }
  .article-content-section{
    margin-top:36px;
    padding-top:36px;
    border-top:1px solid rgba(31,107,61,.12);
  }
  .article-content-section:first-child{
    margin-top:0;
    padding-top:0;
    border-top:0;
  }
  .seedling-article-body h2{
    margin:0 0 16px!important;
    font-size:26px!important;
    line-height:1.25!important;
  }
  .seedling-article-body h3{
    margin:28px 0 12px!important;
    font-size:21px!important;
    line-height:1.3!important;
  }
  .seedling-article-body p{
    margin-bottom:16px!important;
  }
  .seedling-article-body .article-principle-callout{
    display:block;
    margin:22px 0!important;
    padding:18px 16px;
    border:1px solid rgba(214,162,58,.32);
    border-left:5px solid #d6a23a;
    border-radius:18px;
    background:#fff7df;
    color:#4c3b21;
    font-weight:400;
    line-height:1.65!important;
  }
  .seedling-article-body .article-principle-callout strong{
    font-weight:500;
  }
  .seedling-article-body .article-principle-callout::before{
    content:"!";
    display:inline-flex;
    width:22px;
    height:22px;
    align-items:center;
    justify-content:center;
    margin:0 10px 0 0;
    vertical-align:.18em;
    border-radius:999px;
    background:#f3d99b;
    color:#7b5517;
    font-size:12px;
    font-weight:900;
    line-height:1;
  }
  .seedling-article-body ul{
    margin:12px 0 20px!important;
    padding-left:20px!important;
  }
  .seedling-article-body li{
    margin:0 0 8px!important;
    line-height:1.7!important;
  }
  .article-body-divider{
    margin:28px 0!important;
  }
  .article-table-wrap{
    overflow:visible!important;
    margin:20px 0 26px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .article-table-wrap table{
    display:none!important;
  }
  .article-table-mobile-list{
    display:grid;
    gap:10px;
  }
  .article-table-mobile-card{
    padding:14px 16px;
    border:1px solid rgba(34,107,63,.14);
    border-radius:14px;
    background:#fffdf7;
  }
  .article-table-checklist-list{
    gap:12px;
  }
  .checklist-card{
    position:relative;
    padding:14px 16px;
    border-left:4px solid var(--green);
    border-radius:16px;
    border-top:1px solid rgba(34,107,63,.14);
    border-right:1px solid rgba(34,107,63,.14);
    border-bottom:1px solid rgba(34,107,63,.14);
    background:#fbfff8;
  }
  .checklist-card__header{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
  }
  .checklist-card__icon{
    display:inline-grid;
    flex:0 0 auto;
    width:20px;
    height:20px;
    place-items:center;
    border-radius:999px;
    background:#e4f4e4;
    color:var(--green);
    font-size:.78rem;
    font-weight:900;
  }
  .checklist-card__title{
    margin:0;
    color:var(--green);
    font-size:17px;
    font-weight:750;
    line-height:1.3;
  }
  .checklist-card__meta{
    display:grid;
    gap:6px;
  }
  .checklist-card__row{
    margin:0!important;
    color:var(--ink);
    font-size:15px;
    line-height:1.45;
  }
  .checklist-card__label{
    margin-right:4px;
    color:#9a5a1f;
    font-size:15px;
    font-weight:800;
  }
  .article-table-mobile-card h4{
    margin:0 0 8px;
    color:var(--green);
    font-size:17px;
    font-weight:750;
    line-height:1.3;
  }
  .article-table-mobile-card dl{
    display:grid;
    gap:7px;
    margin:0;
  }
  .article-table-mobile-field{
    display:block;
  }
  .article-table-mobile-field dt{
    display:inline;
    margin:0 4px 0 0;
    color:#8a572b;
    font-size:15px;
    font-weight:850;
    line-height:1.25;
  }
  .article-table-mobile-field dd{
    display:inline;
    margin:0;
    color:var(--ink);
    font-size:15px;
    line-height:1.55;
  }
  .article-content-section#article-goi-y-doc-them li:nth-child(n+6){
    display:none!important;
  }
  .article-content-section#article-goi-y-doc-them ul{
    padding-left:0!important;
    list-style:none;
  }
  .article-content-section#article-goi-y-doc-them li{
    margin:12px 0!important;
  }
  .article-content-section#article-goi-y-doc-them li::before{
    content:"\2713";
    margin-right:8px;
    color:var(--green);
    font-weight:900;
  }
  .article-bottom-nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:0!important;
  }
  .article-bottom-nav a{
    min-height:46px;
    width:100%;
    justify-content:center;
    padding:12px 14px!important;
    text-align:center;
  }
}

/* Library overview cards: keep navigation arrow aligned with the card title. */
.knowledge-overview .knowledge-section-card.knowledge-section-card-link{
  position:relative!important;
  display:block;
  padding-bottom:22px!important;
  color:inherit;
  text-decoration:none;
}
.knowledge-overview .knowledge-section-card.knowledge-section-card-link > h3{
  min-height:30px;
  margin:0 44px 12px 0;
}
.knowledge-overview .knowledge-section-arrow{
  top:22px!important;
  right:22px!important;
  bottom:auto!important;
  width:30px!important;
  height:30px!important;
  border-radius:999px;
}
.knowledge-overview .knowledge-section-card.knowledge-section-card-link:hover .knowledge-section-arrow{
  background:var(--green);
  color:var(--ivory);
  transform:translateX(2px);
}
@media(max-width:767px){
  .knowledge-overview .knowledge-section-card.knowledge-section-card-link{
    padding:18px 16px!important;
  }
  .knowledge-overview .knowledge-section-card.knowledge-section-card-link > h3{
    margin-right:42px;
    margin-bottom:10px;
    line-height:1.25;
  }
  .knowledge-overview .knowledge-section-arrow{
    top:16px!important;
    right:16px!important;
    width:30px!important;
    height:30px!important;
  }
  .knowledge-overview .knowledge-topic-tags{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow:hidden!important;
    margin-bottom:12px!important;
  }
  .knowledge-overview .knowledge-topic-tags .nutrition-menu-link:nth-child(n+4){
    display:none!important;
  }
  .knowledge-overview .knowledge-topic-tags .nutrition-menu-link{
    flex:0 1 auto!important;
    max-width:calc((100% - 16px) / 3)!important;
    min-width:0!important;
    min-height:32px!important;
    overflow:hidden!important;
    padding:6px 9px!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:.88rem!important;
  }
}

/* Library child pages: compact visual icon + title + arrow header. */
.knowledge-overview .knowledge-section-card-header{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:start;
  gap:12px;
  margin-bottom:12px;
}
.knowledge-overview .knowledge-section-card-header h3{
  min-height:0!important;
  margin:4px 0 0!important;
  color:var(--green);
  font-size:1.18rem;
  line-height:1.25;
  font-weight:800;
}
.knowledge-overview .knowledge-section-card-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(34,107,63,.1);
  color:var(--green);
  flex-shrink:0;
}
.knowledge-overview .knowledge-section-card-icon svg{
  width:21px;
  height:21px;
}
.knowledge-overview .topic-chip{
  cursor:pointer;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.knowledge-overview .topic-chip:hover,
.knowledge-overview .topic-chip:focus-visible{
  background:var(--green)!important;
  color:var(--ivory)!important;
  outline:2px solid rgba(34,107,63,.22);
  outline-offset:2px;
  transform:translateY(-1px);
}
.knowledge-topic-guide{
  max-width:760px;
  margin:0 0 18px;
  color:var(--muted);
  font-size:1rem;
  line-height:1.55;
}
@media(max-width:767px){
  .knowledge-overview .knowledge-section-card-header{
    grid-template-columns:36px minmax(0,1fr);
    gap:10px;
    margin-bottom:10px;
  }
  .knowledge-overview .knowledge-section-card-icon{
    width:36px;
    height:36px;
    border-radius:10px;
  }
  .knowledge-overview .knowledge-section-card-icon svg{
    width:20px;
    height:20px;
  }
  .knowledge-overview .knowledge-section-card-header h3{
    margin-top:3px!important;
    font-size:1.08rem;
    line-height:1.25;
  }
  .knowledge-overview .knowledge-topic-tags{
    flex-wrap:wrap!important;
    overflow:visible!important;
  }
  .knowledge-overview .knowledge-topic-tags .nutrition-menu-link:nth-child(n+4){
    display:inline-flex!important;
  }
  .knowledge-overview .knowledge-topic-tags .nutrition-menu-link{
    max-width:none!important;
  }
}

/* Nitrogen detail article: long-form reading rhythm, fewer cards. */
.nitrogen-quick-read{
  display:block;
  max-width:1180px;
  margin:0 auto;
  padding:22px 24px 0;
  background:transparent;
}
.nitrogen-quick-read h2{
  margin:0;
  padding:16px 18px 0;
  border:1px solid rgba(34,107,63,.16);
  border-bottom:0;
  border-left:5px solid var(--green);
  border-radius:16px 16px 0 0;
  background:#eef8ec;
  color:var(--green);
  font-size:1.15rem;
  line-height:1.25;
}
.nitrogen-quick-read ul{
  margin:0;
  padding:12px 18px 16px 38px;
  border:1px solid rgba(34,107,63,.16);
  border-top:0;
  border-left:5px solid var(--green);
  border-radius:0 0 16px 16px;
  background:#eef8ec;
  color:var(--ink);
  line-height:1.65;
}
.nitrogen-article-toc{
  display:block;
  max-width:1180px;
  margin:0 auto;
  padding:14px 24px 0;
  background:transparent;
}
.nitrogen-article-toc details{
  border:1px solid rgba(34,107,63,.16);
  border-radius:16px;
  background:var(--ivory);
  box-shadow:0 10px 24px rgba(30,80,45,.05);
}
.nitrogen-article-toc summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  padding:14px 16px;
  color:var(--green);
  font-weight:850;
  cursor:pointer;
  list-style:none;
}
.nitrogen-article-toc summary::-webkit-details-marker{
  display:none;
}
.nitrogen-article-toc nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:0 14px 16px;
}
.nitrogen-article-toc a{
  display:block;
  padding:10px 12px;
  border-radius:11px;
  background:#f1f8ee;
  color:var(--green);
  font-size:.92rem;
  font-weight:750;
  line-height:1.3;
  text-decoration:none;
}
.nitrogen-longform-article{
  max-width:920px;
}
.nitrogen-topic-section{
  padding-top:34px;
  margin-top:34px;
  border-top:1px solid rgba(31,107,61,.12);
  scroll-margin-top:96px;
}
.nitrogen-topic-section:first-child{
  margin-top:0;
  border-top:0;
}
.nitrogen-topic-section h2{
  margin:0 0 16px;
  color:var(--green);
  font-size:clamp(1.75rem,2.6vw,2.35rem);
  line-height:1.18;
}
.nitrogen-topic-section p{
  color:var(--text);
  font-size:1.03rem;
  line-height:1.75;
}
.nitrogen-compact-list{
  display:grid;
  gap:12px;
}
.nitrogen-compact-item{
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--ivory);
}
.nitrogen-compact-item h3{
  margin:0 0 6px;
  color:var(--green);
  font-size:1.05rem;
}
.nitrogen-compact-item p{
  margin:0;
}
.nitrogen-inline-list{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.nitrogen-inline-list li{
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--ivory);
  line-height:1.55;
}
.nitrogen-warning-callout{
  padding:16px 18px;
  border:1px solid rgba(214,154,48,.38);
  border-left:5px solid var(--gold);
  border-radius:14px;
  background:#fff5d9;
}
.nitrogen-warning-callout strong{
  color:#8a5a00;
}
.nitrogen-warning-callout ul{
  margin:10px 0 0;
}
.article-warning{
  position:relative;
  display:block;
  clear:both;
  margin-top:24px!important;
  margin-bottom:20px;
  padding:18px 16px;
  border:1px solid rgba(227,162,26,.35);
  border-radius:16px;
  background:#fff4d8;
}
.nitrogen-compare-grid + .article-warning,
.nitrogen-card-grid + .article-warning,
.nitrogen-compact-list + .article-warning{
  margin-top:24px!important;
}
.article-warning__header{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:#8a5a00;
  font-weight:700;
}
.article-warning__icon{
  width:22px;
  height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:#f6d58f;
  color:#8a5a00;
  font-size:13px;
  font-weight:800;
  line-height:1;
}
.article-warning__list{
  display:grid;
  gap:10px;
  margin:0;
  padding-left:0!important;
  list-style:none!important;
}
.article-warning__list li{
  display:block!important;
  padding-left:0!important;
  list-style:none!important;
  line-height:1.6;
}
.article-warning__list li::marker{
  content:"";
}
.article-warning__list li:before{
  display:none!important;
  content:none!important;
}
.nitrogen-conclusion{
  padding:18px 20px;
  border-radius:16px;
  border:1px solid rgba(34,107,63,.18);
  background:#eef8ec;
}
.nitrogen-conclusion p{
  margin:0;
}
.nitrogen-related-simple-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:0;
  padding:16px 18px;
  border-radius:14px;
  border:1px solid rgba(31,107,61,.14);
  background:#fffdf7;
  color:inherit;
  text-decoration:none;
}
.nitrogen-related-simple-card h3{
  margin:0;
  color:#173b2a;
  font-size:16px;
  font-weight:700;
  line-height:1.45;
}
.nitrogen-related-simple-card strong{
  width:32px;
  height:32px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:#e8f5e8;
  color:var(--green);
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.nitrogen-related-simple-card:hover{
  border-color:rgba(31,107,61,.35);
}
.nitrogen-related-simple-card:hover strong{
  background:var(--green);
  color:var(--ivory);
  transform:translateX(2px);
}
.macro-sibling-nav-section{
  background:linear-gradient(180deg,var(--ivory),var(--soft-green));
  text-align:center;
}
.macro-sibling-nav-section .section-heading{
  max-width:none;
  margin-inline:auto;
  margin-bottom:16px;
}
.macro-sibling-nav-section .section-heading h2{
  margin:0;
  color:var(--green);
  font-size:clamp(1.75rem,3.2vw,2rem);
  font-weight:800;
  line-height:1.15;
}
.macro-sibling-pills{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
}
.macro-sibling-pill{
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 24px;
  border:1px solid rgba(31,107,61,.18);
  border-radius:999px;
  background:#fff;
  color:var(--green);
  font-size:18px;
  font-weight:700;
  line-height:1.1;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(31,107,61,.06);
  transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.macro-sibling-pill__badge{
  width:30px;
  height:30px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:800;
  line-height:1;
  flex-shrink:0;
  background:#e8f5e8;
  color:var(--green);
}
.macro-sibling-pill--nitrogen{
  background:#f5fbf2;
  border-color:#d4e9cc;
}
.macro-sibling-pill--nitrogen .macro-sibling-pill__badge{
  background:#e2f2dc;
  color:var(--green);
}
.macro-sibling-pill--phosphorus{
  background:#f3fbf1;
  border-color:#cfe6c8;
}
.macro-sibling-pill--phosphorus .macro-sibling-pill__badge{
  background:#dff1d8;
  color:var(--green);
}
.macro-sibling-pill--potassium{
  background:#fbfaf0;
  border-color:#e7ddb0;
}
.macro-sibling-pill--potassium .macro-sibling-pill__badge{
  background:#efe7bf;
  color:var(--green);
}
.macro-sibling-pill--neutral{
  background:#fff;
  border-color:rgba(31,107,61,.18);
}
.macro-sibling-pill:hover,
.macro-sibling-pill:focus-visible{
  border-color:rgba(31,107,61,.38);
  box-shadow:0 10px 22px rgba(31,107,61,.1);
  transform:translateY(-1px);
}
.macro-sibling-pill--nitrogen:hover,
.macro-sibling-pill--nitrogen:focus-visible,
.macro-sibling-pill--phosphorus:hover,
.macro-sibling-pill--phosphorus:focus-visible{
  background:#e9f6e4;
}
.macro-sibling-pill--potassium:hover,
.macro-sibling-pill--potassium:focus-visible{
  background:#f4f0d7;
}
.nitrogen-flow-note{
  margin:14px 0 0;
  padding:12px 14px;
  border-left:4px solid rgba(47,107,63,.34);
  border-radius:12px;
  background:rgba(237,246,232,.72);
  color:var(--muted);
  font-size:15px;
  line-height:1.58;
}
.root-fertilizer-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.root-fertilizer-chips span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 12px;
  border:1px solid rgba(31,107,61,.14);
  border-radius:999px;
  background:#e8f5e8;
  color:var(--green);
  font-size:.88rem;
  font-weight:800;
  line-height:1.2;
}
.disease-sibling-pills-section .section-heading{
  margin-bottom:18px;
}
.disease-sibling-pills{
  max-width:680px;
  margin:0 auto;
}
.disease-sibling-pill{
  min-height:44px;
  padding:0 14px;
  background:#fff;
  border-color:rgba(31,107,61,.16);
  font-size:15px;
  box-shadow:0 6px 16px rgba(31,107,61,.055);
  justify-content:flex-start;
  text-align:left;
}
.disease-sibling-pill .macro-sibling-pill__badge{
  width:28px;
  height:28px;
  background:#e8f5e8;
  color:var(--green);
  font-size:12px;
}
.disease-sibling-pill:hover,
.disease-sibling-pill:focus-visible{
  background:#f6fbf3;
  border-color:rgba(31,107,61,.32);
}
@media(max-width:760px){
  .disease-sibling-pills{
    justify-content:center;
    gap:10px;
  }
  .disease-sibling-pill{
    flex:0 1 calc(50% - 5px);
    min-width:0;
    min-height:42px;
    padding:0 10px;
    gap:7px;
    font-size:13px;
    justify-content:flex-start;
  }
  .disease-sibling-pill .macro-sibling-pill__badge{
    width:26px;
    height:26px;
    font-size:11px;
  }
  .disease-sibling-pill > span:last-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
.root-fertilizer-positive-list .nitrogen-compact-item{
  border-color:rgba(31,107,61,.18);
  background:linear-gradient(180deg,#f6fbf3,#fffdf7);
}
.fertilizer-shock-article .shock-compare-grid .nitrogen-card,
.fertilizer-shock-article .shock-source-grid .nitrogen-card{
  padding:18px 20px;
}
.fertilizer-shock-article .shock-source-grid .nitrogen-card h2{
  font-size:clamp(1.1rem,1.5vw,1.35rem);
  line-height:1.25;
}
.fertilizer-shock-article .shock-source-grid .nitrogen-card p{
  margin:0;
}
.fertilizer-shock-article .shock-source-grid .nitrogen-card p + p{
  margin-top:10px;
}
.shock-situation-accordion{
  display:grid;
  gap:12px;
}
.shock-situation-item{
  border:1px solid rgba(31,107,61,.16);
  border-radius:14px;
  background:#fffdf7;
  overflow:hidden;
}
.shock-situation-item summary{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  color:var(--green);
  font-weight:800;
  line-height:1.25;
  cursor:pointer;
  list-style:none;
}
.shock-situation-item summary::-webkit-details-marker{
  display:none;
}
.shock-situation-item summary strong{
  width:30px;
  height:30px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:#e8f5e8;
  color:var(--green);
  font-size:18px;
  line-height:1;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.shock-situation-item[open] summary strong{
  transform:rotate(180deg);
  background:var(--green);
  color:var(--ivory);
}
.shock-situation-item p{
  margin:0;
  padding:0 16px 16px;
  color:var(--muted);
  line-height:1.6;
}
.shock-check-list .nitrogen-compact-item{
  padding:14px 16px;
}
.root-method-compare-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.root-method-card{
  min-height:100%;
}
.root-mistake-list{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.root-mistake-list li{
  padding:12px 14px 12px 42px;
  border:1px solid rgba(227,162,26,.22);
  border-radius:12px;
  background:#fffdf7;
  line-height:1.58;
}
.imbalance-warning-list li:before{
  content:"!"!important;
  background:#fff1c6!important;
  color:#9a5a00!important;
}
.root-method-sibling-section .macro-sibling-pill__badge{
  width:32px;
  height:32px;
  font-size:12px;
}
@media(max-width:767px){
  .root-fertilizer-chips{
    margin-top:16px;
  }
  .root-fertilizer-chips span{
    min-height:30px;
    padding:6px 10px;
    font-size:13px;
  }
  .root-method-compare-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .root-mistake-list li{
    padding:11px 12px 11px 40px;
  }
  .fertilizer-shock-article .shock-compare-grid .nitrogen-card,
  .fertilizer-shock-article .shock-source-grid .nitrogen-card{
    padding:16px;
  }
  .shock-situation-item summary{
    min-height:50px;
    padding:11px 14px;
  }
  .shock-situation-item p{
    padding:0 14px 14px;
  }
}
@media(max-width:767px){
  .nitrogen-hero .nitrogen-hero-copy > p:not(.eyebrow){
    display:block!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
  }
  .nitrogen-hero-photo{
    aspect-ratio:16/9;
    max-height:210px;
    overflow:hidden;
  }
  .nitrogen-hero-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .nitrogen-quick-read{
    padding:14px 16px 0;
  }
  .nitrogen-article-toc{
    padding:10px 16px 0;
  }
  .nitrogen-article-toc nav{
    grid-template-columns:1fr;
    padding:0 12px 14px;
  }
  .nitrogen-longform-article{
    padding-top:28px!important;
  }
  .nitrogen-topic-section{
    padding-top:30px;
    margin-top:30px;
    scroll-margin-top:88px;
  }
  .nitrogen-topic-section h2{
    font-size:26px;
    line-height:1.25;
  }
  .nitrogen-topic-section p,
  .nitrogen-inline-list li{
    font-size:16px;
    line-height:1.7;
  }
  .nitrogen-related-section .pagination{
    display:none!important;
  }
  .nitrogen-related-simple-card{
    padding:15px 16px;
  }
}

/* Shared article bullets: replace placeholder question marks with semantic icons. */
.check-list li{
  padding-left:32px;
}
.check-list li:before,
.plant-nutrition-overview .knowledge-focus .check-list li:before,
.knowledge-library-summary .check-list li:before{
  content:"\2713"!important;
  top:.15em;
  width:20px;
  height:20px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#e8f5e8;
  color:var(--green);
  font-size:12px;
  font-weight:900;
  line-height:1;
}
.check-list.caution li:before,
.warning-card .check-list li:before,
.mistake-card .check-list li:before,
.caution-card .check-list li:before,
.nitrogen-warning-callout .check-list li:before{
  content:"!"!important;
  background:#fff1c6;
  color:#9a5a00;
}
.mini-topic-list li:before{
  content:"\2713"!important;
  color:var(--green);
}

/* Compact timeline for nitrogen stage recommendations. */
.nitrogen-compact-timeline{
  gap:12px;
}
.nitrogen-compact-timeline .nitrogen-stage-card{
  grid-template-columns:38px minmax(0,1fr);
  gap:6px 12px;
  min-height:0;
  padding:14px 16px;
}
.nitrogen-compact-timeline .nitrogen-stage-card > span{
  grid-row:1 / span 3;
  width:34px;
  height:34px;
  border-radius:999px;
  font-size:.95rem;
}
.nitrogen-compact-timeline .nitrogen-stage-card h3{
  margin:0;
  font-size:1rem;
  line-height:1.25;
}
.nitrogen-compact-timeline .nitrogen-stage-card p{
  margin:0;
  color:var(--text);
  font-size:.93rem;
  line-height:1.45;
}
.nitrogen-compact-timeline .nitrogen-stage-card p strong{
  color:var(--soil);
  font-size:inherit;
  line-height:inherit;
  font-weight:900;
}
@media(max-width:760px){
  .nitrogen-compact-timeline{
    gap:12px;
  }
  .nitrogen-compact-timeline .nitrogen-stage-card{
    padding:13px 14px;
  }
  .nitrogen-compact-timeline .nitrogen-stage-card:not(:last-child):after{
    left:17px;
    bottom:-12px;
    height:12px;
  }
}

/* Nitrogen deficiency/excess comparison. */
.nitrogen-deficiency-grid{
  gap:14px;
}
.nitrogen-deficiency-grid .nitrogen-card{
  padding:18px 20px;
}
.nitrogen-deficiency-grid .deficiency-card{
  border-color:rgba(47,107,63,.18);
  background:linear-gradient(180deg,var(--ivory),rgba(237,246,232,.72));
}
.nitrogen-deficiency-grid .excess-card{
  border-color:rgba(227,162,26,.28);
  background:linear-gradient(180deg,var(--ivory),#fff7df);
}
.nitrogen-deficiency-grid .deficiency-card:before{
  background:linear-gradient(90deg,#8dbf67,var(--green));
}
.nitrogen-deficiency-grid .excess-card:before{
  background:linear-gradient(90deg,var(--rice),#e95f35);
}
.nitrogen-deficiency-list li:before{
  content:"-"!important;
  background:#e8f5e8;
  color:var(--green);
}
.nitrogen-balance-callout{
  margin:14px 0 0;
  padding:13px 15px;
  border-left:4px solid rgba(47,107,63,.34);
  border-radius:0 12px 12px 0;
  background:rgba(237,246,232,.72);
  color:var(--text);
  font-size:1rem;
  line-height:1.58;
}
@media(max-width:760px){
  .nitrogen-deficiency-grid .nitrogen-card{
    padding:16px;
  }
}

/* Restore desktop layout for long-form nutrient articles after mobile tuning. */
@media(min-width:1024px){
  main > .section.nitrogen-article-hero{
    width:100%;
    max-width:1300px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:72px 24px!important;
    display:grid;
    grid-template-columns:minmax(0,1fr) 520px;
    gap:72px;
    align-items:center;
  }
  main > .section.nitrogen-article-hero > .nitrogen-hero-copy,
  main > .section.nitrogen-article-hero > .nitrogen-hero-photo{
    width:100%;
    max-width:none!important;
    margin:0!important;
  }
  main > .section.nitrogen-article-hero > .nitrogen-hero-copy{
    justify-self:start;
  }
  main > .section.nitrogen-article-hero > .nitrogen-hero-photo{
    justify-self:end;
    min-height:292px;
    max-height:340px;
    aspect-ratio:16/9;
  }
  main > .section.nitrogen-article-hero > .nitrogen-hero-photo img{
    min-height:0;
    height:100%;
  }
  main > .section.nitrogen-article-section.nitrogen-longform-article{
    width:100%;
    max-width:1100px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:72px 24px!important;
  }
  main > .section.nitrogen-article-section.nitrogen-longform-article > *{
    max-width:960px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  main > .section.nitrogen-article-section.nitrogen-longform-article > .nitrogen-flow,
  main > .section.nitrogen-article-section.nitrogen-longform-article > .nitrogen-compare-grid,
  main > .section.nitrogen-article-section.nitrogen-longform-article > .nitrogen-card-grid{
    max-width:960px!important;
  }
  main > .section.nitrogen-article-section.nitrogen-longform-article .nitrogen-topic-section{
    max-width:960px;
  }
  main > .section.nitrogen-article-section.nitrogen-longform-article .nitrogen-flow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(min-width:768px) and (max-width:1023px){
  main > .section.nitrogen-article-hero{
    max-width:860px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:56px 24px!important;
    grid-template-columns:1fr;
    gap:34px;
  }
  main > .section.nitrogen-article-hero > .nitrogen-hero-copy,
  main > .section.nitrogen-article-hero > .nitrogen-hero-photo{
    width:100%;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  main > .section.nitrogen-article-hero > .nitrogen-hero-photo{
    min-height:0;
    max-height:360px;
    aspect-ratio:16/9;
  }
  main > .section.nitrogen-article-hero > .nitrogen-hero-photo img{
    min-height:0;
    height:100%;
  }
  main > .section.nitrogen-article-section.nitrogen-longform-article{
    max-width:860px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:56px 24px!important;
  }
}

@media(max-width:767px){
  main > .section.nitrogen-article-hero,
  main > .section.nitrogen-article-section.nitrogen-longform-article{
    max-width:none!important;
  }
}

/* Desktop restore: long-form article stage sections must read as spacious cards, not a narrow horizontal mobile timeline. */
@media(min-width:761px){
  main > .section.nitrogen-article-section .nitrogen-stage-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
  }
  main > .section.nitrogen-article-section .nitrogen-stage-card{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:16px!important;
    min-width:0!important;
    min-height:0!important;
    padding:24px!important;
    scroll-snap-align:none!important;
  }
  main > .section.nitrogen-article-section .nitrogen-stage-card > span{
    grid-row:1 / span 3;
    width:46px!important;
    height:46px!important;
    margin:0!important;
    border-radius:8px!important;
  }
  main > .section.nitrogen-article-section .nitrogen-stage-card:not(:last-child):after{
    display:none!important;
  }
}

/* Site typography system: shared heading scale for crop, library, article and listing pages. */
:root{
  --type-eyebrow-size:12px;
  --type-eyebrow-line:16px;
  --type-hero-size:64px;
  --type-hero-line:1.05;
  --type-hero-description-size:16px;
  --type-hero-description-line:1.65;
  --type-section-size:36px;
  --type-section-line:1.15;
  --type-section-description-size:15px;
  --type-section-description-line:1.6;
  --type-card-title-size:18px;
  --type-card-title-line:1.3;
  --type-subheading-size:16px;
  --type-subheading-line:1.35;
  --type-card-body-size:14px;
  --type-card-body-line:1.6;
  --type-chip-size:12px;
  --type-button-size:14px;
}

.eyebrow-label,
.eyebrow,
.article-hero__eyebrow,
.library-section-kicker,
.tag,
.article-card-copy span,
.knowledge-count-badge{
  font-size:var(--type-eyebrow-size)!important;
  line-height:var(--type-eyebrow-line)!important;
  font-weight:700!important;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.hero-title,
.hero h1,
.page-hero h1,
.durian-hero h1,
.nitrogen-hero h1,
.article-hero__title,
.solution-detail-hero .solution-title,
.product-profile-main h1,
.search-page-hero h1{
  font-size:var(--type-hero-size)!important;
  line-height:var(--type-hero-line)!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

.hero-description,
.hero p:not(.eyebrow),
.page-hero p,
.durian-hero p:not(.eyebrow),
.nitrogen-hero .nitrogen-hero-copy > p:not(.eyebrow),
.article-hero__description,
.article-hero__description p,
.solution-detail-hero .solution-hero-copy > p,
.product-profile-main p{
  font-size:var(--type-hero-description-size)!important;
  line-height:var(--type-hero-description-line)!important;
  font-weight:400;
}

.section-title,
.section-heading h2,
.durian-section > h2,
.nitrogen-heading h2,
.library-section-title,
.knowledge-overview h2,
.knowledge-home .section-heading h2,
.crop-list-page h2,
.crop-consult-cta h2,
.nitrogen-lead-block h2,
.readable h2,
.article-body h2,
.article-content h2{
  font-size:var(--type-section-size)!important;
  line-height:var(--type-section-line)!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

.section-description,
.section-heading p:not(.eyebrow),
.durian-section-intro,
.library-section-description,
.knowledge-section-description,
.knowledge-home .section-heading p{
  font-size:var(--type-section-description-size)!important;
  line-height:var(--type-section-description-line)!important;
  font-weight:400;
}

.card-title,
.nitrogen-card h3,
.content-card h3,
.knowledge-card h3,
.knowledge-section-card h3,
.knowledge-section-card-header h3,
.home-knowledge-copy h3,
.article-card-copy h3,
.video-card-copy h3,
.choice-card strong,
.process-step h3,
.product-card h3,
.combo-card h3,
.fertilizer-child-card h3{
  font-size:var(--type-card-title-size)!important;
  line-height:var(--type-card-title-line)!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

.card-subtitle,
.nitrogen-card h4,
.content-card h4,
.knowledge-menu-head h3,
.nutrition-menu-group h4,
.product-detail-block h3,
.warning-box h3{
  font-size:var(--type-subheading-size)!important;
  line-height:var(--type-subheading-line)!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

.card-description,
.nitrogen-card p,
.content-card p,
.knowledge-card p,
.knowledge-section-card p,
.knowledge-section-description,
.home-knowledge-copy p,
.article-card-copy p,
.video-card-copy p,
.choice-card small,
.product-card p,
.combo-card p,
.fertilizer-child-card p,
.durian-stage-card p,
.durian-problem-card p,
.durian-solution-goal-card p{
  font-size:var(--type-card-body-size)!important;
  line-height:var(--type-card-body-line)!important;
}

.chip,
.mini-badge,
.knowledge-chip-list span,
.home-knowledge-chips span,
.nutrition-menu-link,
.topic-chip,
.article-hero__chip,
.crop-list-filter,
.nav-dropdown-chip{
  font-size:var(--type-chip-size)!important;
  line-height:1!important;
  font-weight:700!important;
}

.chip,
.mini-badge,
.knowledge-chip-list span,
.home-knowledge-chips span,
.nutrition-menu-link,
.topic-chip,
.article-hero__chip,
.nav-dropdown-chip{
  padding:6px 10px;
}

.button,
.hero-cta,
.hero-actions .button,
.card-actions .button{
  font-size:var(--type-button-size)!important;
  line-height:1.2!important;
  font-weight:700!important;
}

@media(min-width:768px) and (max-width:1023px){
  :root{
    --type-hero-size:48px;
    --type-hero-line:1.08;
    --type-section-size:32px;
    --type-section-line:1.18;
  }
}

@media(max-width:767px){
  :root{
    --type-eyebrow-size:11px;
    --type-eyebrow-line:15px;
    --type-hero-size:38px;
    --type-hero-line:1.08;
    --type-hero-description-size:14px;
    --type-hero-description-line:1.6;
    --type-section-size:28px;
    --type-section-line:1.18;
    --type-section-description-size:14px;
    --type-section-description-line:1.55;
    --type-card-title-size:16px;
    --type-card-body-size:13px;
    --type-chip-size:11.5px;
    --type-button-size:13px;
  }

  .hero-actions .button,
  .durian-hero .hero-actions .button{
    min-height:36px!important;
    height:36px;
    padding:0 12px!important;
    border-radius:12px!important;
    white-space:nowrap;
  }

  .hero-actions{
    gap:10px;
  }
}

@media(max-width:767px){
  .durian-hero .hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .durian-hero .hero-actions .button{
    width:auto!important;
    min-width:0;
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:1.2!important;
    white-space:nowrap;
  }
}

/* Nutrient detail article typography and reading layout. */
.nitrogen-desktop-toc{
  display:block;
}
.nitrogen-article-mobile-toc{
  display:none;
}
.nitrogen-desktop-toc .nitrogen-article-toc-panel{
  border:1px solid rgba(34,107,63,.16);
  border-radius:16px;
  background:var(--ivory);
  box-shadow:0 10px 24px rgba(30,80,45,.05);
  padding:16px;
}
.nitrogen-desktop-toc h2{
  margin:0 0 12px;
  color:var(--green);
  font-size:18px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:0;
}
.nitrogen-desktop-toc nav{
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:0;
}
main > .section.nitrogen-article-hero .nutrient-detail-title{
  font-size:48px!important;
  line-height:1.1!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
main > .section.nitrogen-article-section.nitrogen-longform-article{
  font-size:16px;
  line-height:1.65;
}
main > .section.nitrogen-article-section .nitrogen-topic-section h2{
  font-size:30px!important;
  line-height:1.16!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
main > .section.nitrogen-article-section :where(.nitrogen-compact-item h3,.nitrogen-stage-card h3,.nitrogen-related-simple-card h3){
  font-size:19px!important;
  line-height:1.28!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
main > .section.nitrogen-article-section .nitrogen-deficiency-grid .nitrogen-card h2{
  font-size:20px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
main > .section.nitrogen-article-section :where(.nitrogen-topic-section p,.nitrogen-flow p,.nitrogen-flow-note,.nitrogen-compact-item p,.nitrogen-section-note,.nitrogen-inline-list li,.nitrogen-stage-card p,.nitrogen-deficiency-grid li,.nitrogen-balance-callout,.nitrogen-conclusion p){
  font-size:16px!important;
  line-height:1.65!important;
}
.nitrogen-balance-list li{
  padding:0;
  border:0;
  background:transparent;
}
.nitrogen-balance-list li > a,
.nitrogen-balance-list li > span{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--ivory);
  color:var(--text);
  text-decoration:none;
  line-height:1.55;
}
.nitrogen-balance-list li > a:hover,
.nitrogen-balance-list li > a:focus-visible{
  border-color:rgba(31,107,61,.32);
  background:#f1f8ee;
}
.nitrogen-balance-list li > a > span{
  width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:#e8f5e8;
  color:var(--green);
  font-weight:800;
}
.nitrogen-balance-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.nitrogen-balance-card{
  min-width:0;
  padding:16px 18px;
  border:1px solid rgba(31,107,61,.14);
  border-radius:12px;
  background:#fffdf7;
  box-shadow:0 8px 22px rgba(31,107,61,.05);
}
.nitrogen-balance-card h3{
  margin:0 0 8px;
  color:var(--green);
  font-size:19px;
  line-height:1.28;
  font-weight:700;
  letter-spacing:0;
}
.nitrogen-balance-card p{
  display:block;
  margin:0;
  overflow:visible;
  color:var(--text);
  font-size:15px;
  line-height:1.6;
  -webkit-line-clamp:unset;
  line-clamp:unset;
  -webkit-box-orient:unset;
}

@media(max-width:767px){
  .nitrogen-desktop-toc{
    display:none!important;
  }
  .nitrogen-article-mobile-toc{
    display:block;
  }
  main > .section.nitrogen-article-hero .nutrient-detail-title{
    font-size:clamp(32px,9vw,34px)!important;
    line-height:1.12!important;
  }
  .nitrogen-quick-read ul{
    font-size:14px!important;
    line-height:1.6!important;
  }
  main > .section.nitrogen-article-section.nitrogen-longform-article{
    font-size:14px;
    line-height:1.6;
  }
  main > .section.nitrogen-article-section .nitrogen-topic-section h2{
    font-size:25px!important;
    line-height:1.18!important;
  }
  main > .section.nitrogen-article-section :where(.nitrogen-compact-item h3,.nitrogen-stage-card h3,.nitrogen-related-simple-card h3){
    font-size:16.5px!important;
    line-height:1.3!important;
  }
  main > .section.nitrogen-article-section .nitrogen-deficiency-grid .nitrogen-card h2{
    font-size:17px!important;
    line-height:1.28!important;
  }
  main > .section.nitrogen-article-section :where(.nitrogen-topic-section p,.nitrogen-flow p,.nitrogen-flow-note,.nitrogen-compact-item p,.nitrogen-section-note,.nitrogen-inline-list li,.nitrogen-stage-card p,.nitrogen-deficiency-grid li,.nitrogen-balance-callout,.nitrogen-conclusion p){
    font-size:14px!important;
    line-height:1.6!important;
  }
  .nitrogen-balance-list li > a,
  .nitrogen-balance-list li > span{
    min-height:50px;
    align-items:flex-start;
    padding:12px;
  }
  .nitrogen-balance-card-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .nitrogen-balance-card{
    width:100%;
    padding:14px 16px;
  }
  .nitrogen-balance-card h3{
    font-size:16.5px;
    line-height:1.3;
  }
  .nitrogen-balance-card p{
    font-size:14px;
    line-height:1.6;
  }
}

/* Final overrides for the expanded Ð?m foundation article. Keep this after the shared nutrient article rules. */
main > .section.nitrogen-article-section.nitrogen-foundation-article{
  max-width:none!important;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article > .nitrogen-foundation-shell{
  width:min(1300px, calc(100% - 48px));
  max-width:1300px!important;
  margin:0 auto;
  display:grid;
  grid-template-columns:280px minmax(0, 1fr);
  gap:clamp(24px, 4vw, 42px);
  align-items:start;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-foundation-main{
  width:100%;
  max-width:none;
  min-width:0;
}

main > .mobile-article-quick-read.nitrogen-quick-read{
  max-width:1300px;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-foundation-sidebar{
  position:sticky;
  top:92px;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-article-block{
  scroll-margin-top:110px;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-card-grid{
  display:grid;
  gap:16px;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-card-grid.four{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-card-grid.three{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-card-grid.two{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-card,
main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-summary-card{
  min-width:0;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-card h3,
main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-balance-card h3,
main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-summary-card h3{
  font-size:19px!important;
  line-height:1.28!important;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-card p,
main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-summary-card p,
main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-comparison-list li{
  font-size:15.5px;
  line-height:1.65;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-subheading{
  margin:26px 0 14px;
  font-size:22px;
  line-height:1.25;
  color:#1f6b3a;
  font-weight:800;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-soil-callout,
main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-warning-callout{
  margin-top:18px;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-section-note,
main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-balance-callout,
main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-flow-note{
  width:100%;
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:normal;
  box-sizing:border-box;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-table{
  width:100%;
  overflow:hidden;
  border:1px solid rgba(43, 111, 66, .16);
  border-radius:18px;
  background:#fffefa;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-row{
  display:grid;
  grid-template-columns:1.05fr 1.35fr 1.25fr 1.35fr;
  gap:0;
  border-top:1px solid rgba(43, 111, 66, .12);
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-row:first-child{
  border-top:0;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-row > span,
main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-row--head > span{
  padding:14px 16px;
  font-size:15px;
  line-height:1.55;
  min-width:0;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-row--head{
  background:#eaf5e9;
  color:#155f34;
  font-weight:800;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-row > span:first-child{
  color:#155f34;
  font-weight:800;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-name strong{
  display:block;
  color:#096b38;
  font-size:18px;
  line-height:1.25;
  font-weight:900;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-name em{
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:7px;
  padding:5px 8px;
  border-radius:8px;
  background:#eef7e9;
  color:#8a5a1f;
  font-size:13px;
  line-height:1.35;
  font-style:normal;
  font-weight:800;
  overflow-wrap:anywhere;
}

@media (max-width:1180px){
  main > .section.nitrogen-article-section.nitrogen-foundation-article > .nitrogen-foundation-shell{
    grid-template-columns:1fr;
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-foundation-sidebar{
    display:none;
  }
}

@media (max-width:900px){
  main > .section.nitrogen-article-section.nitrogen-foundation-article > .nitrogen-foundation-shell{
    width:min(100% - 32px, 920px);
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-card-grid.four,
  main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-card-grid.three,
  main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-card-grid.two{
    grid-template-columns:1fr;
  }
}

@media (max-width:900px){
  main > .section.nitrogen-article-section.nitrogen-foundation-article > .nitrogen-foundation-shell{
    width:min(100% - 24px, 920px);
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-table{
    border:0;
    background:transparent;
    overflow:visible;
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-row--head{
    display:none!important;
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-row{
    display:block;
    margin-bottom:12px;
    border:1px solid rgba(43, 111, 66, .16);
    border-radius:14px;
    background:#fffefa;
    overflow:hidden;
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-row > span{
    display:block;
    padding:10px 14px;
    font-size:14px;
    border-top:1px solid rgba(43, 111, 66, .1);
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-row > span:first-child{
    border-top:0;
    background:#eef7ed;
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-name strong{
    font-size:17px;
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-row > span:before{
    content:attr(data-label);
    display:block;
    margin-bottom:3px;
    color:#8b5a1f;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article .nitrogen-fertilizer-name:before{
    display:none!important;
    content:none!important;
  }
}

main > .section.nitrogen-article-section.nitrogen-foundation-article > .nitrogen-foundation-shell.plant-nutrition-markdown-shell.is-single{
  grid-template-columns:1fr;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section{
  padding-top:34px;
  margin-top:34px;
  border-top:1px solid rgba(31, 107, 61, .12);
  scroll-margin-top:110px;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section:first-child{
  padding-top:0;
  margin-top:0;
  border-top:0;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section h2{
  margin:0 0 18px;
  color:#1f6b3a;
  font-size:30px;
  line-height:1.18;
  font-weight:700;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section h3{
  margin:24px 0 10px;
  color:#1f6b3a;
  font-size:19px;
  line-height:1.32;
  font-weight:700;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section p,
main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section li{
  font-size:15.5px;
  line-height:1.65;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section p{
  margin:0 0 14px;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section ul,
main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section ol{
  margin:12px 0 18px;
  padding-left:22px;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-table-wrap{
  margin:18px 0 22px;
  border:1px solid rgba(43, 111, 66, .16);
  border-radius:18px;
  background:#fffefa;
  overflow:auto;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-table-wrap table{
  width:100%;
  border-collapse:collapse;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-table-wrap th{
  background:#eaf5e9;
  color:#155f34;
  font-weight:800;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-table-wrap th,
main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-table-wrap td{
  padding:14px 16px;
  border-bottom:1px solid rgba(43, 111, 66, .11);
  text-align:left;
  vertical-align:top;
  font-size:15px;
  line-height:1.55;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-table-wrap tr:last-child td{
  border-bottom:0;
}

main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .markdown-callout,
main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article blockquote{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  white-space:normal;
  overflow-wrap:anywhere;
}

@media (max-width:900px){
  main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section{
    padding-top:28px;
    margin-top:28px;
  }
}

@media (max-width:767px){
  main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section h2{
    font-size:25px;
    line-height:1.22;
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section h3{
    font-size:17px;
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section p,
  main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-content-section li{
    font-size:14px;
    line-height:1.6;
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-table-wrap{
    border-radius:14px;
  }

  main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-table-wrap th,
  main > .section.nitrogen-article-section.nitrogen-foundation-article.plant-nutrition-markdown-article .article-table-wrap td{
    padding:11px 12px;
    font-size:14px;
  }
}

.consult-section {
  display: grid;
  justify-items: center;
  gap: 28px;
}

.consult-support-panel {
  width: min(100%, 980px);
  padding: clamp(20px, 4vw, 32px);
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--ivory);
  box-shadow: 0 10px 28px rgba(47, 51, 47, 0.05);
}

.consult-support-panel h2 {
  margin-bottom: 20px;
  color: var(--green);
  font-size: clamp(1.5rem, 3vw, 2.1rem);
}

.consult-flow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.consult-flow-grid article {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: linear-gradient(180deg, #fffdf7, #f5fbf1);
}

.consult-flow-grid span {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  margin-bottom: 10px;
  border-radius: 999px;
  background: var(--green);
  color: var(--ivory);
  font-weight: 900;
}

.consult-flow-grid h3 {
  margin-bottom: 6px;
  color: var(--green);
  font-size: 1rem;
  line-height: 1.3;
}

.consult-flow-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.55;
}

.consult-form {
  width: min(100%, 980px);
}

.form-note {
  padding: 12px 14px;
  border-radius: 10px;
  line-height: 1.55;
}

.form-note:empty {
  display: none;
}

.form-note.is-warning {
  border: 1px solid rgba(214, 162, 58, 0.45);
  background: #fff8e6;
  color: #7a4b12;
}

.form-note.is-success {
  border: 1px solid rgba(47, 107, 63, 0.28);
  background: var(--soft-green);
  color: var(--green);
}

.form-note.is-error {
  border: 1px solid rgba(160, 75, 48, 0.28);
  background: #fff0e8;
  color: #8a3f24;
}

@media (max-width: 760px) {
  .consult-flow-grid {
    grid-template-columns: 1fr;
  }
}

.hero {
  isolation: isolate;
}

.hero:after {
  position: absolute;
  inset: auto 0 0;
  height: 32%;
  content: "";
  background: linear-gradient(180deg, rgba(20, 54, 32, 0), rgba(20, 54, 32, 0.34));
  pointer-events: none;
  z-index: 0;
}

.hero-copy {
  z-index: 1;
}

.hero-copy h1 {
  text-shadow: 0 10px 38px rgba(0, 0, 0, 0.24);
}

.hero-actions .button {
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.hero-actions .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

.hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 170px));
  gap: 14px;
  margin-top: 32px;
}

.hero-metrics div {
  min-width: 0;
  min-height: 96px;
  padding: 20px 18px;
  border: 1px solid rgba(255, 253, 247, 0.24);
  border-radius: 16px;
  background: rgba(255, 253, 247, 0.11);
  backdrop-filter: blur(10px);
}

.hero-metrics strong {
  display: block;
  color: #fffdf7;
  font-size: 2.35rem;
  line-height: 1;
  font-weight: 900;
}

.hero-metrics span {
  display: block;
  margin-top: 8px;
  color: rgba(255, 253, 247, 0.78);
  font-size: 0.95rem;
  line-height: 1.25;
  font-weight: 800;
}

.hero-quick-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 620px;
  margin-top: 18px;
}

.hero-quick-chip {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 8px 11px;
  border: 1px solid rgba(255, 253, 247, 0.2);
  border-radius: 999px;
  background: rgba(255, 253, 247, 0.12);
  color: #fffdf7;
  font-size: 0.85rem;
  font-weight: 850;
  backdrop-filter: blur(10px);
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.hero-quick-chip:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 253, 247, 0.42);
  background: rgba(255, 253, 247, 0.2);
}

.finder {
  background: linear-gradient(180deg, rgba(255, 253, 247, 0.96), rgba(246, 241, 231, 0.98));
}

.finder-stepper,
.finder-step-block,
.finder-result {
  animation: homeFadeUp 0.55s ease both;
}

.finder-stepper {
  animation-delay: 0.04s;
}

.finder-step-block {
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(47, 51, 47, 0.07);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, opacity 0.22s ease;
}

.finder-step-block:not(.disabled):hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 54px rgba(47, 107, 63, 0.1);
}

.step-title span {
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(47, 107, 63, 0.18);
}

.choice-card,
.need-pill,
.knowledge-card,
.home-issue-card {
  will-change: transform;
}

.choice-card,
.need-pill {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.choice-card:not(.selected):hover,
.need-pill:not(.selected):hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(47, 107, 63, 0.1);
}

.home-issues {
  background:
    linear-gradient(180deg, #f7f4ec, #eef7ea);
}

.home-issue-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  width: min(100%, 1180px);
  margin-inline: auto;
}

.home-issue-card {
  display: grid;
  min-height: 164px;
  align-content: start;
  gap: 10px;
  padding: 20px;
  border: 1px solid rgba(47, 107, 63, 0.16);
  border-radius: 16px;
  background: linear-gradient(180deg, #fffdf7, #f6fbf2);
  box-shadow: 0 14px 34px rgba(47, 51, 47, 0.06);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.home-issue-card:hover {
  transform: translateY(-6px);
  border-color: rgba(47, 107, 63, 0.34);
  box-shadow: 0 22px 48px rgba(47, 107, 63, 0.13);
}

.home-issue-card span {
  display: inline-grid;
  width: 40px;
  height: 32px;
  place-items: center;
  border-radius: 999px;
  background: var(--soft-green);
  color: var(--green);
  font-size: 0.82rem;
  font-weight: 900;
}

.home-issue-card strong {
  color: var(--green);
  font-size: 1.15rem;
  line-height: 1.25;
  font-weight: 900;
}

.home-issue-card small {
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.55;
}

.knowledge-home {
  position: relative;
}

.home-knowledge-grid .knowledge-section-card-link,
.home-knowledge-grid .knowledge-card {
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.home-knowledge-grid .knowledge-section-card-link:hover,
.home-knowledge-grid .knowledge-card:hover {
  transform: translateY(-5px);
}

@keyframes homeFadeUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .finder-stepper,
  .finder-step-block,
  .finder-result {
    animation: none;
  }

  .hero-actions .button,
  .hero-quick-chip,
  .choice-card,
  .need-pill,
  .home-issue-card {
    transition: none;
  }
}

@media (max-width: 900px) {
  .hero-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 640px;
  }

  .home-issue-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .hero {
    min-height: auto;
    align-items: center;
    padding-top: clamp(42px, 12vw, 72px);
    padding-bottom: 34px;
    overflow: visible;
  }

  .hero-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    max-width: 100%;
    margin-top: 22px;
  }

  .hero-metrics div {
    min-height: 84px;
    padding: 12px 8px;
    border-radius: 14px;
  }

  .hero-metrics strong {
    font-size: clamp(1.7rem, 8vw, 2.25rem);
  }

  .hero-metrics span {
    margin-top: 7px;
    font-size: clamp(0.72rem, 2.9vw, 0.85rem);
    line-height: 1.18;
    overflow-wrap: anywhere;
  }

  .hero-quick-topics {
    max-width: 340px;
  }

  .home-issue-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .home-issue-card {
    min-height: 148px;
    padding: 14px;
    border-radius: 14px;
  }

  .home-issue-card span {
    width: 34px;
    height: 28px;
    font-size: 0.74rem;
  }

  .home-issue-card strong {
    font-size: 0.98rem;
    line-height: 1.25;
  }

  .home-issue-card small {
    font-size: 0.84rem;
    line-height: 1.42;
  }
}

/* Homepage section headings align with their content grids. */
main > .finder > .section-heading.center.finder-intro,
main > .home-issues > .section-heading.center,
main > .knowledge-home > .section-heading {
  width: 100% !important;
  max-width: var(--site-container, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}

main > .finder > .finder-intro h2,
main > .finder > .finder-intro > p,
main > .home-issues > .section-heading.center h2,
main > .home-issues > .section-heading.center p,
main > .knowledge-home > .section-heading h2,
main > .knowledge-home > .section-heading p {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

main > .finder > .finder-intro h2,
main > .finder > .finder-intro > p {
  max-width: none !important;
}

/* Make homepage knowledge cards easier to scan. */
main > .knowledge-home .home-knowledge-card {
  position: relative;
  overflow: hidden;
  min-height: 196px;
  padding: 22px;
  border-color: rgba(47, 107, 63, 0.22) !important;
  background: linear-gradient(180deg, #fffef9 0%, #f7fcf2 100%) !important;
  box-shadow: 0 14px 34px rgba(47, 107, 63, 0.08) !important;
}

main > .knowledge-home .home-knowledge-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--green), var(--young), var(--rice));
}

main > .knowledge-home .home-knowledge-card:hover {
  border-color: rgba(47, 107, 63, 0.36) !important;
  box-shadow: 0 20px 46px rgba(47, 107, 63, 0.14) !important;
}

main > .knowledge-home .home-knowledge-icon {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(47, 107, 63, 0.13);
  background: linear-gradient(180deg, #e7f6e4, #d9efcf);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 18px rgba(47, 107, 63, 0.1);
}

main > .knowledge-home .home-knowledge-copy h3 {
  margin-bottom: 8px;
  color: var(--green);
  font-size: clamp(1.12rem, 1.25vw, 1.28rem);
  font-weight: 900;
}

main > .knowledge-home .home-knowledge-copy p {
  color: #415044;
  font-size: 0.98rem;
  line-height: 1.55;
}

main > .knowledge-home .home-knowledge-chips {
  gap: 9px;
}

main > .knowledge-home .home-knowledge-chips span {
  min-height: 32px;
  padding: 7px 12px;
  border-color: rgba(47, 107, 63, 0.22);
  background: #e3f4dd;
  color: var(--green);
  box-shadow: 0 5px 12px rgba(47, 107, 63, 0.07);
  font-size: 0.86rem !important;
  font-weight: 850 !important;
}

/* Search results pagination */
.search-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 26px;
}

.search-pagination-pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.search-pagination-link,
.search-pagination-gap {
  display: inline-flex;
  min-width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 850;
}

.search-pagination-link {
  border: 1px solid rgba(47, 107, 63, 0.2);
  background: var(--ivory);
  color: var(--green);
  box-shadow: 0 8px 18px rgba(47, 107, 63, 0.06);
}

.search-pagination-link:hover,
.search-pagination-link.is-active {
  border-color: var(--green);
  background: var(--green);
  color: var(--ivory);
}

.search-pagination-link.is-disabled {
  pointer-events: none;
  opacity: 0.45;
  box-shadow: none;
}

.search-pagination-gap {
  min-width: 22px;
  padding-inline: 2px;
  color: var(--muted);
}

@media (max-width: 640px) {
  .search-pagination {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  .search-pagination-arrow {
    width: 100%;
  }
}

/* Partnership contact page */
.partnership-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
  background:
    radial-gradient(circle at 78% 18%, rgba(141, 191, 103, 0.24), transparent 32%),
    linear-gradient(135deg, var(--ivory), var(--soft-green));
}

.partnership-hero-copy,
.partnership-intro-section > *,
.partnership-context-section > *,
.partnership-partners-section > *,
.partnership-cta-section > * {
  max-width: var(--site-container, 1180px);
  margin-left: auto;
  margin-right: auto;
}

.partnership-hero-copy {
  max-width: 780px;
  margin-left: 0;
}

.partnership-hero h1 {
  color: var(--green);
  font-size: clamp(2.6rem, 6vw, 5rem);
  line-height: 1.02;
}

.partnership-contact-card,
.partnership-lead-card,
.partnership-value-card,
.partnership-context-card,
.partnership-cta-card {
  border: 1px solid rgba(47, 107, 63, 0.18);
  border-radius: 18px;
  background: rgba(255, 253, 247, 0.92);
  box-shadow: 0 18px 46px rgba(47, 107, 63, 0.1);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease;
}

.partnership-contact-card {
  display: grid;
  gap: 12px;
  padding: clamp(22px, 4vw, 34px);
  border-top: 5px solid var(--green);
}

.partnership-contact-card:hover,
.partnership-lead-card:hover,
.partnership-value-card:hover,
.partnership-context-card:hover {
  transform: translateY(-4px);
  border-color: rgba(47, 107, 63, 0.34);
  box-shadow: 0 24px 58px rgba(47, 107, 63, 0.16);
}

.partnership-contact-card span {
  color: var(--soil);
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.partnership-contact-card h2 {
  margin: 0;
  color: var(--green);
  font-size: clamp(1.7rem, 2.6vw, 2.2rem);
}

.partnership-contact-card a {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  padding: 9px 12px;
  border-radius: 999px;
  background: var(--soft-green);
  color: var(--green);
  font-weight: 900;
}

.partnership-contact-card p,
.partnership-lead-card p,
.partnership-value-card p,
.partnership-context-card p,
.partnership-cta-card p {
  margin-bottom: 0;
  color: #4d5c50;
}

.partnership-intro-section {
  display: grid;
  gap: 24px;
}

.partnership-lead-card {
  padding: clamp(24px, 4vw, 40px);
}

.partnership-lead-card h2,
.partnership-context-section h2,
.partnership-partners-section h2,
.partnership-cta-card h2 {
  color: var(--green);
}

.partnership-value-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.partnership-value-card {
  padding: 24px;
}

.partnership-value-card:nth-child(1) {
  border-top: 5px solid #2f7d46;
  background: linear-gradient(180deg, rgba(237, 246, 232, .82), rgba(255, 253, 247, .96));
}

.partnership-value-card:nth-child(2) {
  border-top: 5px solid #d6a23a;
  background: linear-gradient(180deg, rgba(251, 242, 220, .86), rgba(255, 253, 247, .96));
}

.partnership-value-card:nth-child(3) {
  border-top: 5px solid #75a869;
  background: linear-gradient(180deg, rgba(232, 245, 226, .88), rgba(255, 253, 247, .96));
}

.partnership-value-card span {
  display: grid;
  width: 42px;
  height: 36px;
  place-items: center;
  margin-bottom: 16px;
  border-radius: 999px;
  background: var(--soft-green);
  color: var(--green);
  font-weight: 900;
  transition: transform .22s ease, background .22s ease, color .22s ease;
}

.partnership-value-card:nth-child(2) span {
  background: #fff1bf;
  color: #8a5a12;
}

.partnership-value-card:hover span {
  transform: scale(1.08) rotate(-2deg);
  background: var(--green);
  color: var(--ivory);
}

.partnership-value-card h3 {
  color: var(--green);
  font-size: 1.18rem;
  line-height: 1.28;
}

.partnership-context-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.partnership-context-section .section-heading,
.partnership-partners-section .section-heading {
  width: min(100%, var(--site-container, 1180px));
  max-width: var(--site-container, 1180px);
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.partnership-context-section .section-heading p,
.partnership-partners-section .section-heading p {
  max-width: 900px;
  margin-left: 0;
  margin-right: auto;
}

.partnership-context-section > .partnership-context-grid,
.partnership-partners-section > .partnership-partner-grid {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.partnership-context-card {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 18px;
}

.partnership-context-card:hover {
  background: linear-gradient(135deg, #fffdf7, #edf6e8);
}

.partnership-context-card span {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 999px;
  background: var(--green);
  color: var(--ivory);
  font-weight: 900;
  transition: transform .22s ease, background .22s ease;
}

.partnership-context-card:hover span {
  transform: translateY(-2px) scale(1.08);
  background: #d6a23a;
}

.partnership-partner-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.partnership-partner-grid span {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  padding: 10px 14px;
  border: 1px solid rgba(47, 107, 63, 0.18);
  border-radius: 999px;
  background: #e8f5e2;
  color: var(--green);
  font-weight: 900;
  box-shadow: 0 8px 20px rgba(47, 107, 63, 0.07);
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease,
    border-color .2s ease,
    color .2s ease;
}

.partnership-partner-grid span:nth-child(3n + 2) {
  background: #fff4d8;
  border-color: rgba(214, 162, 58, .28);
  color: #8a5a12;
}

.partnership-partner-grid span:nth-child(3n) {
  background: #eef7f0;
  border-color: rgba(117, 168, 105, .32);
}

.partnership-partner-grid span:hover {
  transform: translateY(-3px);
  border-color: rgba(47, 107, 63, .36);
  background: var(--green);
  color: var(--ivory);
  box-shadow: 0 14px 28px rgba(47, 107, 63, 0.16);
}

.partnership-cta-section {
  padding-top: 30px;
}

.partnership-cta-card {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: center;
  padding: clamp(24px, 5vw, 44px);
  background: linear-gradient(135deg, var(--soft-green), var(--ivory) 58%, var(--soft-rice));
}

.partnership-cta-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 26px 64px rgba(47, 107, 63, 0.16);
}

.partnership-cta-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 900px) {
  .partnership-hero,
  .partnership-value-grid,
  .partnership-context-grid {
    grid-template-columns: 1fr;
  }

  .partnership-hero-copy {
    margin-right: 0;
  }

  .partnership-cta-card {
    align-items: stretch;
    flex-direction: column;
  }

  .partnership-cta-actions .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .partnership-contact-card,
  .partnership-lead-card,
  .partnership-value-card,
  .partnership-context-card,
  .partnership-cta-card,
  .partnership-value-card span,
  .partnership-context-card span,
  .partnership-partner-grid span {
    transition: none;
  }

  .partnership-contact-card:hover,
  .partnership-lead-card:hover,
  .partnership-value-card:hover,
  .partnership-context-card:hover,
  .partnership-cta-card:hover,
  .partnership-value-card:hover span,
  .partnership-context-card:hover span,
  .partnership-partner-grid span:hover {
    transform: none;
  }
}

/* Partnership headings align with the lead content card above. */
.partnership-context-section > .section-heading.compact,
.partnership-partners-section > .section-heading.compact {
  width: 100% !important;
  max-width: var(--site-container, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-inline: clamp(24px, 4vw, 40px) !important;
  text-align: left !important;
}

.partnership-context-section > .section-heading.compact .eyebrow,
.partnership-context-section > .section-heading.compact h2,
.partnership-context-section > .section-heading.compact p,
.partnership-partners-section > .section-heading.compact .eyebrow,
.partnership-partners-section > .section-heading.compact h2,
.partnership-partners-section > .section-heading.compact p {
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

.partnership-context-section > .section-heading.compact p,
.partnership-partners-section > .section-heading.compact p {
  max-width: 920px !important;
}

/* PageSpeed: load responsive WebP versions for the home hero/LCP background. */
.hero-media{
  background:
    linear-gradient(90deg,rgba(16,48,28,.92) 0%,rgba(24,78,44,.7) 42%,rgba(24,78,44,.2) 78%),
    linear-gradient(180deg,rgba(12,28,18,.2),rgba(12,28,18,.3)),
    image-set(
      url("assets/hero-garden-1200.webp") type("image/webp") 1x,
      url("assets/hero-garden-1798.webp") type("image/webp") 2x,
      url("assets/hero-garden-1200.webp") type("image/png")
    ) center/cover no-repeat!important;
}

@media(max-width:767px){
  .hero-media{
    background:
      linear-gradient(180deg,rgba(8,32,18,.16) 0%,rgba(7,56,29,.58) 46%,rgba(6,52,25,.84) 100%),
      image-set(
        url("assets/hero-garden-720.webp") type("image/webp") 1x,
        url("assets/hero-garden-1200.webp") type("image/webp") 2x,
        url("assets/hero-garden-1200.webp") type("image/png")
      ) center/cover no-repeat!important;
  }
}

/* PageSpeed phase 2: keep hero visually stable without animating the largest paint layer. */
.hero-media{animation:none!important;will-change:auto!important}
@media(max-width:760px){.hero-media{background-image:linear-gradient(180deg,rgba(25,45,28,.18),rgba(25,45,28,.86) 66%),image-set(url("assets/hero-garden-480.webp") type("image/webp") 1x,url("assets/hero-garden-720.webp") type("image/webp") 2x)!important}}

/* Header/menu typography restore: keep navigation on the original site font stack. */
.site-header,
.site-header *,
.nav-dropdown,
.nav-dropdown *,
.mobile-nav-drawer,
.mobile-nav-drawer *,
.mobile-menu-button,
.mobile-menu-close {
  font-family: "Be Vietnam Pro", Helvetica, Arial, sans-serif !important;
}

.site-header .brand {
  font-weight: 800 !important;
}

.desktop-header-nav .nav-top,
.desktop-header-nav.nav > a,
.mobile-nav-link {
  font-weight: 700 !important;
}

.header-consult-cta {
  font-weight: 800 !important;
}

/* Global typography lock: use Helvetica consistently across the entire website. */
html,
body,
body *,
body *::before,
body *::after,
button,
input,
select,
textarea,
svg,
svg * {
  font-family: "Be Vietnam Pro", Helvetica, Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand,
.brand *,
.site-title,
.section-heading,
.section-heading *,
.solution-method-card-title,
.solution-subsection-title,
.need-category-title,
.need-category-title *,
.article-related-section,
.article-related-section *,
.related-content-section,
.related-content-section * {
  font-family: "Be Vietnam Pro", Helvetica, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

/* Typography weight tuning: keep Helvetica, reduce overly heavy UI text. */
.footer-brand,
.footer-column h3,
.footer-column summary {
  font-weight: 700 !important;
}

.footer-brand-column p,
.footer-column a,
.site-footer-bottom a {
  font-weight: 400 !important;
}

.footer-column .footer-emphasis-link,
.footer-column .footer-partnership-link {
  font-weight: 700 !important;
}

main > .knowledge-home .home-knowledge-copy h3,
.knowledge-card h3,
.home-issue-card strong {
  font-weight: 700 !important;
}

main > .knowledge-home .home-knowledge-chips span,
.home-knowledge-chips span,
.knowledge-chip-list span {
  font-weight: 600 !important;
}

.home-issue-card span {
  font-weight: 700 !important;
}

.hero .eyebrow,
.hero-actions .button,
.hero-metrics span {
  font-weight: 600 !important;
}

.hero-metrics strong {
  font-weight: 700 !important;
}

/* Final weight normalization for the visible home/footer/header regions. */
.site-header .brand,
.header-consult-cta {
  font-weight: 700 !important;
}

.hero-title,
.hero h1 {
  font-weight: 700 !important;
}

main > .home-issues > .section-heading.center .eyebrow,
main > .home-issues > .section-heading.center h2,
main > .knowledge-home > .section-heading h2,
.home-section-heading h2 {
  font-weight: 700 !important;
}

main > .home-issues > .section-heading.center p,
main > .knowledge-home > .section-heading p,
.home-section-heading p,
.home-issue-card small,
main > .knowledge-home .home-knowledge-copy p {
  font-weight: 400 !important;
}

main > .knowledge-home .home-knowledge-copy h3,
.home-issue-card strong {
  font-weight: 700 !important;
}

.knowledge-chip-list span,
main > .knowledge-home .home-knowledge-chips span,
.home-knowledge-chips span {
  font-weight: 600 !important;
}

.footer-brand {
  font-weight: 700 !important;
}

.footer-column h3,
.footer-column summary {
  font-weight: 700 !important;
}

.footer-column a,
.footer-brand-column p,
.site-footer-bottom,
.site-footer-bottom a {
  font-weight: 400 !important;
}

/* Header dropdown/menu weight tuning. */
.desktop-header-nav .nav-top,
.desktop-header-nav.nav > a,
.nav-dropdown-link {
  font-weight: 600 !important;
}

.crop-menu-tab-label,
.mobile-crop-group summary {
  font-weight: 600 !important;
}

.crop-menu-tab-label small,
.mobile-crop-group summary small {
  font-weight: 700 !important;
}

.crop-menu-panel-heading h3,
.knowledge-menu-head h3,
.knowledge-menu-title.library-group-title {
  font-weight: 700 !important;
}

.crop-menu-panel-heading p,
.knowledge-menu-group-card .library-group-description {
  font-weight: 400 !important;
}

.crop-menu-plant-card,
.crop-menu-plant-name {
  font-weight: 600 !important;
}

.crop-menu-plant-chevron {
  font-weight: 700 !important;
}

.knowledge-overview-link,
.nav-dropdown .nav-dropdown-chip,
.mobile-nav-drawer .nav-dropdown-chip,
.crop-menu-link.nav-dropdown-chip,
.knowledge-menu-chip-list .nav-dropdown-chip,
.knowledge-menu-chip-list span {
  font-weight: 600 !important;
}

/* Final menu readability pass: keep Helvetica, reduce over-bold labels in mega menus. */
.site-header .desktop-header-nav .nav-top,
.site-header .desktop-header-nav.nav > a {
  font-weight: 600 !important;
}

.site-header .nav-dropdown-link {
  font-weight: 500 !important;
}

.crop-menu-dropdown .crop-menu-tab-label,
.crop-menu-dropdown .crop-menu-tab-label:hover,
#crop-menu-tab-industrial:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-industrial"],
#crop-menu-tab-fruit:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-fruit"],
#crop-menu-tab-greenhouse:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-greenhouse"],
#crop-menu-tab-staple:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-staple"],
#crop-menu-tab-flowers:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-flowers"] {
  font-weight: 600 !important;
}

.crop-menu-dropdown .crop-menu-tab-label small,
#crop-menu-tab-industrial:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-industrial"] small,
#crop-menu-tab-fruit:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-fruit"] small,
#crop-menu-tab-greenhouse:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-greenhouse"] small,
#crop-menu-tab-staple:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-staple"] small,
#crop-menu-tab-flowers:checked ~ .crop-menu-layout .crop-menu-tab-label[for="crop-menu-tab-flowers"] small {
  font-weight: 700 !important;
}

.crop-menu-dropdown .crop-menu-panel-heading h3,
.knowledge-menu-dropdown .knowledge-menu-head h3 {
  font-weight: 700 !important;
}

.crop-menu-dropdown .crop-menu-panel-heading p,
.knowledge-menu-dropdown .library-group-description {
  font-weight: 400 !important;
}

.crop-menu-dropdown .crop-menu-plant-card,
.crop-menu-dropdown .crop-menu-plant-name,
.knowledge-menu-dropdown .knowledge-menu-group-card.library-group-card .library-group-title,
.knowledge-menu-dropdown .knowledge-menu-title.library-group-title {
  font-weight: 600 !important;
}

.knowledge-menu-dropdown .knowledge-overview-link,
.knowledge-menu-dropdown .nav-dropdown-chip,
.knowledge-menu-dropdown .knowledge-menu-chip-list span {
  font-weight: 600 !important;
}

/* Solution finder chips: reduce inherited heavy weight while keeping labels clear. */
.step-block .need-pill,
.need-stage .need-pill,
.need-grid.stage-needs .need-pill,
.need-grid.compact-needs .need-pill,
.need-grid.durian-group-needs .need-pill,
.need-grid.tomato-panel-needs .need-pill,
.finder .need-pill,
.finder .choice-card,
.finder .choice-card strong,
.finder .need-pill .need-pill-text,
.finder .need-pill-main,
.finder .need-pill-main strong {
  font-weight: 600 !important;
}

.step-block .need-pill.selected,
.need-stage .need-pill.selected,
.need-grid.stage-needs .need-pill.selected,
.need-grid.compact-needs .need-pill.selected,
.need-grid.durian-group-needs .need-pill.selected,
.need-grid.tomato-panel-needs .need-pill.selected,
.finder .need-pill.selected,
.finder .choice-card.selected {
  font-weight: 700 !important;
}

.finder .step-title h3,
.finder .finder-stepper-item strong {
  font-weight: 600 !important;
}

.finder .step-title span,
.finder .finder-stepper-item > span {
  font-weight: 700 !important;
}

@media (max-width: 760px) {
  .finder .choice-card strong,
  .finder .need-pill,
  .finder .need-pill .need-pill-text,
  .finder .need-pill-main,
  .finder .need-pill-main strong,
  .finder .step-title h3,
  .finder .finder-stepper-item strong {
    font-weight: 600 !important;
  }

  .finder .choice-card.selected,
  .finder .need-pill.selected,
  .finder .step-title span,
  .finder .finder-stepper-item > span {
    font-weight: 700 !important;
  }
}

/* Global font family */
html,
body,
button,
input,
select,
textarea {
  font-family: "Be Vietnam Pro", Helvetica, Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand-name,
.desktop-nav-link,
.nav-dropdown-trigger,
.button,
.text-link,
.chip,
.tag,
.topic-chip,
.nav-dropdown-chip {
  font-family: "Be Vietnam Pro", Helvetica, Arial, sans-serif !important;
}

/* Solution finder group card titles: reduce parent card title weight to match the refined UI rhythm. */
.finder .need-stage h4,
.finder .durian-need-group-header h4,
.finder .tomato-model-need-panel-title,
.finder .need-category-title,
.finder .need-category-title *,
.step-block .need-stage h4,
.step-block .durian-need-group-header h4,
.step-block .tomato-model-need-panel-title,
.step-block .need-category-title,
.step-block .need-category-title * {
  font-weight: 600 !important;
}

@media (max-width: 760px) {
  .finder .need-stage h4,
  .finder .durian-need-group-header h4,
  .finder .tomato-model-need-panel-title,
  .finder .need-category-title,
  .finder .need-category-title *,
  .step-block .need-stage h4,
  .step-block .durian-need-group-header h4,
  .step-block .tomato-model-need-panel-title,
  .step-block .need-category-title,
  .step-block .need-category-title * {
    font-weight: 600 !important;
  }
}

/* Mobile solution finder: normalize summary and group option text weight. */
.finder .finder-step-summary-title,
.finder .finder-step-summary-title > span:last-child,
.finder .mobile-need-choice-summary,
.finder .choice-grid.groups .choice-card strong {
  font-weight: 600 !important;
}

.finder .wizard-section-number,
.finder .finder-step-summary-title .wizard-section-number {
  font-weight: 700 !important;
}

.finder .finder-step-summary button {
  font-weight: 600 !important;
}

@media (max-width: 760px) {
  .finder .finder-step-summary-title,
  .finder .finder-step-summary-title > span:last-child,
  .finder .mobile-need-choice-summary,
  .finder .choice-grid.groups .choice-card strong,
  .finder .choice-grid.groups .choice-card.selected strong {
    font-weight: 600 !important;
  }

  .finder .wizard-section-number,
  .finder .finder-step-summary-title .wizard-section-number {
    font-weight: 700 !important;
  }
}

/* Final small-text weight audit: keep Helvetica everywhere, but reduce over-heavy
   labels where small type was reading too dense. */
.site-header .brand,
.site-header .brand-name,
.site-header .desktop-header-nav .nav-top,
.site-header .desktop-header-nav.nav > a,
.site-header .header-consult-button,
.site-header .search-input,
.mobile-header .brand,
.mobile-header .brand-name {
  font-weight: 600 !important;
}

.site-header .nav-dropdown-link,
.crop-menu-dropdown .crop-menu-tab-label,
.crop-menu-dropdown .crop-menu-plant-card,
.crop-menu-dropdown .crop-menu-plant-name,
.knowledge-menu-dropdown .knowledge-overview-link,
.knowledge-menu-dropdown .nav-dropdown-chip,
.knowledge-menu-dropdown .knowledge-menu-chip-list span {
  font-weight: 500 !important;
}

.crop-menu-dropdown .crop-menu-tab-label small,
.crop-menu-dropdown .crop-menu-panel-heading h3,
.knowledge-menu-dropdown .knowledge-menu-head h3,
.knowledge-menu-dropdown .knowledge-menu-group-card.library-group-card .library-group-title,
.knowledge-menu-dropdown .knowledge-menu-title.library-group-title,
.crop-menu-plant-chevron {
  font-weight: 600 !important;
}

.home-issue-card strong,
main > .knowledge-home .home-knowledge-copy h3,
.home-knowledge-copy h3,
.knowledge-card h3,
.knowledge-library-categories .knowledge-card h3,
.knowledge-overview .content-panel h2,
.library-group-title,
.knowledge-menu-title {
  font-weight: 600 !important;
}

.knowledge-card p,
.home-knowledge-copy p,
.knowledge-library-categories .knowledge-card p,
.knowledge-menu-group-card .library-group-description,
.library-group-description {
  font-weight: 400 !important;
}

.chip,
.tag,
.mini-link,
.topic-chip,
.knowledge-chip-list span,
.home-knowledge-chips span,
.nav-dropdown-chip,
.article-hero__chip,
.macro-sibling-pill,
.macro-sibling-pill__badge,
.disease-sibling-pill,
.root-fertilizer-chips span {
  font-weight: 500 !important;
}

.finder .choice-card strong,
.finder .need-pill,
.finder .need-pill strong,
.finder .need-pill .need-pill-text,
.finder .need-pill-main,
.finder .need-pill-main strong,
.step-block .need-pill,
.step-block .need-pill strong,
.need-stage .need-pill,
.need-stage .need-pill strong,
.need-grid.stage-needs .need-pill,
.need-grid.compact-needs .need-pill,
.need-grid.durian-group-needs .need-pill,
.need-grid.tomato-panel-needs .need-pill {
  font-weight: 500 !important;
}

.finder .choice-card.selected strong,
.finder .need-pill.selected,
.finder .need-pill.selected strong,
.step-block .need-pill.selected,
.need-stage .need-pill.selected {
  font-weight: 600 !important;
}

.finder .step-title h3,
.finder .finder-stepper-item strong,
.finder .finder-step-summary-title,
.finder .finder-step-summary-title > span:last-child,
.finder .mobile-need-choice-summary,
.finder .choice-grid.groups .choice-card strong,
.finder .need-stage h4,
.finder .durian-need-group-header h4,
.finder .tomato-model-need-panel-title,
.finder .need-category-title,
.finder .need-category-title * {
  font-weight: 600 !important;
}

.content-card h3,
.content-panel h3,
.combo-card h3,
.technical-combo-card h3,
.process-step h3,
.solution-product-card h3,
.product-card h3,
.solution-related-card h3,
.related-content-card h3,
.article-card h3,
.video-card h3 {
  font-weight: 600 !important;
}

.content-card p,
.content-panel p,
.combo-card p,
.technical-combo-card dd,
.process-step p,
.solution-product-card p,
.product-card p,
.solution-related-card p,
.related-content-card p,
.article-card p,
.video-card p {
  font-weight: 400 !important;
}

.footer-brand,
.footer-column h3,
.footer-column summary,
.footer-column .footer-emphasis-link,
.footer-column .footer-partnership-link {
  font-weight: 600 !important;
}

.footer-column a,
.footer-brand-column p,
.site-footer-bottom,
.site-footer-bottom a {
  font-weight: 400 !important;
}

@media (max-width: 760px) {
  .mobile-nav-drawer .nav-dropdown-chip,
  .mobile-nav-drawer .nav-dropdown-link,
  .mobile-crop-group summary,
  .mobile-crop-group summary span,
  .finder .choice-card strong,
  .finder .need-pill,
  .finder .need-pill strong,
  .finder .choice-grid.groups .choice-card strong,
  .finder .choice-grid.groups .choice-card.selected strong {
    font-weight: 500 !important;
  }

  .finder .step-title h3,
  .finder .finder-step-summary-title,
  .finder .mobile-need-choice-summary,
  .finder .need-stage h4,
  .finder .need-category-title,
  .finder .need-category-title * {
    font-weight: 600 !important;
  }
}

/* Small-text weight balance: labels and compact controls should stay readable
   without looking heavier than nearby body text. */
.eyebrow,
.article-eyebrow,
.section-eyebrow,
.finder-result span,
.tag,
.solution-card-label,
.solution-meta-label,
.solution-note__title,
.product-profile-list dt,
.product-table th,
.detail-list dt,
.technical-combo-card dt,
.solution-ingredient-label,
.solution-method-label,
.disease-treatment-label,
.pest-treatment-label,
.library-card-label,
.article-card-label,
.related-card-label,
.video-card-label {
  font-weight: 600 !important;
}

.button,
.primary,
.secondary,
.ghost,
.affiliate,
.text-link,
.footer-link,
.page-button,
.knowledge-overview-link,
.crop-menu-link,
.nutrition-menu-link,
.knowledge-menu-section-link,
.topic-link {
  font-weight: 600 !important;
}

.check-list li,
.active-list li,
.active-list li strong,
.mini-topic-list li,
.content-focus-list li,
.knowledge-focus-list li,
.library-focus-list li,
.article-quick-list li {
  font-weight: 400 !important;
}

.check-list li strong,
.active-list li strong,
.mini-topic-list li strong,
.content-focus-list li strong,
.knowledge-focus-list li strong,
.library-focus-list li strong,
.article-quick-list li strong {
  font-weight: 600 !important;
}

.home-issue-card strong,
.home-quick-card h3,
.home-knowledge-copy h3,
.knowledge-card h3,
.library-group-title,
.crop-menu-group h3,
.nutrition-menu-group h4,
.crop-menu-panel-heading h3,
.knowledge-menu-head h3,
.knowledge-menu-title,
.solution-card-title,
.solution-method-card-title,
.solution-subsection-title,
.solution-support-card h3,
.solution-apply-card h3,
.solution-process-card h3,
.solution-warning-card h3 {
  font-weight: 600 !important;
}

@media (max-width: 760px) {
  .mobile-header .brand-name,
  .mobile-nav-drawer .nav-top,
  .mobile-nav-drawer .nav-dropdown-link,
  .mobile-crop-group summary,
  .mobile-crop-group a,
  .mobile-knowledge-card h3,
  .mobile-knowledge-card strong,
  .finder .choice-card strong,
  .finder .need-pill,
  .finder .need-pill strong,
  .finder .choice-grid.groups .choice-card strong,
  .finder .choice-grid.groups .choice-card.selected strong,
  .button,
  .text-link,
  .topic-link {
    font-weight: 600 !important;
  }

  .chip,
  .tag,
  .topic-chip,
  .knowledge-chip-list span,
  .home-knowledge-chips span,
  .nav-dropdown-chip,
  .article-hero__chip {
    font-weight: 500 !important;
  }
}