/* Shared knowledge navigation and the app's illustrated disease profiles. */
.knowledge-skip{position:fixed;left:20px;top:-100px;z-index:1000;padding:12px 20px;border-radius:8px;background:#004236;color:#fff!important}
.knowledge-skip:focus{top:16px}
.knowledge-width,.knowledge-navigation{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.knowledge-navigation{display:flex;flex-wrap:wrap;gap:8px;margin-block:0;padding-block:28px;border-bottom:1px solid var(--line);font-size:15px}
.knowledge-navigation a{padding:11px 20px;border:0;border-radius:100px;text-decoration:none;color:var(--green);background:transparent;box-shadow:none}
.knowledge-navigation a:hover{background:#eaf0e5}
.knowledge-navigation a[aria-current=page]{background:#004236;color:#fff}
.season-index-hero{padding:72px 0 60px;background:#e8f2e5}
.mm-content .season-index-hero .eyebrow{margin:0 0 20px;padding:0;border:0;background:none;color:#0e6b5a;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.mm-content .season-index-hero h1{max-width:780px;margin:0 0 24px;font:800 clamp(38px,4.5vw,64px)/1.13 var(--font-head);letter-spacing:-.05em;color:#004236}
.season-index-hero p:not(.eyebrow){max-width:600px;margin:0;font-size:17px;line-height:1.8;color:#4e6855}
.season-catalogue{padding-block:28px 50px}
.season-catalogue .article-filter-row{flex-wrap:wrap;margin-bottom:0}
.season-catalogue .article-category-block{scroll-margin-top:110px}
.season-catalogue .article-category-block:first-of-type{border-top:0;padding-top:36px}
.mm-content .season-catalogue .section-heading h2{font-family:var(--font-head);font-size:clamp(32px,4vw,46px);line-height:1.15}
.season-catalogue .section-heading p{margin:0;color:#617064;font-size:17px;line-height:1.7}
.mm-content .season-catalogue .article-card a{display:flex;flex-direction:column}
@media(min-width:651px){.mm-content .article-card-grid-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mm-content .article-hero h1,.mm-content .article-content h2,.mm-content .article-content h3,.mm-content .article-card h3{font-family:var(--font-head)}
.mm-content :is(h1,h2,h3){overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:8 3 3;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;text-wrap:balance}
/* Size titles to their text column; long words must not shed single letters. */
.mm-content .article-hero>div{min-width:0;container-type:inline-size}
.mm-content .article-hero h1{max-width:none;line-height:1.12;font-size:clamp(1.875rem,4.5vw,4rem);font-size:clamp(1.875rem,11cqi,4rem)}
.mm-content .article-content h2{font-size:clamp(25px,3vw,36px);line-height:1.25}
.mm-content .article-card h3{font-size:23px;line-height:1.3}
.mm-content .article-card span{font-size:12px;letter-spacing:.06em}
.mm-content .article-card p{font-size:16px;line-height:1.7}
.mm-content .article-hero img,.mm-content .article-image img{border-radius:20px;box-shadow:none}
.mm-content .article-card{border:0;border-radius:16px;box-shadow:none;background:#fff}
.mm-content .article-card:hover,.mm-content .article-card:focus-within{box-shadow:0 12px 28px #183c3012}
.knowledge-breadcrumbs{display:block;font-size:14px;color:#617064;margin:0 0 36px;line-height:1.7}
.knowledge-breadcrumbs ol{display:flex;align-items:center;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.knowledge-breadcrumbs li{display:flex;align-items:center;gap:0;margin:0}
.knowledge-breadcrumbs li+li::before{content:'/';padding-right:8px;color:#8c9c86}
.knowledge-breadcrumbs a{display:inline;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-weight:400;text-align:left;color:inherit;text-decoration:none}
.knowledge-breadcrumbs a:hover{transform:none;background:none;box-shadow:none}
.knowledge-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.disease-index-hero{background:#e8f2e5;padding:28px 0 58px}
.disease-index-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.mm-content .disease-index-heading h1{font:800 clamp(38px,4.5vw,64px)/1.13 var(--font-head);letter-spacing:-.05em;color:#004236;margin:0 0 24px}
.mm-content .disease-index-heading .eyebrow{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#0e6b5a;margin:0 0 20px}
.mm-content .disease-site .eyebrow,.mm-content.disease-site .eyebrow{padding:0;border:0;border-radius:0;background:none}
.disease-index-heading p:not(.eyebrow){font-size:17px;line-height:1.8;color:#4e6855;max-width:460px;margin:0}
.disease-index-heading>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px}
.disease-catalogue{padding-block:30px 72px}
.disease-catalogue .article-filter-row{margin-bottom:0}
.disease-catalogue .article-category-block{scroll-margin-top:115px}
.disease-catalogue .article-category-block:first-of-type{border-top:0}
.mm-content .disease-card img{aspect-ratio:3/2;object-fit:cover}
.disease-hero-image{margin:0;min-width:0}
.mm-content .disease-hero-image img{aspect-ratio:3/2;max-height:none}
.disease-hero-image figcaption{font-size:13px;line-height:1.5;color:#617064;margin-top:10px}
.disease-quicklinks{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;line-height:1.6;margin:0}
.disease-quicklinks a{padding:0;border:0;background:none;box-shadow:none;color:#0e6b5a;text-decoration:underline;text-underline-offset:5px;text-align:left}
.disease-content>section{margin-bottom:42px;scroll-margin-top:120px}
.mm-content .disease-content>section h2{margin-top:0}
.mm-content .disease-content>section p:first-child{margin-top:0}
.disease-symptoms,.disease-treatment{padding:30px;border-radius:20px;background:#eaf1e5}
.disease-treatment{background:#f8ede4}
.mm-content .disease-symptoms ul{margin-bottom:0}
.mm-content .disease-symptoms li{margin-bottom:10px}
.disease-symptoms li:last-child{margin-bottom:0}
.mm-content .disease-crops ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}
.disease-crops a{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#fff;border:1px solid #dce3d7;border-radius:12px;text-decoration:none;color:#004236}
.disease-crops a:hover{background:#eaf1e5}
.disease-crops img{width:44px;height:44px;object-fit:contain}
.disease-crops span{font-size:15px;overflow-wrap:anywhere}
.mm-content .knowledge-source{font-size:14px;color:#617064;margin-top:35px}
.disease-read-more{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:65px;padding-top:28px;border-top:1px solid #dce3d7;font-size:15px;line-height:1.6}
.disease-read-more a{padding:0;border:0;background:none;box-shadow:none;color:#004236;text-decoration:underline;text-underline-offset:5px;text-align:left}
.disease-read-more a:hover,.disease-read-more a:focus-visible,.disease-quicklinks a:hover,.disease-quicklinks a:focus-visible{background:none;box-shadow:none;transform:none}
.mm-content :focus-visible{outline:3px solid #568744;outline-offset:5px}
@media(max-width:950px){
 .disease-index-heading{gap:30px}
 .disease-index-heading>img{align-self:center}
 .mm-content .disease-crops ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .season-index-hero{padding-block:42px 36px}
 .mm-content .season-index-hero h1{font-size:clamp(34px,8.5vw,50px)}
 .season-catalogue{padding-block:20px 30px}
 .knowledge-width,.knowledge-navigation{width:calc(100% - 40px)}
 .knowledge-navigation{gap:5px;padding-block:20px;font-size:14px}
 .knowledge-navigation a{padding:10px 13px}
 .disease-index-hero{padding-block:22px 35px}
 .disease-index-heading{grid-template-columns:1fr;gap:28px}
 .mm-content .disease-index-heading h1{font-size:clamp(34px,8.5vw,50px)}
 .disease-index-heading>img{max-height:330px}
 .knowledge-breadcrumbs{font-size:13px;margin-bottom:26px}
 .disease-quicklinks{gap:12px 20px}
 .disease-symptoms,.disease-treatment{padding:23px 20px}
 .disease-read-more{flex-direction:column;margin-top:40px}
 .mm-content .article-card h3{font-size:22px}
}
@media(max-width:380px){
 .knowledge-navigation a{padding:10px}
 .mm-content .disease-crops ul{grid-template-columns:1fr}
}

/* Keep editorial references recognizable within running article text. */
.mm-content .article-content :is(p,li,blockquote) a:not(.inline-link){color:#0e6b5a;text-decoration:underline;text-underline-offset:3px}
