.category-postst article{background-color:var(--surface-color);box-shadow:0 4px 16px rgb(0 0 0 / .1);padding:30px;height:100%;border-radius:10px;overflow:hidden}.category-postst .post-img{max-height:240px;margin:-30px -30px 15px -30px;overflow:hidden}.category-postst .post-category{font-size:16px;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:10px}.category-postst .title{font-size:20px;font-weight:700;padding:0;margin:0 0 20px 0}.category-postst .title a{color:var(--heading-color);transition:0.3s}.category-postst .title a:hover{color:var(--accent-color)}.category-postst .post-author-img{width:50px;border-radius:50%;margin-right:15px}.category-postst .post-author{font-weight:600;margin-bottom:5px}.category-postst .post-date{font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:0}.pagination-2{padding-top:0;color:color-mix(in srgb,var(--default-color),transparent 40%)}.pagination-2 ul{display:flex;padding:0;margin:0;list-style:none}.pagination-2 li{margin:0 5px;transition:0.3s}.pagination-2 li a{color:var(--accent-color);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--accent-color)}.pagination-2 li a.active,.pagination-2 li a:hover{background:var(--accent-color);color:var(--contrast-color)}.pagination-2 li a.active a,.pagination-2 li a:hover a{color:var(--contrast-color)}.per-page-form{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.per-page-form label{font-weight:500;color:#333}.per-page-form select{padding:.4rem .75rem;border-radius:8px;border:1px solid #ccc;background-color:#fff;font-size:.95rem;min-width:80px;transition:border-color 0.2s}.per-page-form select:focus{border-color:#0d6efd;outline:none}