/* MELAMIN v14 — trang hướng dẫn theo nhóm mã (file CSS riêng, hợp CSP style-src 'self') */
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;padding:0;margin:0 0 .75rem;font-size:.9rem;color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:.35rem}
.guide-head h1{font-size:clamp(1.55rem,3.6vw,2.3rem);line-height:1.2;margin:.2rem 0 .75rem;letter-spacing:-.02em}
.guide-lead{max-width:48rem;color:var(--ink);line-height:1.65;margin:0 0 1rem}
.guide-more{margin:1rem 0 .5rem}
.code-all{margin-top:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem 1rem}
.code-all summary{cursor:pointer;font-weight:600}
.code-index{list-style:none;padding:0;margin:.75rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.3rem .9rem;font-size:.92rem}
.guide-article ul{margin:0 0 .85rem;padding-left:1.2rem;line-height:1.7}
.guide-article h2{margin-top:1.5rem}
.guide-article h2:first-child{margin-top:0}
.guide-search{margin:.5rem 0 1.25rem}
.guide-faq details{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.75rem 1rem;margin:0 0 .6rem}
.guide-faq summary{cursor:pointer;font-weight:600}
.guide-faq details p{margin:.6rem 0 0;line-height:1.65}
.guide-others,.guide-links{color:var(--muted);margin:.9rem 0 0}
.guide-links{margin-bottom:.9rem}
.foot-guides{margin-top:1rem!important}
/* Sửa lỗi có từ v12: .card{display:flex} đè thuộc tính hidden nên bảng màu không ẩn thẻ khi lọc/tìm mã */
#catalog-grid .asset-card[hidden]{display:none!important}