/* Базовые стили для Tint Soul Posts */
.ts-row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.ts-col-3 { width: 33.333%; padding: 0 15px; box-sizing: border-box; }
.ts-col-2 { width: 50%; padding: 0 15px; box-sizing: border-box; }
.ts-col-1 { width: 100%; padding: 0 15px; box-sizing: border-box; }
.ts-posts-item { margin-bottom: 30px; }
.ts-posts-item img { max-width: 100%; height: auto; }
.ts-button { display: inline-block; margin-top: 10px; padding: 5px 15px; background: #333; color: #fff; text-decoration: none; }
.ts-button:hover { background: #555; }
.ts-filter-buttons { margin-bottom: 20px; }
.ts-filter-buttons button { margin-right: 5px; padding: 5px 15px; cursor: pointer; border: 1px solid #ccc; background: #f5f5f5; }
.ts-filter-buttons button.active { background: #333; color: #fff; border-color: #333; }
.ts-news-date { float: left; width: 100px; background: #f0f0f0; text-align: center; padding: 10px; margin-right: 20px; font-weight: bold; }
.ts-news-content { overflow: hidden; }
.ts-news-item { clear: both; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; }
@media (max-width: 768px) {
    .ts-col-3, .ts-col-2 { width: 100%; }
    .ts-news-date { width: 100%; float: none; margin-bottom: 10px; }
}