/* 2Lúa v2.9.17 - main handbook styles consolidated in historical cascade order. */

/* --- source: handbook-v3.css --- */
/* 2Lúa Cẩm nang Premium V3. Scoped; other theme screens remain unchanged. */
.tl-app:has(.hb3){background:#f6f9f6;color:#19372c;min-height:100vh}
.hb3{--hb-green:#09603f;--hb-dark:#113b30;--hb-muted:#5b766b;--hb-cream:#f7f8f0;--hb-line:#e0eae2;--hb-shadow:0 10px 32px rgba(17,63,42,.09);font-family:'Be Vietnam Pro',system-ui,sans-serif;overflow:hidden;background:#f7faf7}
.hb3 *{box-sizing:border-box}.hb3 a{color:inherit;text-decoration:none}.hb3 :is(a,button,input,summary):focus-visible{outline:3px solid #eab75a;outline-offset:3px}.hb3 button{font:inherit;cursor:pointer}.hb3-hero{position:relative;min-height:585px;background:linear-gradient(90deg,rgba(248,250,244,.93) 0%,rgba(248,250,244,.77) 39%,rgba(244,248,235,.33) 100%),url('../images/hero-rice-landscape.webp') center 52%/cover no-repeat;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;padding:46px max(5.3vw,calc((100vw - 1320px)/2));gap:3%;overflow:hidden}
.hb3-hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 73% 48%,rgba(255,245,205,.47),transparent 35%),linear-gradient(0deg,rgba(32,78,45,.26) 0%,transparent 36%);z-index:-1;pointer-events:none}.hb3-hero-content{max-width:635px;position:relative;z-index:2;padding:4px 0 26px}.hb3-eyebrow,.hb3-small-kicker{display:block;font-weight:800;font-size:12px;letter-spacing:.14em;color:#13724e;margin-bottom:12px}.hb3-hero h1{font-size:clamp(31px,3.2vw,50px);font-weight:800;line-height:1.19;letter-spacing:-.052em;margin:0 0 15px;color:#12382e}.hb3-hero h1 em{font-style:normal;color:#007c50}.hb3-hero-lead{color:#344d41;line-height:1.82;font-size:15px;max-width:585px;margin:0 0 18px}.hb3-live-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px}.hb3-live-pill{display:flex;align-items:center;gap:8px;font-size:12px;color:#3c5649;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.88);box-shadow:0 8px 18px rgba(0,80,40,.07);border-radius:13px;padding:11px 13px;backdrop-filter:blur(8px)}.hb3-live-pill strong{color:#0b5a3b}.hb3-live-pill>span:first-child{font-size:19px}
.hb3-search{display:flex;align-items:center;gap:8px;max-width:610px;background:#fff;border:1px solid #d7e6db;box-shadow:0 12px 38px rgba(13,64,42,.14);padding:6px 6px 6px 15px;border-radius:16px;margin-bottom:13px}.hb3-search-icon{font-size:28px;line-height:1;color:#164e36}.hb3-search input{height:44px;flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:#163b2d;font-size:14px;padding:0 4px}.hb3-search input:focus{outline:none!important}.hb3-search button{background:#075b3c;border:0;border-radius:11px;color:white;padding:13px 19px;font-weight:750;min-width:119px;min-height:46px}.hb3-search button:hover{background:#02472e}.hb3-region-pills{display:flex;flex-wrap:wrap;gap:8px}.hb3-region-pills a{font-size:12px;font-weight:700;padding:10px 14px;background:rgba(255,255,255,.86);color:#1c4938;border:1px solid #e7eee8;border-radius:25px;transition:background .18s,transform .18s,box-shadow .18s}.hb3-region-pills a:hover{transform:translateY(-2px);box-shadow:var(--hb-shadow)}.hb3-region-pills a.is-active{color:#fff;background:#075e41;border-color:#075e41}
.hb3-map-area{height:498px;min-height:430px;position:relative;display:grid;grid-template-columns:minmax(140px,1fr) minmax(156px,1.04fr);gap:0;justify-items:center;align-items:center;isolation:isolate}.hb3-map-halo{pointer-events:none;position:absolute;width:78%;height:85%;border-radius:50%;background:radial-gradient(circle,rgba(224,246,193,.78),rgba(180,217,163,.13) 64%,transparent 74%);filter:blur(5px);inset:9% 20%;z-index:-1}.hb-vn-map{width:100%;height:100%;max-height:490px;filter:drop-shadow(0 17px 13px rgba(9,48,36,.25));overflow:visible}.hb-map-outline-glow{fill:#1a4936;opacity:.21;stroke:#eef7ce;stroke-width:10;stroke-linejoin:round;filter:url(#hb-map-shadow)}.hb-map-region{cursor:pointer;outline:0}.hb-map-region path{stroke:rgba(255,255,255,.82);stroke-width:1.5;stroke-linejoin:round;transition:filter .22s,fill .22s,stroke-width .22s}.hb-map-region--north path{fill:#4aab67}.hb-map-region--central path{fill:#e8af58}.hb-map-region--highlands path{fill:#90b75c}.hb-map-region--south path{fill:#2f966f}.hb-map-region:hover path,.hb-map-region:focus path,.hb-map-region.is-active path{filter:brightness(1.18) drop-shadow(0 0 5px rgba(255,240,125,.9));stroke:#fff8b0;stroke-width:3}.hb-map-marker circle:first-child{fill:#fff;stroke:#09643e;stroke-width:3}.hb-map-marker circle:last-child{fill:#09643e}.hb-map-marker:hover circle:first-child{fill:#ffdd80}.hb3-map-zones{display:flex;flex-direction:column;gap:9px;width:100%;z-index:2;max-width:255px}.hb3-map-zone{width:100%;display:grid;grid-template-columns:38px 1fr 18px;gap:9px;align-items:center;border-radius:14px;background:rgba(255,255,255,.90);padding:13px 11px;border:1px solid rgba(255,255,255,.94);box-shadow:0 12px 25px rgba(25,60,35,.12);backdrop-filter:blur(12px);transition:transform .22s,background .22s,box-shadow .22s}.hb3-map-zone:hover,.hb3-map-zone.is-active{transform:translateX(-4px);background:#f7fff5;box-shadow:0 16px 28px rgba(12,83,55,.19)}.hb3-map-zone .hb3-zone-icon{display:grid;place-items:center;width:38px;height:38px;background:#e7f4eb;border-radius:12px;font-size:21px}.hb3-map-zone strong{display:block;color:#133e2e;font-size:14px}.hb3-map-zone small{display:block;color:#5e7769;font-size:10px;line-height:1.65;margin-top:4px}.hb3-map-zone b{font-size:17px;color:#08643c}
.hb3-shell{padding:0 max(5.3vw,calc((100vw - 1320px)/2)) 65px;max-width:1740px;margin:-8px auto 0;position:relative;z-index:3}.hb3-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.hb3-shortcut{border:1px solid #edf2e8;border-radius:19px;min-height:162px;padding:23px 18px 17px;display:flex;gap:16px;background-position:center;background-size:cover;box-shadow:var(--hb-shadow);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.hb3-shortcut:hover,.hb3-shortcut.is-active{transform:translateY(-4px);box-shadow:0 18px 37px rgba(13,73,39,.15);border-color:#a7d9bc}.hb3-shortcut--season{background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(253,255,250,.95) 55%,rgba(251,254,246,.26) 100%),url('../images/hero-rice-landscape.webp')}.hb3-shortcut--weather{background-image:linear-gradient(90deg,rgba(246,253,255,.99) 0%,rgba(242,251,254,.96) 50%,rgba(230,246,252,.30) 100%),url('../images/demo/weather-cloudy.webp')}.hb3-shortcut--care{background-image:linear-gradient(90deg,rgba(255,252,241,.99) 0%,rgba(255,251,239,.93) 58%,rgba(255,247,222,.32) 100%),url('../images/demo/plant-care.webp')}.hb3-shortcut-icon{font-size:30px;color:#177c50;background:rgba(221,242,224,.97);width:55px;height:55px;flex:0 0 55px;border-radius:15px;display:grid;place-items:center}.hb3-shortcut--weather .hb3-shortcut-icon{color:#137dad;background:#e3f1fa}.hb3-shortcut--care .hb3-shortcut-icon{color:#bf7f23;background:#fff0d4}.hb3-shortcut-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hb3-shortcut-copy strong{font-size:19px;font-weight:800;line-height:1.35;color:#15372c}.hb3-shortcut-copy small{font-size:13px;line-height:1.7;color:#4d685c;max-width:230px}.hb3-explore{font-weight:800;color:#075f3f;font-size:12px;border-radius:30px;background:#f0faf2;padding:8px 13px;margin-top:auto}
.hb3-region-section,.hb3-articles,.hb3-detail,.hb3-tool{margin:26px 0 0}.hb3-section-head{display:flex;gap:12px;align-items:end;justify-content:space-between;margin-bottom:14px}.hb3-section-head h2,.hb3-detail h2,.hb3-detail h3{font-size:clamp(21px,2.1vw,28px);letter-spacing:-.035em;color:#12392c;line-height:1.35;margin:0 0 3px;font-weight:800}.hb3-section-head p,.hb3-detail-top p{font-size:13px;color:#668075;line-height:1.65;margin:3px 0 0}.hb3-small-kicker{font-size:10px;margin-bottom:4px}.hb3-mini-link{color:#0b7048!important;font-size:13px;font-weight:800;white-space:nowrap;padding:8px 0}.hb3-mini-link:hover{text-decoration:underline}.hb3-crop-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.hb3-crop-card{border:1px solid #e2e9e4;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 11px rgba(15,56,40,.05);transition:transform .2s,box-shadow .2s,border-color .2s}.hb3-crop-card:hover,.hb3-crop-card.is-selected{transform:translateY(-3px);box-shadow:0 12px 24px rgba(18,57,35,.14);border-color:#82bca0}.hb3-crop-photo{height:116px;display:block;background:#e9f3e7;overflow:hidden}.hb3-crop-photo img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.hb3-crop-card:hover img{transform:scale(1.06)}.hb3-crop-name{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:10px 11px 3px;color:#173b2d;font-size:13px}.hb3-crop-name strong{font-size:13px;line-height:1.55}.hb3-crop-name span{color:#0a7550}.hb3-crop-card small{display:block;color:#6b8174;font-size:11px;margin:0 11px 12px}.hb3-disclaimer{font-size:11px;color:#73877c;line-height:1.65;margin:12px 0}.hb3-result-label{font-size:14px;color:#3d5c49;margin:10px 0}.hb3-result-label a{color:#06704b;text-decoration:underline;margin-left:6px}.hb3-empty{padding:21px 15px;border:1px dashed #aac8b8;border-radius:14px;text-align:center;color:#577765;background:#f7fbf8}
.hb3-tool,.hb3-detail{background:#fff;border:1px solid #e0e9e2;border-radius:23px;padding:25px;box-shadow:var(--hb-shadow);scroll-margin-top:90px}.hb3-tool p,.hb3-detail p{line-height:1.75;color:#536e5d;font-size:14px}.hb3-tool-note{padding:14px;border:1px solid #cfdfd0;border-radius:12px;background:#f3faf3;color:#3d614d;font-size:13px;margin-top:12px}.hb3-season-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hb3-season-list a{display:grid;grid-template-columns:36px 1fr 15px;column-gap:10px;align-items:center;background:#f5faf6;border:1px solid #e0ede2;border-radius:14px;padding:14px}.hb3-season-list a span{font-size:27px;grid-row:span 2}.hb3-season-list a strong{font-size:14px}.hb3-season-list a small{font-size:11px;color:#6e8573}.hb3-season-list a b{grid-column:3;grid-row:1/span 2;color:#147a50}.hb3-season-list a.is-active{background:#dff4e3;border-color:#7fbd91}.hb3-weather-panel{display:flex;align-items:start;gap:16px;border-radius:17px;background:#f1f9fb;padding:18px;border:1px solid #d8e8f0;margin:16px 0 10px}.hb3-weather-panel>span{font-size:34px}.hb3-weather-panel strong{display:block;font-size:17px;color:#176078}.hb3-weather-panel p{margin:7px 0 0}.hb3-weather-panel small{display:block;margin-top:8px;color:#547f91}
.hb3-detail-top{display:flex;gap:10px;align-items:start;justify-content:space-between}.hb3-detail-top>a{font-weight:800;color:#086f47;font-size:13px;white-space:nowrap}.hb3-detail-header{margin-top:15px;display:grid;grid-template-columns:200px 1fr;gap:15px;align-items:center}.hb3-detail-header img{width:200px;height:132px;object-fit:cover;border-radius:13px}.hb3-detail-header nav{display:flex;gap:9px;flex-wrap:wrap}.hb3-detail-header nav a{background:#f0f8f1;color:#176744;padding:10px 12px;font-weight:750;border:1px solid #d3e8d8;border-radius:12px;font-size:12px}.hb3-detail-header nav a:hover{background:#e2f3e7}.hb3-detail-block{border-top:1px solid #e4ebe6;margin-top:22px;padding-top:18px;scroll-margin-top:90px}.hb3-detail h3{font-size:20px}.hb3-detail-accordion{border-radius:12px;border:1px solid #e0eae1;overflow:hidden;margin-top:9px;background:#fff}.hb3-detail-accordion summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;min-height:52px;padding:12px 14px;color:#164332}.hb3-detail-accordion summary::-webkit-details-marker{display:none}.hb3-detail-accordion summary>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:#e5f2e9;font-weight:800}.hb3-detail-accordion summary strong{font-size:14px}.hb3-detail-accordion summary small{color:#698070;font-size:11px;margin-left:auto}.hb3-detail-accordion summary b{margin-left:auto;color:#196c48}.hb3-detail-accordion[open] summary{background:#f4faf6}.hb3-detail-accordion-body{padding:12px 18px 17px}.hb3-detail-accordion-body p{margin:4px 0 14px}.hb3-detail-accordion-body p strong{display:block;color:#174832}.hb3-detail-accordion-body a{color:#076944;font-weight:800;font-size:13px;display:inline-block;margin:4px 0}.hb3-detail-accordion-body small{display:block;color:#698171;font-size:12px}.hb3-pager{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:16px;font-size:13px}.hb3-pager a{padding:10px 12px;border:1px solid #bbdac5;border-radius:10px;color:#096b48;font-weight:800}.hb3-verified-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hb3-verified-list a{display:grid;gap:6px;border-radius:12px;padding:15px;background:#f7faf7;border:1px solid #e0eae1}.hb3-verified-list span,.hb3-verified-list small{color:#607a67;font-size:11px;line-height:1.6}.hb3-verified-list strong{font-size:14px;color:#1a4a35}.hb3-verified-list b{font-size:12px;color:#096b46}.hb3-sources a{display:inline-block;color:#047144;font-weight:750;margin:4px 10px 3px 0}
.hb3-article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.hb3-article{display:block;background:white;border:1px solid #e0e8e1;border-radius:15px;box-shadow:0 4px 12px rgba(14,59,35,.05);overflow:hidden;transition:transform .2s,box-shadow .2s}.hb3-article:hover{transform:translateY(-3px);box-shadow:0 13px 24px rgba(11,64,35,.12)}.hb3-article-image{height:147px;display:block;overflow:hidden;background:#f4f8f3}.hb3-article-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.hb3-article:hover img{transform:scale(1.035)}.hb3-article-body{display:grid;padding:15px;gap:9px}.hb3-article-body strong{font-weight:800;font-size:14px;color:#173b2b;line-height:1.55}.hb3-article-body small{font-size:12px;line-height:1.65;color:#637c6c}.hb3-article-bottom{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;color:#7c8a82}.hb3-article-bottom b{color:#176d4d;font-size:18px}.hb3-bottom-note{margin-top:29px;padding:14px 17px;border:1px solid #e4eadf;border-radius:12px;color:#6b8373;font-size:11px;line-height:1.6}.hb3-bottom-note a{color:#09663e;text-decoration:underline}
.hb3[data-weather='rain'] .hb3-hero-shade{background:linear-gradient(0deg,rgba(25,65,87,.3),rgba(219,235,235,.12))}.hb3[data-weather='sun'] .hb3-hero-shade{background:radial-gradient(circle at 63% 22%,rgba(255,234,156,.55),transparent 34%)}.hb3[data-time='evening'] .hb3-hero-shade{background:linear-gradient(100deg,rgba(255,220,170,.16),rgba(90,132,94,.26))}
@media(max-width:1260px){.hb3-hero{padding:38px 4vw;grid-template-columns:52% 48%}.hb3-map-area{grid-template-columns:54% 46%}.hb3-map-zone{padding:9px 7px}.hb3-map-zone small{font-size:9px}.hb3-shell{padding-left:4vw;padding-right:4vw}.hb3-crop-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:960px){.hb3-hero{grid-template-columns:1fr;padding:30px 4vw 44px;gap:0}.hb3-hero-content{max-width:740px;padding:0}.hb3-map-area{height:350px;min-height:0;grid-template-columns:minmax(230px,.8fr) minmax(220px,1.2fr);max-width:700px;margin:0 auto}.hb-vn-map{max-height:350px}.hb3-map-zones{max-width:340px;gap:7px}.hb3-map-zone{min-height:60px}.hb3-map-zone small{font-size:10px}.hb3-shortcuts{margin-top:0}.hb3-shortcut{padding:17px;min-height:160px;gap:10px}.hb3-shortcut-icon{width:40px;height:40px;flex-basis:40px;font-size:23px}.hb3-shortcut-copy strong{font-size:16px}.hb3-crop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hb3-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hb3-hero{padding:27px 16px 22px;background-position:60% center}.hb3-hero h1{font-size:clamp(26px,7.1vw,36px);line-height:1.22}.hb3-hero-lead{font-size:13px;line-height:1.65}.hb3-eyebrow{font-size:10px}.hb3-live-row{gap:6px}.hb3-live-pill{padding:8px 9px;font-size:11px}.hb3-live-pill>span:first-child{font-size:14px}.hb3-search{width:100%;padding:5px 5px 5px 10px}.hb3-search button{padding:10px 10px;font-size:12px;min-width:84px;min-height:42px}.hb3-search input{font-size:12px}.hb3-region-pills{gap:5px}.hb3-region-pills a{font-size:11px;padding:9px 11px}.hb3-map-area{height:300px;grid-template-columns:50% 50%;width:100%;margin-top:13px}.hb-vn-map{max-height:300px}.hb3-map-zones{gap:6px}.hb3-map-zone{grid-template-columns:25px 1fr 11px;gap:4px;min-height:52px;padding:7px;border-radius:11px}.hb3-map-zone .hb3-zone-icon{width:25px;height:25px;font-size:14px;border-radius:8px}.hb3-map-zone strong{font-size:11px}.hb3-map-zone small{font-size:9px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hb3-map-zone b{font-size:11px}.hb3-shell{padding:0 13px 38px;margin:0}.hb3-shortcuts{grid-template-columns:1fr;gap:10px;margin:15px 0 25px}.hb3-shortcut{min-height:112px;padding:14px}.hb3-shortcut-copy{gap:4px}.hb3-shortcut-copy small{font-size:12px}.hb3-explore{margin-top:4px;padding:6px 10px}.hb3-section-head{align-items:flex-start;flex-direction:column;gap:3px}.hb3-section-head h2{font-size:21px}.hb3-mini-link{font-size:12px}.hb3-crop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hb3-crop-photo{height:115px}.hb3-tool,.hb3-detail{padding:15px;border-radius:15px}.hb3-season-list{grid-template-columns:1fr}.hb3-detail-top{flex-direction:column}.hb3-detail-header{grid-template-columns:1fr}.hb3-detail-header img{width:100%;height:145px}.hb3-verified-list{grid-template-columns:1fr}.hb3-article-grid{grid-template-columns:1fr;gap:10px}.hb3-article{display:grid;grid-template-columns:38% 62%;min-height:135px}.hb3-article-image{height:100%}.hb3-article-body{padding:12px}.hb3-article-body strong{font-size:13px}.hb3-article-body small{font-size:11px}.hb3-detail-accordion summary{gap:8px}.hb3-detail-accordion summary strong{font-size:12px}.hb3-detail-accordion summary small{display:none}}
@media(prefers-reduced-motion:reduce){.hb3 *, .hb3 *::before,.hb3 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.hb3-season-posts{margin-top:14px;border:1px solid #e0e9e2;border-radius:13px;background:#fff;padding:15px;display:grid;gap:9px}.hb3-season-posts>strong{color:#143c2e;font-size:14px}.hb3-season-posts a{display:block;padding:9px 11px;border-radius:10px;background:#f5faf5;border:1px solid #e6ede5;font-size:13px;color:#08653f;font-weight:700}.hb3-season-posts a:hover{background:#e6f4e9}

.hb3-crop-photo img[src$='.svg']{object-fit:contain!important;padding:11px;background:radial-gradient(circle at 50% 50%,#eef7e4,#e2eee0)}.hb3-crop-photo img[src*='/demo/']{object-fit:contain;padding:6px;background:radial-gradient(circle at 50% 50%,#f2f7e9,#e6f0e2)}


/* --- source: handbook-integrated.css --- */
/* 2Lúa 2.9.2 — Cẩm nang premium INSIDE the shared workspace shell.
   Never style shared header / global navigation / dock or site-wide .tl-container.
   Responsive breakpoints inherit from existing theme CSS. */
.tl-workspace-page[data-workspace="cam-nang"] .hb-integrated-layout { min-width:0; }
.tl-workspace-page[data-workspace="cam-nang"] .hb-integrated-main { min-width:0; width:100%; max-width:100%; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3 { width:100%; max-width:100%; min-width:0; overflow:clip; border-radius:20px; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-hero { width:100%; max-width:100%; min-width:0; margin:0; padding:36px 26px 44px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:12px; min-height:555px; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-shell { width:100%; max-width:100%; padding:0 18px 45px; margin:-12px auto 0; box-sizing:border-box; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-area { min-width:0; height:465px; width:100%; max-width:none; grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr); gap:5px; }
.tl-workspace-page[data-workspace="cam-nang"] .hb-vn-map { min-width:0; width:100%; max-width:100%; height:450px; max-height:450px; filter:drop-shadow(0 16px 9px rgba(18,58,36,.22)); }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zones { max-width:none; min-width:0; gap:8px; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-hero-content { max-width:100%; min-width:0; align-self:center; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-hero h1 { font-size:clamp(29px,3.25vw,45px); line-height:1.14; letter-spacing:-.04em; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-hero-lead { font-size:14px; line-height:1.65; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-shortcuts { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 24px; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-shortcut { min-width:0; min-height:158px; border-radius:18px; padding:19px 15px; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-region-discovery-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin-top:14px; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-region-discovery { margin:25px 0; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-article-grid { gap:12px; }

.tl-workspace-page[data-workspace="cam-nang"] .hb-map-outline-glow{opacity:.36;fill:#294e31;stroke:#f6ffb6;stroke-width:6}
.tl-workspace-page[data-workspace="cam-nang"] .hb-map-region--north path{fill:url(#hb-map-north)}
.tl-workspace-page[data-workspace="cam-nang"] .hb-map-region--central path{fill:url(#hb-map-central)}
.tl-workspace-page[data-workspace="cam-nang"] .hb-map-region--highlands path{fill:url(#hb-map-highlands)}
.tl-workspace-page[data-workspace="cam-nang"] .hb-map-region--south path{fill:url(#hb-map-south)}
.tl-workspace-page[data-workspace="cam-nang"] .hb-map-region path{stroke:#f9ffe2;stroke-width:2.4;filter:drop-shadow(0 3px 1px rgba(24,56,34,.26))}
.tl-workspace-page[data-workspace="cam-nang"] .hb-map-region:hover path,.tl-workspace-page[data-workspace="cam-nang"] .hb-map-region:focus path,.tl-workspace-page[data-workspace="cam-nang"] .hb-map-region.is-active path{filter:brightness(1.12) drop-shadow(0 0 6px rgba(255,223,91,.88));stroke:#fff1a8;stroke-width:4.2}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-halo{width:86%;height:92%;inset:2% 15%;background:radial-gradient(ellipse,rgba(255,251,204,.68) 8%,rgba(90,163,115,.17) 62%,transparent 76%)}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone{display:block;padding:10px 12px 9px;transform:none;border-radius:19px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.99);box-shadow:0 14px 38px rgba(7,57,40,.15);backdrop-filter:blur(14px)}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone:hover,.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone.is-active{transform:translateX(-5px);border-color:#8acaa2;background:#fafff9}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-head{display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:10px;min-height:42px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone .hb3-zone-icon{width:36px;height:36px;font-size:20px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone strong{font-size:15px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone small{font-size:10px;line-height:1.35;margin-top:2px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-head b{color:#0b6842}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops{margin-top:10px;padding-top:8px;border-top:1px solid #e5eee6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops a{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px;padding:2px 0 3px;border-radius:8px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops a:hover,.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops a:focus-visible{background:#eaf7ed}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crop-pic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#eaf4e6;border:2px solid #fff;box-shadow:0 2px 7px rgba(20,73,43,.13)}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crop-pic img{width:100%;height:100%;object-fit:cover}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops a>span:last-child{font-size:10px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#204d38;font-weight:650}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-live-pill{background:rgba(255,255,255,.94);border-radius:13px;padding:10px 12px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-search{max-width:640px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-shortcut-copy strong{font-size:19px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-region-discovery-card{background:#fff;border:1px solid #e0eae2;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(16,59,39,.06);transition:transform .18s,box-shadow .18s}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-region-discovery-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(16,59,39,.12)}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-head{display:grid;grid-template-columns:90px minmax(0,1fr) 17px;align-items:center;gap:11px;padding:11px;min-height:104px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-cover{width:90px;height:82px;border-radius:12px;overflow:hidden;background:#e1eee4}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-cover img{height:100%;width:100%;object-fit:cover}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-head strong{display:block;font-size:16px;color:#183d2f}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-head small{display:block;margin-top:5px;font-size:11px;line-height:1.4;color:#698074;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-head b{font-size:19px;color:#096942}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-crops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:8px 11px 12px;border-top:1px solid #e8efe7}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-crops a{display:grid;justify-items:center;gap:3px;padding:4px 0;border-radius:8px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-crops a:hover{background:#edf8ef}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-crops a>span{font-size:20px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-crops small{font-size:10px;line-height:1.25;color:#466552;text-align:center}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-article-image{height:173px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-crop-grid{gap:15px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone{padding:12px 14px 11px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crop-pic{width:45px;height:45px}
.tl-workspace-page[data-workspace="cam-nang"] .hb-map-extrusion{fill:#2c5c3c;stroke:#e4f1a7;stroke-width:4;opacity:.72}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-live-weather{cursor:pointer}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-live-weather:hover{background:#effbf2;box-shadow:0 9px 22px rgba(6,84,53,.13)}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-area>*{min-width:0!important}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone{width:100%;min-width:0!important;padding:7px 6px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-head{grid-template-columns:22px minmax(0,1fr) 12px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone small{display:-webkit-box;-webkit-line-clamp:1;overflow:hidden}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crop-pic{width:27px;height:27px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops a{min-width:0;overflow:hidden}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops a>span:last-child{display:none}

/* Regional info and crop thumbnails preserve the premium style but use real links. */
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone { display:block; padding:8px 10px; border-radius:15px; background:rgba(255,255,255,.95); border:1px solid rgba(232,245,233,.96); box-shadow:0 11px 25px rgba(9,53,29,.12); backdrop-filter:blur(11px); transition:transform .2s,box-shadow .2s; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone:hover { transform:translateY(-2px); box-shadow:0 14px 28px rgba(9,53,29,.18); }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-head { display:grid; grid-template-columns:30px minmax(0,1fr) 18px; align-items:center; gap:7px; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone .hb3-zone-icon { width:30px; height:30px; font-size:17px; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone strong {font-size:13px;}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone small {font-size:10px; line-height:1.3;}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops { margin-top:6px; padding-top:6px; border-top:1px solid #e3ede6; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops a { min-width:0; display:flex; align-items:center; flex-direction:column; gap:3px; border-radius:7px; padding:2px 0; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops a:hover { background:#ebf7ef; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crop-pic { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; overflow:hidden; background:#eef7ec; border:2px solid white; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crop-pic img { width:100%; height:100%; object-fit:cover; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops a>span:last-child { font-size:9px; font-weight:700; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#315c43; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-region-discovery-card { min-width:0; background:#fff; border:1px solid #e0eae2; border-radius:17px; overflow:hidden; box-shadow:0 8px 22px rgba(16,59,39,.06); transition:transform .2s; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-region-discovery-card:hover { transform:translateY(-3px); }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-head { display:grid; grid-template-columns:65px minmax(0,1fr) 14px; align-items:center; gap:7px; padding:8px; min-height:91px; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-cover { width:65px; height:67px; border-radius:11px; overflow:hidden; background:#e3efe8; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-cover img { width:100%; height:100%; object-fit:cover; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-head strong { font-size:13px; color:#16452e; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-head small { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; font-size:10px; line-height:1.4; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-crops { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; padding:7px; border-top:1px solid #e9eee8; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-crops a { text-align:center; font-size:12px; border-radius:8px; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-crops a:hover { background:#edf7ef; }
.tl-workspace-page[data-workspace="cam-nang"] .hb3-discover-crops small { display:block; font-size:9px; }
@media (max-width:1150px) { 
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-hero {grid-template-columns:1fr;gap:10px; padding:29px 22px 40px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-map-area { max-width:750px; margin:0 auto; height:440px; }
 .tl-workspace-page[data-workspace="cam-nang"] .hb-vn-map {height:420px;max-height:420px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-region-discovery-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:819px) {
 .tl-workspace-page[data-workspace="cam-nang"] .hb-integrated-layout { padding-top:74px; padding-bottom:calc(90px + env(safe-area-inset-bottom)); }
 .tl-workspace-page[data-workspace="cam-nang"] .hb3 {border-radius:17px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-hero {padding:23px 17px 29px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-shell {padding:0 12px 22px;margin:0 auto;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-shortcuts {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-shortcut:last-child {grid-column:span 2;}
}
@media (max-width:590px) {
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-hero h1 {font-size:clamp(27px,7.5vw,36px);}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-map-area {grid-template-columns:minmax(0,42%) minmax(0,58%);height:340px;min-height:340px;gap:3px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb-vn-map {height:326px;max-height:326px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone {padding:5px 6px;border-radius:10px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-head {grid-template-columns:23px minmax(0,1fr) 11px;gap:3px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone .hb3-zone-icon {width:23px;height:23px;font-size:13px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone strong {font-size:11px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-map-zone small {font-size:9px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crop-pic {width:22px;height:22px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-zone-crops a>span:last-child {font-size:8px;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-region-discovery-grid {grid-template-columns:1fr;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-shortcuts {grid-template-columns:1fr;}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-shortcut:last-child {grid-column:auto;}
}
@media (prefers-reduced-motion:reduce) { .tl-workspace-page[data-workspace="cam-nang"] :is(.hb3-map-zone,.hb3-region-discovery-card){transition:none;} }

/* 2.9.6 — one shared horizontal inset for hero and all content; scoped only to Cẩm nang */
.tl-workspace-page[data-workspace="cam-nang"] .hb3 {--hb-page-inset:clamp(14px,1.8vw,26px)}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-hero {padding-left:var(--hb-page-inset)!important;padding-right:var(--hb-page-inset)!important}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-shell{width:100%!important;max-width:100%!important;padding-left:var(--hb-page-inset)!important;padding-right:var(--hb-page-inset)!important;margin-left:0!important;margin-right:0!important}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-shortcuts,.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation,.tl-workspace-page[data-workspace="cam-nang"] .hb3-crop-grid,.tl-workspace-page[data-workspace="cam-nang"] .hb3-region-discovery-grid{max-width:100%;min-width:0}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-quicklinks{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:13px 16px;margin:20px 0 8px;background:#fff;border:1px solid #e1eae2;border-radius:16px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-quicklinks>span{display:grid;gap:3px;margin-right:auto;color:#164b34}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-quicklinks small{color:#667e70;font-size:11px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-quicklinks a{display:inline-flex;min-height:39px;align-items:center;padding:8px 13px;background:#edf6ee;border-radius:12px;color:#126a46;font-size:12px;font-weight:750}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-count{font-size:11px;color:#29734d;background:#eaf6ee;border-radius:25px;padding:5px 9px;vertical-align:middle;white-space:nowrap}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-crop-photo img[src*="/crops-verified/"]{padding:0;object-fit:cover;background:#eef5e9}
@media(max-width:650px){.tl-workspace-page[data-workspace="cam-nang"] .hb3{--hb-page-inset:12px}.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-quicklinks{padding:12px}.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-quicklinks>span{flex-basis:100%}}


/* --- source: handbook-refined-2.9.7.css --- */
/* 2Lúa 2.9.7 — handbook-only width synchronization and crop/disease presentation.
   Never touches shared header, left navigation, global .tl-container or other pages. */
.tl-workspace-page[data-workspace="cam-nang"] .hb3 {
  --hb-page-inset:0px;
  width:100%;max-width:100%;min-width:0;
}
/* The hero is the alignment reference. Cards, shortcuts, prices and all lower
   sections use the identical box edges as the hero, not an extra 18–26px inset. */
.tl-workspace-page[data-workspace="cam-nang"] .hb3>.hb3-shell {
  width:100%!important;max-width:100%!important;
  padding-left:0!important;padding-right:0!important;
  margin-left:0!important;margin-right:0!important;
  min-width:0!important;
}
.tl-workspace-page[data-workspace="cam-nang"] .hb3>.hb3-hero {
  width:100%!important;max-width:100%!important;
  margin:0!important;
  box-sizing:border-box;
  padding-left:clamp(20px,2vw,32px)!important;
  padding-right:clamp(20px,2vw,32px)!important;
}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-shell > :is(.hb3-shortcuts,.hb3-price-navigation,.hb3-region-discovery,.hb3-region-section,.hb3-disease-quicklinks,.hb3-disease-discovery,.hb3-detail,.hb3-articles,.hb3-reading-guide,.hb3-bottom-note,.hb3-care-picker,.hb3-tool) {
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;
}
/* Each crop image is unique and serves only as an editorial illustration. */
.tl-workspace-page[data-workspace="cam-nang"] :is(.hb3-crop-photo,.hb3-region-crop-real,.hb3-zone-crop-pic,.hb3-disease-tile-photo){background:#e9f2e9}
.tl-workspace-page[data-workspace="cam-nang"] :is(.hb3-crop-photo,.hb3-region-crop-real,.hb3-zone-crop-pic,.hb3-disease-tile-photo) img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-crop-photo{height:132px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-crop-card{min-width:0;border-radius:17px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-crop-name{min-width:0}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-crop-name strong{overflow-wrap:anywhere}
/* Calm, premium editorial preview of pest/disease notes. Crop imagery, NOT symptoms. */
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-discovery{margin:27px 0 31px;scroll-margin-top:110px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:15px 0 10px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile{display:block;min-width:0;background:#fff;border:1px solid #dfeae1;border-radius:17px;overflow:hidden;box-shadow:0 7px 22px rgba(20,70,48,.045);transition:transform .18s,border-color .18s,box-shadow .18s}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile:hover,.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile:focus-visible{transform:translateY(-3px);border-color:#90c8a1;box-shadow:0 13px 26px rgba(20,70,48,.105)}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-photo{display:block;height:125px;width:100%;overflow:hidden}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-photo img{transition:transform .22s}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile:hover img{transform:scale(1.045)}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-copy{display:grid;gap:6px;padding:12px 13px 13px;min-width:0}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-copy>small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;color:#438060}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-copy>strong{font-size:14px;color:#173e2f;line-height:1.38;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-copy>span{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff3ef;padding-top:9px;color:#11734f;font-size:11px;font-weight:750}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-copy b{font-size:16px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-discovery>.hb3-disclaimer{font-size:11px;color:#667c70;line-height:1.7}
@media (max-width:1100px){
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-crop-photo{height:122px}
}
@media (max-width:819px){
 .tl-workspace-page[data-workspace="cam-nang"] .hb3{--hb-page-inset:12px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3>.hb3-shell{padding-left:12px!important;padding-right:12px!important}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3>.hb3-hero{padding-left:16px!important;padding-right:16px!important}
}
@media (max-width:590px){
 .tl-workspace-page[data-workspace="cam-nang"] .hb3>.hb3-shell{padding-left:10px!important;padding-right:10px!important}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3>.hb3-hero{padding-left:14px!important;padding-right:14px!important}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-photo{height:94px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-copy{padding:9px;gap:4px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-copy>strong{font-size:12px;min-height:34px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-copy>small{font-size:9px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-copy>span{font-size:10px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-crop-photo{height:110px}
}
@media(prefers-reduced-motion:reduce){
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile,
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-disease-tile-photo img{transition:none}
}