/* Chuyên mục /kien-thuc. Nạp SAU congthuc.css, dùng chung biến màu và thẻ công thức. */
.kt-head{padding-block:14px 0;max-width:800px}
.kt-head .eyebrow{margin-bottom:12px}
.kt-head h1{font-weight:900;font-size:clamp(30px,4.4vw,52px);line-height:1.08;letter-spacing:-1.3px}
.kt-head h1 em{font-style:normal;color:var(--terra)}
.kt-head-hub{padding-block:40px 10px}
.kt-hub-p{color:var(--muted);font-size:17px;line-height:1.65;max-width:640px;margin-top:16px}
.kt-hub-sp{color:var(--muted);font-size:14.5px;margin:-6px 0 16px}

.kt-layout{display:grid;grid-template-columns:minmax(0,720px) 240px;gap:64px;margin-top:36px;align-items:start}
@media(max-width:1000px){.kt-layout{grid-template-columns:minmax(0,1fr);gap:0}.kt-side{display:none}}

.kt-body{min-width:0;font-size:17.5px;line-height:1.75}
.kt-body p{margin-bottom:18px}
.kt-body strong{font-weight:800}
.kt-body a{color:var(--terra2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.kt-body ul,.kt-body ol{margin:0 0 20px 22px}
.kt-body li{margin-bottom:9px;padding-left:4px}
.kt-body li::marker{color:var(--terra);font-weight:800}

.kt-lead{font-size:19.5px;line-height:1.7;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:26px}
.kt-lead p:last-child strong{color:var(--terra2)}

.kt-sec{scroll-margin-top:96px;margin-top:40px}
.kt-sec h2{font-size:clamp(23px,2.8vw,30px);font-weight:900;letter-spacing:-.6px;line-height:1.2;margin-bottom:16px}

.kt-table{overflow-x:auto;margin:6px 0 24px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.kt-table table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}
.kt-table th{text-align:left;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--terra2);font-weight:800;padding:14px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
.kt-table td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.kt-table tr:last-child td{border-bottom:none}
.kt-table td:first-child{font-weight:700}

.kt-lab{background:var(--terra-soft);border:1px solid rgba(239,68,35,.3);border-radius:22px;padding:28px 30px 12px;margin-top:48px}
.kt-lab h2{display:flex;align-items:center;gap:12px}
.kt-lab h2::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--terra);flex:none}
@media(max-width:600px){.kt-lab{padding:22px 20px 8px}}

.kt-faq{border-bottom:1px solid var(--line)}
.kt-faq summary{cursor:pointer;list-style:none;font-weight:800;font-size:17px;padding:17px 36px 17px 0;position:relative}
.kt-faq summary::-webkit-details-marker{display:none}
.kt-faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:24px;font-weight:500;color:var(--terra)}
.kt-faq[open] summary::after{content:"–"}
.kt-faq div{padding:0 0 18px;color:var(--muted)}

.kt-next{margin-top:44px;padding-top:26px;border-top:1px solid var(--line)}
.kt-next h3{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:14px}
.kt-next div{display:flex;flex-wrap:wrap;gap:10px}
.kt-next a,.kt-next span{font-size:14.5px;font-weight:700;border:1px solid var(--line);background:var(--card);border-radius:100px;padding:9px 16px;text-decoration:none;color:var(--text)}
.kt-next a:hover{border-color:var(--terra);color:var(--terra2)}
.kt-next span{color:var(--muted)}
.kt-next small{font-size:11px;font-weight:700;color:var(--terra2);margin-left:4px}

.kt-src{margin-top:28px;font-size:14px;color:var(--muted)}
.kt-src summary{cursor:pointer;font-weight:700}
.kt-src ul{margin-top:12px;font-size:13.5px;line-height:1.6}

.kt-toc-m{display:none;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px 18px;margin-bottom:10px;font-size:15px}
.kt-toc-m summary{cursor:pointer;font-weight:800}
.kt-toc-m ol{margin:12px 0 4px 20px}
.kt-toc-m a{text-decoration:none;color:var(--text)}
@media(max-width:1000px){.kt-toc-m{display:block}}

.kt-side{position:sticky;top:100px;align-self:start}
.kt-toc{border-left:2px solid var(--line);padding-left:18px}
.kt-toc-h{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;color:var(--muted);margin-bottom:12px}
.kt-toc ol{list-style:none;counter-reset:t}
.kt-toc li{counter-increment:t;margin-bottom:10px;font-size:13.5px;line-height:1.4}
.kt-toc li a{color:var(--muted);transition:color .2s}
.kt-toc li a::before{content:counter(t) ". ";color:var(--terra);font-weight:800}
.kt-toc li a:hover,.kt-toc li a.on{color:var(--text)}

.kt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:10px}
@media(max-width:1000px){.kt-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.kt-cards{grid-template-columns:1fr}}
.kt-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px 22px 20px;transition:transform .2s,border-color .2s}
.kt-card:hover{transform:translateY(-4px);border-color:var(--terra)}
.kt-card-s{font-size:11px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--terra2)}
.kt-card h3{font-size:19px;font-weight:900;letter-spacing:-.3px;line-height:1.25;margin-top:10px}
.kt-card p{color:var(--muted);font-size:14px;line-height:1.55;margin-top:10px}
.kt-card .go{margin-top:auto;padding-top:16px;font-size:13px;font-weight:700;color:var(--muted)}
.kt-card:hover .go{color:var(--terra2)}

.kt-body+.ct-lq,.kt-layout+.ct-lq{margin-top:56px}
@media(max-width:600px){.kt-body{font-size:16.5px}.kt-lead{font-size:18px}.kt-table table{font-size:14px}.kt-table th,.kt-table td{padding:11px 12px}}
/* Ảnh bìa bài + ảnh thẻ (27/9/2026) */
.kt-hero{margin-top:26px;border-radius:24px;overflow:hidden;aspect-ratio:4/3;max-height:620px;width:100%;max-width:1024px}
.kt-hero img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:600px){.kt-hero{border-radius:16px;margin-top:18px}}
.kt-card{padding:0;overflow:hidden}
.kt-card-im{aspect-ratio:4/3;overflow:hidden}
.kt-card-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.kt-card:hover .kt-card-im img{transform:scale(1.03)}
.kt-card-bd{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
/* Từ điển nguyên liệu + Thuật ngữ */
.nl-tab{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:20px 22px 14px;margin:6px 0 30px}
.nl-tab-h{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;color:var(--terra2);margin-bottom:12px}
.nl-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.nl-row2{margin-top:8px;padding-top:10px;border-top:1px dashed var(--line)}
.nl-n b{display:block;font-size:22px;font-weight:900;letter-spacing:-.5px;line-height:1.1}
.nl-n b small{font-size:12px;font-weight:700;color:var(--muted);margin-left:2px}
.nl-row2 .nl-n b{font-size:16px}
.nl-n span{font-size:12px;color:var(--muted);font-weight:600}
.nl-src{font-size:12px;color:var(--muted);margin:12px 0 0 !important;line-height:1.5}
@media(max-width:620px){.nl-row{grid-template-columns:repeat(3,1fr);row-gap:12px}}
.nl-chips{display:flex;flex-wrap:wrap;gap:10px}
.nl-chip{display:inline-flex;align-items:baseline;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:100px;padding:9px 16px;transition:border-color .2s}
.nl-chip:hover{border-color:var(--terra)}
.nl-chip b{font-size:14.5px;font-weight:800}
.nl-chip span{font-size:12px;color:var(--muted);font-weight:700}
.gl{margin:0}
.gl-t{scroll-margin-top:96px;padding:14px 0;border-bottom:1px solid var(--line)}
.gl-t dt{font-weight:800;font-size:17px}
.gl-t dd{margin:6px 0 0;color:var(--text)}
.gl-t:target{background:var(--terra-soft);border-radius:10px;padding-inline:12px}
.kt-card.lib .kt-card-bd{padding:24px}