/* Mục Kiến thức /kien-thuc/ – dùng kèm keso-tool.css (màu, nút, header, .cta, .tag). Trang danh sách + trang bài. */
.kh{max-width:760px}
.kh p{color:var(--mute);font-size:14.5px;margin-top:4px}
.tp{display:flex;gap:6px;overflow-x:auto;margin:14px -16px 0;padding:0 16px 4px;scrollbar-width:none}
.tp::-webkit-scrollbar{display:none}
.tp a{flex:none;text-decoration:none}
.sec{margin-top:22px;scroll-margin-top:72px}
.sec>.sh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}
.sec>.sh h2{margin:0;font-size:17px;color:var(--deep)}
.sec>.sh a{font-size:12.5px;font-weight:700;white-space:nowrap;text-decoration:none}
.al{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:14px;background:#fff}
.al li{border-top:1px solid #EEF3F0}
.al li:first-child{border-top:0}
.al a{display:block;padding:12px 14px;text-decoration:none;color:inherit}
.al a:hover{background:var(--gx)}
.al h3{margin:0;font-size:15px;line-height:1.35;color:var(--ink);font-weight:700}
.al p{margin-top:3px;font-size:13px;color:#33463F}
.al small{display:block;margin-top:5px;font-size:12px;color:var(--mute)}
.ft1{display:block;margin-top:14px;border-radius:16px;padding:16px;background:var(--gl);border:1px solid #C5E0D3;text-decoration:none;color:inherit}
.ft1 .tag{background:#fff}
.ft1 h3{margin:8px 0 4px;font-size:18px;line-height:1.3;color:var(--deep)}
.ft1 p{font-size:13.5px;color:#33463F}
.ft1 .go{display:inline-block;margin-top:10px;font-weight:800;color:var(--g)}
.tool{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px dashed var(--line);text-decoration:none;color:inherit}
.tool:first-of-type{border-top:0}
.tool .ic{flex:none;width:36px;height:36px;border-radius:10px;background:var(--gl);display:grid;place-items:center}
.tool b{display:block;font-size:13.5px;color:var(--deep)}
.tool small{color:var(--mute);font-size:12px}
/* Trang bài */
.bc{font-size:12.5px;color:var(--mute);margin-bottom:8px}
.bc a{color:var(--mute);text-decoration:none}.bc a:hover{color:var(--g)}
.art h1{font-size:24px;text-wrap:pretty}
.by{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12.5px;color:var(--mute);margin-top:6px}
.by b{color:#33463F}
.ans{margin-top:14px;border-left:4px solid var(--g);background:var(--gx);border-radius:0 12px 12px 0;padding:12px 14px}
.ans>b{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--g);margin-bottom:4px}
.ans p{font-size:15px;line-height:1.6;color:var(--ink)}
.toc{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:14px}
.toc b{font-size:13px}
.toc ol{margin:6px 0 0;padding-left:20px;font-size:13.5px}
.toc li{margin:4px 0}.toc a{text-decoration:none}
.body{font-size:15.5px;line-height:1.7;color:#1C2B25}
.body h2{font-size:19px;line-height:1.35;margin:28px 0 8px;color:var(--deep);scroll-margin-top:72px}
.body p{margin:10px 0}
.body ul,.body ol{margin:10px 0;padding-left:22px}
.body li{margin:5px 0}
.body .tw{margin:12px 0;border:1px solid var(--line);border-radius:12px}
.body table.t{font-size:13.5px}
.body .t th,.body .t td{text-align:left;padding:9px 10px;vertical-align:top}
.body .t th{background:var(--gx);color:#33463F}
.ex{background:var(--warm);border:1px solid var(--wline);border-radius:12px;padding:12px 14px;margin:14px 0;font-size:14.5px}
.ex>b{display:block;color:var(--warn);font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
.ex p{margin:6px 0}
.inl{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1.5px solid var(--g);border-radius:14px;padding:12px 14px;margin:18px 0;background:#fff}
.inl p{margin:0;font-size:14px;line-height:1.5;flex:1 1 220px}
.inl p b{display:block;color:var(--deep)}
.law{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:24px;background:#FAFBFA}
.law h2{font-size:15px;margin:0 0 6px;color:var(--deep)}
.law ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.6}
.law p{font-size:12.5px;color:var(--mute);margin-top:8px}
.rel{margin-top:22px}
.rel h2{font-size:16px;color:var(--deep);margin-bottom:8px}
@media (min-width:960px){
  .tp{margin:16px 0 0;padding:0;flex-wrap:wrap;overflow:visible}
  .kgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
  .kgrid .side{position:sticky;top:88px}
  .kgrid .side>.card:first-child{margin-top:0}
  .ft1{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;align-items:end;padding:20px 22px}
  .ft1 h3{font-size:21px}
  .ft1 .go{margin:0}
  .art{max-width:760px}
  .art h1{font-size:30px}
  .agrid{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:40px;align-items:start;justify-content:center}
  .agrid .side{position:sticky;top:88px}
  .agrid .side .toc{margin-top:0}
}