.posts{padding:2rem 1rem}.posts__title{margin-bottom:1rem;color:var(--color-dark);text-align:center}.posts__filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.posts__filter{padding:.5rem 1rem;border-radius:30px;background-color:var(--color-primary-light);color:var(--color-dark);font-weight:600;font-size:.9rem;text-decoration:none;box-shadow:0 2px 6px var(--color-shadow);transition:background-color 0.25s ease,color 0.25s ease,box-shadow 0.25s ease}.posts__filter:hover{background-color:var(--color-accent);color:var(--color-white)}.posts__filter--active{background-color:var(--color-accent);color:var(--color-white);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.posts__filter--active:hover{background-color:var(--color-accent-hover);color:var(--color-white)}.posts__empty{grid-column:1 / -1;text-align:center;color:var(--color-dark-light);padding:2rem}.posts__grid{display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 1rem}.post{background:#fff;border-radius:16px;box-shadow:0 4px 14px rgb(0 0 0 / .06);transition:0.3s ease;overflow:hidden}.post:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgb(0 0 0 / .1)}.post__img-wrapper{display:block}.post__img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px 16px 0 0;display:block}.post__placeholder{aspect-ratio:16/9;width:100%;background:var(--color-background);border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-size:28px}.post__content{padding:20px}.post__badge{display:inline-block;padding:4px 12px;font-size:1rem;font-weight:600;border-radius:50px;margin-bottom:12px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;letter-spacing:.4px}.post__title{margin:0 0 10px}.post__title a{text-decoration:none;color:var(--color-dark)}.post__title a:hover{color:var(--color-accent)}.post__excerpt{color:var(--color-dark-light);line-height:1.5;margin-bottom:12px}.post__read-more{font-weight:600;text-decoration:none;color:var(--color-accent)}.post__read-more:hover{color:var(--color-accent-hover)}@media (max-width:992px){.posts__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.posts__grid{grid-template-columns:1fr}}