/* Kho mẫu bài học (04/11/2026). Xoá file + thư mục kho-mau = hoàn tác. */
.km-top{padding:clamp(1.6rem,5vw,3rem) 0 1rem;text-align:center}
.km-eyebrow{margin:0;font-weight:700;font-size:.85rem;color:var(--red,#e31e25)}
.km-top h1{margin:.3rem 0 .5rem;font-size:clamp(1.9rem,6vw,3rem);line-height:1.15;color:var(--ink,#143352)}
.km-lead{margin:0 auto 1.1rem;max-width:560px;color:var(--muted,#5a6a86)}
.km-search{max-width:520px;margin:0 auto 1rem}
.km-search input{width:100%;box-sizing:border-box;min-height:52px;padding:0 1.1rem;font:inherit;font-size:1rem;border:2px solid #d6def0;border-radius:999px;background:#fff;color:var(--ink,#143352)}
.km-search input:focus{outline:3px solid var(--violet,#7c3aed);outline-offset:2px;border-color:transparent}
.km-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.5rem auto 0;max-width:900px}
.km-chip{min-height:44px;padding:0 1rem;font:inherit;font-weight:600;font-size:.95rem;border:2px solid #d6def0;border-radius:999px;background:#fff;color:var(--ink,#143352);cursor:pointer;touch-action:manipulation}
.km-chip[aria-pressed=true]{background:var(--red,#e31e25);border-color:var(--red,#e31e25);color:#fff}
.km-chip:focus-visible{outline:3px solid var(--violet,#7c3aed);outline-offset:2px}
.km-chips2 .km-chip{font-size:.85rem;min-height:44px}
.km-main{padding:1rem 0 2rem}
.km-cnt{margin:0 0 .8rem;font-weight:600;color:var(--muted,#5a6a86)}
.km-grid .ht-body .ht-go{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:auto;border-radius:12px;background:var(--red,#e31e25);color:#fff;padding:0 .5rem}
.km-grid .ht-body b{overflow-wrap:anywhere}
.km-empty{text-align:center;padding:2rem 0;color:var(--muted,#5a6a86)}
.km-more{text-align:center;margin-top:1.4rem}
.km-band{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin:0 auto 2rem;padding:1.1rem 1.3rem;border-radius:16px;background:#fff;box-shadow:var(--sh-float,0 2px 10px rgba(20,51,82,.08))}
.km-band div{display:flex;flex-direction:column;gap:.15rem}
.km-band span{color:var(--muted,#5a6a86);font-size:.92rem}
@media (max-width:420px){.km-grid{grid-template-columns:repeat(2,1fr)}}
body.km{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
@media (min-width:900px){body.km{padding-bottom:0}}
.km-tpl{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:.8rem auto 0;font-weight:600;color:var(--ink,#143352)}.km-tpl select{min-height:44px;max-width:62vw;padding:0 .8rem;font:inherit;border:2px solid #d6def0;border-radius:12px;background:#fff;color:inherit}