/* v2.9.31 CSS consolidation; retain original cascade and media rules. */
/* 2Lúa disease directory 2.9.23 — isolated from crop page and common navigation */
.tl-workspace-page[data-workspace="cam-nang"] .hb223{max-width:1180px;margin:0 auto 65px;width:100%;min-width:0;color:#183c30}
.hb223,.hb223 *{box-sizing:border-box}.hb223 img{max-width:100%}.hb223 a{text-decoration:none!important}
.hb223-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(265px,.85fr);background:linear-gradient(125deg,#eff9f1 0%,#f6faf3 62%,#fff 100%);border:1px solid #d6e8db;overflow:hidden;border-radius:26px;min-height:340px;box-shadow:0 17px 42px rgba(11,65,39,.07)}
.hb223-hero-content{min-width:0;padding:clamp(24px,3.5vw,46px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hb223-overline{display:block;letter-spacing:.08em;font-weight:850;font-size:12px;color:#117550;margin:0 0 12px}
.hb223-hero h1{font-size:clamp(31px,3.9vw,52px);letter-spacing:-.046em;line-height:1.12;color:#123e2c;margin:0 0 16px;max-width:680px}
.hb223-hero h1 em{font-style:normal;color:#08784e}.hb223-hero-content>p:not(.hb223-overline){font-size:clamp(14px,1.1vw,16px);color:#547364;line-height:1.8;max-width:660px;margin:0}
.hb223-stats{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.hb223-stats span{background:#fff;border:1px solid #d9eade;border-radius:100px;color:#32644b;font-size:12px;padding:9px 13px}.hb223-stats strong{color:#096d46;font-size:15px}
.hb223-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hb223-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 19px;font-size:13px;font-weight:800;border-radius:999px;cursor:pointer;transition:background .15s,transform .15s;border:1px solid #cfe2d5;color:#126c48!important;background:#fff}
.hb223-button:hover{transform:translateY(-2px)}.hb223-button--primary{background:#046c47!important;border-color:#046c47!important;color:#fff!important}.hb223-button--ghost{background:#fff}.hb223-button--outline{background:#f4faf5}
.hb223-hero-visual{margin:0;position:relative;min-height:340px;background:#e3f0e4;overflow:hidden}.hb223-hero-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hb223-hero-visual figcaption{position:absolute;bottom:14px;left:12px;right:12px;border-radius:10px;background:rgba(8,53,34,.77);color:#fff;padding:9px 12px;font-size:11px;line-height:1.5}
.hb223-jump{display:flex;flex-wrap:wrap;gap:9px;padding:10px;border:1px solid #dbe9dc;background:#f8fcf9;border-radius:16px;margin:18px 0 30px}.hb223-jump a{border-radius:11px;border:1px solid #e3eee6;background:#fff;padding:10px 14px;color:#285e45!important;font-size:13px;font-weight:700}.hb223-jump a:hover{background:#e6f4ea}
.hb223-section{margin:0 0 36px;scroll-margin-top:110px}.hb223-section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 17px}.hb223-section-heading h2{margin:2px 0 8px;font-size:clamp(22px,2.55vw,32px);color:#164531;letter-spacing:-.028em;line-height:1.25}.hb223-section-heading p{font-size:14px;color:#657c6e;line-height:1.75;margin:0}.hb223-section-mark{font-size:12px;white-space:nowrap;color:#0b7651;border:1px solid #d2e7d9;border-radius:999px;background:#f2faf4;padding:9px 13px;font-weight:800}
.hb223-filter{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(210px,.75fr) auto;align-items:end;gap:13px;background:#fff;border:1px solid #dbe9dd;border-radius:19px;padding:17px;box-shadow:0 9px 27px rgba(21,59,37,.045)}
.hb223-filter label{display:grid;gap:8px;color:#25563e;font-weight:800;font-size:13px;min-width:0}.hb223-filter input,.hb223-filter select{min-width:0;width:100%;height:48px;background:#f8fbf8;border:1px solid #d4e6d8;border-radius:12px;padding:0 14px;line-height:1.3;font-family:inherit;font-size:14px;color:#234f38}.hb223-filter input:focus-visible,.hb223-filter select:focus-visible{outline:2px solid #11885c;outline-offset:2px}.hb223-filter button{border:1px solid #d4e5d8;background:#f4faf6;border-radius:12px;color:#1e6848;font-size:13px;cursor:pointer;font-weight:800;height:48px;padding:0 18px}
.hb223-results-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:19px 0 13px}.hb223-results-header>div{display:grid;gap:4px}.hb223-results-header strong{color:#1b4b33;font-size:16px}.hb223-results-header span{font-size:12px;color:#748879}.hb223-results-header output{border-radius:100px;padding:8px 13px;background:#e7f6eb;color:#0b7049;font-weight:800;font-size:12px;white-space:nowrap}
.hb223-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hb223-result{display:flex;min-width:0;align-items:center;gap:13px;background:#fff;border:1px solid #dce9df;border-radius:17px;padding:15px;box-shadow:0 6px 20px rgba(15,59,32,.035)}.hb223-result[hidden]{display:none!important}.hb223-result-art{width:70px;height:70px;flex:0 0 70px;border-radius:13px;background:#eaf5ed;color:#23825a;display:grid;place-items:center;overflow:hidden}.hb223-result-art span{font-size:29px}.hb223-result-art img{width:100%;height:100%;object-fit:cover}.hb223-result-copy{min-width:0;flex:1}.hb223-result-crop{font-size:11px;font-weight:800;color:#27865d}.hb223-result h3{margin:4px 0;font-size:15px;line-height:1.38;color:#194431}.hb223-result h3 a{color:inherit!important}.hb223-result h3 a:hover{text-decoration:underline!important}.hb223-result p{font-size:12px;color:#688071;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hb223-result-link{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;color:#0b7a50!important;min-width:68px;font-size:11px;font-weight:800;white-space:nowrap}.hb223-result-link span:last-child{font-size:21px}.hb223-empty{background:#f5faf6;border:1px dashed #b9dbc7;padding:25px;text-align:center;border-radius:16px;color:#3d6850;font-size:14px}.hb223-more-wrap{display:flex;justify-content:center;margin:20px 0 0}.hb223-more-wrap button[hidden]{display:none}
.hb223-crop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.hb223-crop{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dfeae2;border-radius:18px;overflow:hidden;box-shadow:0 9px 24px rgba(17,62,32,.045);transition:transform .15s,box-shadow .15s}.hb223-crop:hover{transform:translateY(-3px);box-shadow:0 13px 27px rgba(11,70,39,.11)}.hb223-crop-photo{width:100%;aspect-ratio:4/2.45;overflow:hidden;background:#eaf4eb}.hb223-crop-photo img{display:block;width:100%;height:100%;object-fit:cover}.hb223-crop-desc{display:flex;flex-direction:column;gap:5px;flex:1;padding:14px 15px}.hb223-crop-desc strong{color:#194c34;font-size:16px}.hb223-crop-desc small{color:#758b7b;font-size:12px}.hb223-crop-desc>span{margin-top:auto;padding-top:9px;display:flex;justify-content:space-between;color:#0a8051;font-weight:800;font-size:12px}
.hb223-bottom{border:1px solid #d2e6d7;border-radius:21px;background:linear-gradient(135deg,#edf8f0,#f9fcf7);padding:clamp(20px,3vw,31px);display:flex;justify-content:space-between;align-items:center;gap:20px}.hb223-bottom h2{font-size:23px;margin:0 0 8px;color:#1a5038}.hb223-bottom p{font-size:13px;max-width:800px;line-height:1.8;color:#5f7a68;margin:0}.hb223-bottom a{flex:0 0 auto;font-size:13px;font-weight:800;padding:12px 16px;background:#fff;border:1px solid #cde5d4;border-radius:999px;color:#09754b!important}
@media(max-width:1050px){.hb223-results{grid-template-columns:1fr}.hb223-crop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hb223-hero{grid-template-columns:minmax(0,1.2fr) minmax(240px,.85fr)}}
@media(max-width:780px){.hb223-hero{grid-template-columns:1fr}.hb223-hero-visual{grid-row:1;height:230px;min-height:230px}.hb223-hero-content{padding:23px}.hb223-jump{overflow-x:auto;flex-wrap:nowrap}.hb223-jump a{white-space:nowrap}.hb223-filter{grid-template-columns:1fr 1fr}.hb223-filter>label:first-child{grid-column:1 / -1}.hb223-filter button{align-self:end}.hb223-crop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb223-section-mark{display:none}.hb223-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:480px){.hb223-hero h1{font-size:32px}.hb223-filter{grid-template-columns:1fr}.hb223-filter>label:first-child{grid-column:auto}.hb223-result{gap:11px;padding:12px}.hb223-result-art{width:54px;height:54px;flex-basis:54px}.hb223-result h3{font-size:14px}.hb223-result p{font-size:11px}.hb223-result-link{min-width:30px}.hb223-result-link span:first-child{display:none}.hb223-crop-grid{gap:9px}.hb223-crop-desc{padding:11px}.hb223-crop-desc strong{font-size:14px}.hb223-stats span{font-size:11px}.hb223-hero-visual{height:200px;min-height:200px}}


/* v2.9.26 extension */

/* 2Lúa 2.9.26. Premium discovery, explicit image provenance, responsive dual-menu. */
.hb226-hub-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 15px}
.hb226-hub-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 18px;min-height:44px;border:1px solid #d8e9dc;border-radius:999px;background:#fff;color:#255c41!important;font-weight:800;font-size:14px;text-decoration:none!important;box-shadow:0 6px 17px rgba(15,79,45,.04)}
.hb226-hub-tabs a.is-active{background:#096948;color:#fff!important;border-color:#096948;box-shadow:0 8px 20px rgba(10,101,65,.17)}
.hb223-hero{border-radius:28px;box-shadow:0 20px 48px rgba(10,61,38,.095)}
.hb223-results{gap:14px}.hb223-result{position:relative;padding:17px;border-radius:19px;align-items:flex-start;box-shadow:0 7px 21px rgba(13,68,42,.055);transition:border-color .18s,box-shadow .18s,transform .18s}
.hb223-result:hover{transform:translateY(-2px);border-color:#99d4b3;box-shadow:0 15px 36px rgba(10,70,40,.12)}
.hb223-result-art{flex:0 0 82px;width:82px;height:82px;border-radius:15px;background:linear-gradient(145deg,#edf7ef,#f7fbf7)}
.hb223-result-art img{transition:transform .22s}.hb223-result:hover .hb223-result-art img{transform:scale(1.05)}
.hb223-result-art.is-photo-error:after{content:'Ảnh đang cập nhật';padding:6px;font-size:10px;font-weight:700;color:#63796b;text-align:center}
.hb223-result-crop{display:inline-block;font-size:12px;color:#0b7350}
.hb226-photo-status{display:inline-flex;vertical-align:middle;margin-left:8px;padding:4px 8px;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:.005em;line-height:1.2}
.hb226-photo-status.is-exact{background:#e5f6eb;color:#0b7550;border:1px solid #b7e0c6}
.hb226-photo-status.is-related{background:#fff4db;color:#89610e;border:1px solid #f1dfae}
.hb226-photo-status.is-pending{background:#f2f4f2;color:#6a7e70;border:1px solid #e2e9e4}
.hb223-result h3{font-size:16px;line-height:1.48;margin:7px 0 6px}.hb223-result p{font-size:13px;line-height:1.7;color:#5e7668}
.hb223-filter{box-shadow:0 15px 37px rgba(9,76,38,.07);background:linear-gradient(180deg,#fff,#fbfefb)}
.hb223-crop{border-radius:20px;box-shadow:0 12px 31px rgba(14,62,37,.065)}.hb223-crop-photo{aspect-ratio:4/2.7}
@media(max-width:780px){.hb223-results{grid-template-columns:1fr}.hb223-hero{border-radius:21px}.hb223-result h3{font-size:15px}.hb223-result p{font-size:13px}.hb226-photo-status{margin:4px 0 0}.hb226-hub-tabs a{flex:1 1 auto}}
@media(max-width:480px){.hb223-result-art{flex-basis:65px;width:65px;height:65px}.hb223-result{padding:12px}.hb223-result-crop{font-size:11px}.hb223-result h3{font-size:14px}.hb223-hero h1{font-size:clamp(29px,9vw,35px)}.hb226-hub-tabs a{font-size:12px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.hb223-result,.hb223-result-art img{transition:none!important}}