.thu-vien-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;flex-wrap:nowrap;gap:.4rem;display:flex;overflow-x:auto}.thu-vien-scroll::-webkit-scrollbar{display:none}.thu-vien-scroll:active{cursor:grabbing}.thu-vien-scroll>*{flex:none}
.thu-vien-head{border-bottom:4px solid #f0f0f0;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 1.5rem;padding-bottom:10px;display:flex;position:relative}.thu-vien-head:before{content:"";background:var(--primary);width:90px;height:4px;position:absolute;bottom:-4px;left:0}.thu-vien-head .main-heading{border-bottom:0;flex:1;min-width:0;margin:0;padding:0}.thu-vien-head .main-heading:before{display:none}.thu-vien-view{flex:none;gap:.35rem;margin:0;display:flex}.thu-vien-view button{color:#3a2a22;cursor:pointer;background:#fff;border:1px solid #3a2a2229;border-radius:.45rem;justify-content:center;align-items:center;width:1.875rem;height:1.875rem;padding:0;display:inline-flex}.thu-vien-view button svg{display:block}.thu-vien-view button:focus{outline:none}.thu-vien-view button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.thu-vien-view button.is-on{border-color:var(--primary);background:var(--primary);color:#fff}.thu-vien-cats{margin:-.7rem 0 1rem}.thu-vien-cats a,.thu-vien-cats button{color:#3a2a22;cursor:pointer;background:#fffaf8;border:1px solid #f0e4dc;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.8125rem;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}.thu-vien-cats a:visited,.thu-vien-cats button:visited{color:#3a2a22}.thu-vien-cats a span,.thu-vien-cats button span{color:#8a7b72;font-size:.75rem;font-weight:600}.thu-vien-cats a:focus,.thu-vien-cats button:focus{outline:none}.thu-vien-cats a:focus-visible,.thu-vien-cats button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.thu-vien-cats a:hover,.thu-vien-cats button:hover{border-color:var(--primary);color:var(--primary)}.thu-vien-cats a.is-on,.thu-vien-cats a.is-on:visited,.thu-vien-cats button.is-on,.thu-vien-cats button.is-on:visited{border-color:var(--primary);background:var(--primary);color:#fff}.thu-vien-cats a.is-on span,.thu-vien-cats a.is-on:visited span,.thu-vien-cats button.is-on span,.thu-vien-cats button.is-on:visited span{color:#fff}.thu-vien-end{margin-top:1.25rem}.thu-vien-end__title{margin:0 0 .55rem;font-size:1rem;line-height:1.3}.thu-vien-end .thu-vien-cats{margin:0}.thu-vien-tag-note{color:#5c4d42;align-items:center;gap:.55rem;margin:-.35rem 0 .85rem;font-size:.8125rem;display:flex}.thu-vien-tag-note button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:.8125rem;font-weight:600}.thu-vien-list{flex-direction:column;gap:.85rem;display:flex}.thu-vien-list--grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.thu-vien-item{color:inherit;border-radius:.45rem;align-items:center;transition:background .15s,border-color .15s}.thu-vien-item h3{transition:color .15s}.thu-vien-item:hover,.thu-vien-item:focus-visible{color:inherit;text-decoration:none}.thu-vien-item:hover h3,.thu-vien-item:focus-visible h3{color:var(--primary)}.thu-vien-item img{object-fit:cover;border-radius:.35rem;flex:none;width:100px;height:62px}.thu-vien-item__body{min-width:0;margin-left:.5rem}.thu-vien-item__desc{color:#5c4d42;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.thu-vien-item--grid{background:#fff;border:1px solid #3a2a221a;border-radius:.7rem;flex-direction:column;align-items:stretch;height:100%;padding:.65rem}.thu-vien-item--grid:hover,.thu-vien-item--grid:focus-visible{border-color:var(--primary);background:var(--primary--100,#ffeaea)}.thu-vien-item--grid img{width:100%;height:132px}.thu-vien-item--grid .thu-vien-item__body{margin-top:.55rem;margin-left:0}@media only screen and (max-width:575px){.thu-vien-list--grid{grid-template-columns:1fr}}.thu-vien-pagination{--base-pagination-item-margin:0;--base-pagination-item-size:2rem;--base-pagination-item-radius:.35rem;--base-pagination-font-size:.8125rem;--base-pagination-item-color:#3a2a22;--base-pagination-item-background:#fffaf8;--base-pagination-item-hover-background:var(--primary--100,#ffeaea);--base-pagination-item-disabled-color:#8a7b72;--base-pagination-item-disabled-background:#fffaf8;--base-pagination-item-disabled-opacity:.45;--pagination-item-font-weight:600;--pagination-item-active-font-weight:700;--pagination-item-active-background:var(--primary);--base-pagination-transition:.15s;justify-content:center;margin:1.15rem 0 .15rem;display:flex}.thu-vien-pagination>div{--base-pagination-item-size:2rem;--base-pagination-item-radius:.35rem;--base-pagination-item-margin:0}.thu-vien-pagination .pagination-content{justify-content:center;align-items:center;gap:.35rem;display:flex}.thu-vien-pagination .pagination-item:hover{color:var(--primary)}.thu-vien-pagination .pagination-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.thu-vien-pagination .pagination-item--number.active,.thu-vien-pagination .pagination-item.active{border-color:var(--primary);color:#fff}.thu-vien-pagination .pagination-item:disabled:hover{color:var(--base-pagination-item-disabled-color)}.thu-vien-meta{margin:.25rem 0 .9rem;font-size:.8125rem}.thu-vien-meta__cat,.thu-vien-meta__tag{border-radius:999px;padding:.15rem .6rem;line-height:1.5;text-decoration:none;display:inline-flex}.thu-vien-meta__cat{background:var(--primary);color:#fff;font-weight:600}.thu-vien-meta__cat:hover{color:#fff;opacity:.9}.thu-vien-meta__tag{color:#5a463c;background:#fffaf8;border:1px solid #ecd9d0}.thu-vien-meta__tag:visited{color:#5a463c}.thu-vien-meta__tag:hover{border-color:var(--primary);color:var(--primary)}.thu-vien-item__cat{color:var(--primary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.2rem;font-size:.75rem;font-weight:600;display:inline-block}.thu-vien-item--phat{border-left:3px solid #e8c96a}.thu-vien-item--kinh{background:linear-gradient(135deg,#fff8e1 0%,#fffdf5 70%);border:1px solid #e3b84a;border-left:4px solid #c9962b;position:relative;box-shadow:0 2px 8px #c9962b2e}.thu-vien-item--kinh h3{color:#7a1f1f;font-weight:700}.thu-vien-item__badge{color:#fff;letter-spacing:.02em;vertical-align:middle;background:#c9962b;border-radius:999px;width:fit-content;margin:0 .4rem .2rem 0;padding:.1rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.thu-vien-pin{color:inherit;background:linear-gradient(135deg,#fff3cc 0%,#fffdf5 75%);border:1px solid #e3b84a;border-left:5px solid #c9962b;border-radius:12px;align-items:center;gap:.9rem;margin:.25rem 0 1rem;padding:.9rem 1rem;text-decoration:none;display:flex;box-shadow:0 3px 12px #c9962b40}.thu-vien-pin:hover{box-shadow:0 4px 16px #c9962b66}.thu-vien-pin__icon{font-size:2rem}.thu-vien-pin__body{color:#6b5a3c;flex-direction:column;flex:1;gap:.15rem;font-size:.88rem;display:flex}.thu-vien-pin__body strong{color:#7a1f1f;font-size:1.05rem}.thu-vien-pin__badge{align-self:flex-start}.thu-vien-pin__cta{background:var(--primary);color:#fff;white-space:nowrap;border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:700}@media (max-width:575px){.thu-vien-pin{flex-wrap:wrap}.thu-vien-pin__cta{text-align:center;width:100%}}
