.mh-page{min-height:100vh;font-family:var(--font-inter),"Inter",sans-serif;background:#fafafa}.mh-container{max-width:1240px;margin:0 auto;padding:0 20px}.mh-header{background:url(/images/trang-chu/hero_banner.png) 50%/cover no-repeat;border-radius:0 0 32px 32px;min-height:320px;padding:120px 0 80px;position:relative;overflow:hidden}.mh-header:before{content:"";background:linear-gradient(#fff9 0%,#ffffffeb 100%);position:absolute;inset:0}.mh-header-title{color:#c2185b;font-size:44px;font-weight:700;font-family:var(--font-playfair),"Playfair Display",serif;z-index:1;text-align:center;margin:0;position:relative}.mh-header-title span{color:#111827;font-style:italic}.mh-main{padding:24px 0 100px}.mh-content-grid{grid-template-columns:72% 28%;align-items:start;gap:0;display:grid}.mh-posts-col{border-right:1px solid #f3f3f3;margin-right:24px;padding-right:24px}.mh-filter{padding:12px 0 28px}.mh-filter-scroll{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.mh-filter-scroll::-webkit-scrollbar{display:none}.mh-filter-btn{color:#111827;cursor:pointer;white-space:nowrap;font-size:14px;font-weight:400;font-family:var(--font-inter),"Inter",sans-serif;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;transition:all .2s}.mh-filter-btn:hover{color:#c2185b;background:#fff9fb;border-color:#f8bbd0}.mh-filter-btn--active{color:#fff;background:#c2185b;border-color:#c2185b;font-weight:500;box-shadow:0 1px 4px #c2185b26}.mh-posts-grid{grid-template-columns:1fr 1fr 1fr;gap:22px;display:grid}.mh-empty{text-align:center;color:#9ca3af;grid-column:1/-1;padding:60px 0;font-size:16px}.mh-card-link{color:inherit;text-decoration:none;transition:transform .3s;display:block;position:relative}.mh-card-link:hover{transform:translateY(-3px)}.mh-card{background:#fff;border-radius:16px;flex-direction:column;gap:0;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 6px 18px #0000000f}.mh-card-img-wrap{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.mh-card-img{object-fit:cover;transition:transform .35s}.mh-card-link:hover .mh-card-img{transform:scale(1.06)}.mh-card-body{flex-direction:column;padding:14px 16px 18px;display:flex}.mh-card-tag{color:#9ca3af;margin-bottom:6px;font-size:13px}.mh-card-title{color:#111827;-webkit-line-clamp:2;font-size:16px;font-weight:600;line-height:1.35;font-family:var(--font-inter),"Inter",sans-serif;-webkit-box-orient:vertical;margin:0 0 6px;display:-webkit-box;overflow:hidden}.mh-card-excerpt{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.mh-card-meta{align-items:center;gap:16px;display:flex}.mh-meta-item{color:#9ca3af;align-items:center;gap:4px;font-size:14px;display:flex}.mh-card-meta--sm .mh-meta-item{font-size:12px}.mh-card-readmore{color:#c2185b;align-items:center;gap:4px;margin-top:8px;font-size:15px;font-weight:500;transition:gap .2s;display:inline-flex}.mh-card-link:hover .mh-card-readmore{gap:8px}.mh-pagination{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:32px;display:flex}.mh-pagination-info{color:#6b7280;text-align:center;font-size:14px;font-weight:500}.mh-pagination-controls{background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;display:inline-flex;overflow:hidden}.mh-pagination-btn,.mh-pagination-page{color:#2563eb;background:0 0;border:0;border-right:1px solid #d1d5db;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.mh-pagination-controls>button:last-child{border-right:0}.mh-pagination-btn:hover,.mh-pagination-page:hover{color:#1d4ed8;background:#eff6ff}.mh-pagination-page.active{color:#fff;background:#2f6fae}.mh-pagination-btn:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.mh-sidebar{position:sticky;top:100px}.mh-sidebar-title{color:#1f2937;font-size:24px;font-weight:600;font-family:var(--font-playfair),"Playfair Display",serif;margin:0 0 16px}.mh-popular-list{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;padding:20px;display:flex}.mh-popular-item{color:inherit;cursor:pointer;border-bottom:1px solid #e5e7eb;gap:12px;padding:0 0 16px;text-decoration:none;transition:transform .2s;display:flex}.mh-popular-item:last-child{border-bottom:none;padding-bottom:0}.mh-popular-item+.mh-popular-item{padding-top:16px}.mh-popular-item:hover{transform:translate(2px)}.mh-popular-img-wrap{border-radius:8px;width:56px;min-width:56px;height:56px;position:relative;overflow:hidden}.mh-popular-img{object-fit:cover}.mh-popular-content{flex-direction:column;display:flex}.mh-popular-title{color:#1f2937;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 2px;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.mh-popular-excerpt{color:#6b7280;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 4px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.mh-content-grid{grid-template-columns:100%}.mh-posts-col{border:none;margin:0;padding:0}.mh-header-title{font-size:28px}.mh-sidebar-title{margin-top:40px}}@media (max-width:640px){.mh-posts-grid{grid-template-columns:1fr}.mh-main{padding:32px 0 48px}.mh-header-title{font-size:22px}}