.list-page-main{padding-bottom:var(--spacing-10);background:url(../images/list-topbar-bg.png) no-repeat center top/contain;margin-top:0}.list-header-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);height:var(--spacing-24)}.list-header-container .list-header-title{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-stone-800)}.list-header-container .list-header-categories{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-4)}.list-header-container .list-header-categories .list-header-category-item{font-size:var(--text-base);color:var(--color-stone-600);text-decoration:none}.list-header-container .list-header-categories .list-header-category-item:hover{color:var(--color-red-600);text-decoration:none}.list-header-container .list-header-categories .list-header-category-item.active{color:var(--color-red-600);font-weight:var(--font-semibold)}@media (width <= 40rem){.list-header-container{flex-direction:column;align-items:flex-start;padding:var(--spacing-4) 0;height:fit-content}.list-header-container .list-header-title{font-size:var(--text-xl)}.list-header-container .list-header-categories{justify-content:flex-start;flex-wrap:wrap;row-gap:var(--spacing-2);column-gap:var(--spacing-4)}}.list-main .list-main-container{display:flex;flex-direction:column;gap:var(--spacing-10)}.list-main .list-main-container .news-list-block{display:flex;flex-direction:column;gap:var(--spacing-4)}.list-main .list-main-container .list-main-container-bottom{display:flex;justify-content:center;align-items:center;gap:normal}@media (width <= 40rem){.list-main .news-list-block{gap:var(--spacing-6)!important}.list-main .page-grid-side{display:none}}.list-card{display:flex;justify-content:flex-start;align-items:stretch;gap:var(--spacing-4);width:100%}.list-card .list-card-image{aspect-ratio:16/9;width:auto;height:var(--spacing-40)}.list-card .list-card-image img{width:100%;height:100%;object-fit:cover}.list-card .list-card-container{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2);justify-content:space-between}.list-card .list-card-container .list-card-title{line-height:1.6;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-stone-800);text-decoration:none;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list-card .list-card-container .list-card-title:hover{color:var(--color-red-600);text-decoration:none}.list-card .list-card-container .list-card-desc{flex:1}.list-card .list-card-container .list-card-desc .list-card-desc-inner{line-height:1.6;font-size:var(--text-sm);color:var(--color-stone-500);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.list-card .list-card-container .list-card-info{display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-4);font-size:var(--text-sm);color:var(--color-stone-500)}.list-card .list-card-container .list-card-info .list-card-category{color:var(--color-stone-500)}@media (width <= 40rem){.list-card{flex-direction:column;gap:var(--spacing-2)}.list-card .list-card-container{gap:var(--spacing-1)}.list-card .list-card-container .list-card-title{font-size:var(--text-base)}.list-card .list-card-container .list-card-info{padding-top:var(--spacing-2);font-size:var(--text-xs)}}.list-search-result{display:flex;justify-content:start;align-items:center;gap:normal;padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-stone-100);border-radius:var(--rounded-sm);font-size:var(--text-base);color:var(--color-stone-500)}.list-search-result span{color:var(--color-red-600);font-weight:var(--font-semibold)}@media (width <= 40rem){.list-search-result{background-color:var(--color-white)}}.list-search-no-result{display:flex;flex-direction:column;gap:var(--spacing-6);align-items:center;margin:var(--spacing-8) auto;width:var(--spacing-160)}.list-search-no-result .no-result-title{font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--color-stone-800)}.list-search-no-result .no-result-text{font-size:var(--text-base);color:var(--color-stone-500)}@media (width <= 40rem){.list-search-no-result{gap:var(--spacing-4);margin-top:0;width:100%}.list-search-no-result img{width:var(--spacing-32)}.list-search-no-result .no-result-title{font-size:var(--text-lg)}.list-search-no-result .no-result-text{text-align:center;font-size:var(--text-sm)}}