.hm88-archive-page{padding-bottom:60px}
.hm88-archive-header{margin:9px 0 25px;padding:20px 23px;background:linear-gradient(120deg,#211609,#121a21);border:1px solid #7e561b;border-radius:12px}
.hm88-archive-header h1{margin:0;font-size:clamp(25px,3vw,35px);line-height:1.3}.hm88-archive-description{color:#b7c0ca;font-size:14px;margin-top:8px}
.hm88-content-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 275px;align-items:start;gap:25px}
.hm88-archive-grid{display:grid;gap:17px;min-width:0}
.hm88-archive-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.hm88-archive-list{grid-template-columns:1fr}
.hm88-archive-card{min-width:0;border:1px solid #313d48;border-radius:11px;overflow:hidden;background:#151c24}
.hm88-archive-cover{display:block;aspect-ratio:16/9;overflow:hidden;background:#12161c}
.hm88-archive-cover img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.hm88-archive-card:hover .hm88-archive-cover img{transform:scale(1.04)}
.hm88-archive-card-body{padding:15px}.hm88-archive-card h2{margin:6px 0;font-size:17px;line-height:1.4}
.hm88-archive-card p{font-size:13px;color:#bec7d0;line-height:1.55;margin:6px 0 12px}
.hm88-read-more{font-size:12px;font-weight:700;color:var(--hm88-gold)}
.hm88-archive-card-list{display:grid;grid-template-columns:33% 1fr}
.hm88-archive-card-list .hm88-archive-cover{aspect-ratio:auto;min-height:190px}
.hm88-sidebar .hm88-widget{border-radius:10px;background:#141b22;border:1px solid #333c47;margin-bottom:17px;padding:18px}
.hm88-widget-title{font-size:17px;margin:0 0 10px;border-left:3px solid var(--hm88-gold);padding-left:8px}
.hm88-widget ul{list-style:none;padding:0;margin:0}
.hm88-widget li{border-bottom:1px solid #2b3440;padding:8px 0;font-size:13px}
.hm88-widget li:last-child{border-bottom:0}
.hm88-archive-main .navigation.pagination{margin:23px 0}.hm88-archive-main .nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.hm88-archive-main .page-numbers{display:inline-grid;min-width:35px;height:35px;place-items:center;padding:0 8px;border:1px solid #37404d;border-radius:7px}
.hm88-archive-main .page-numbers.current{background:var(--hm88-gold);color:#111;border-color:var(--hm88-gold)}
@media(max-width:1100px){.hm88-archive-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hm88-content-sidebar{grid-template-columns:minmax(0,1fr) 240px;gap:15px}}
@media(max-width:800px){.hm88-content-sidebar{grid-template-columns:1fr}.hm88-sidebar{margin-top:23px}.hm88-archive-card-list .hm88-archive-cover{min-height:160px}}
@media(max-width:640px){.hm88-archive-cards,.hm88-archive-list{grid-template-columns:1fr}.hm88-archive-card-list{grid-template-columns:1fr}.hm88-archive-card-list .hm88-archive-cover{aspect-ratio:16/9}.hm88-archive-header{padding:15px}.hm88-archive-card h2{font-size:17px}}