.category__page{display:flex;flex-direction:column}.category__title{border-bottom:1px solid var(--c-shade-2);color:var(--c-text);font-size:32px;font-weight:700;margin:0 0 24px;padding:16px 0;text-align:center}@container (max-width: 576px){.category__title{font-size:24px}}.category__section{--s-section-gap:24px;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--s-section-gap)}@container (max-width: 576px){.category__section{flex-direction:column}}.category__section .post{display:flex;flex:0 0 calc(33.3% - var(--s-section-gap)*2/3);flex-direction:column;gap:8px}@container (max-width: 991px){.category__section .post{flex:0 0 calc(50% - var(--s-section-gap)/2)}}@container (max-width: 576px){.category__section .post{flex:1 1 auto}}.category__section .image{aspect-ratio:16/9;background:var(--c-shade-2);border-radius:4px;display:block;overflow:hidden;position:relative}.category__section .image img{height:100%;object-fit:cover;transition:all .3s ease-in-out;width:100%}@media(hover:hover){.category__section .image img:hover{transform:scale(1.1)}}.category__section .meta{align-items:center;color:var(--c-grey-text);display:flex;flex-wrap:wrap;gap:24px 8px}@container (max-width: 576px){.category__section .meta{font-size:14px}}.category__section .link{display:-webkit-box;transition:all .3s ease-in-out;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category__section .link .title{font-size:20px;font-weight:600}@container (max-width: 576px){.category__section .link .title{font-size:16px}}@media(hover:hover){.category__section .link:hover{color:var(--c-link)}}.category__pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:48px 16px 0}.category__pagination .page-numbers{align-items:center;aspect-ratio:1;border:1px solid transparent;border-radius:50%;display:flex;font-size:16px;font-weight:600;justify-content:center;line-height:1;min-height:48px;min-width:48px;padding:4px;text-align:center;transition:all .3s ease-in-out}.category__pagination .page-numbers.current{border-color:inherit}@container (max-width: 576px){.category__pagination .page-numbers{font-size:14px;min-height:32px;min-width:32px}}@media(hover:hover){.category__pagination .page-numbers:hover:not(.dots):not(.current){color:var(--c-link)}}