.ta-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px 24px;
	margin: -20px auto 40px;
	color: #fff;
}
.ta-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: 1.15rem; }
.ta-brand i { font-size: 1.7rem; color: #34e0a1; }
.ta-score { display: inline-flex; align-items: center; gap: 10px; }
.ta-score strong { font-size: 1.6rem; line-height: 1; }
.ta-score small { opacity: .75; }
.ta-stars { display: inline-flex; gap: 3px; color: #34e0a1; }
.ta-stars .is-off { color: rgba(255, 255, 255, .25); }
.ta-card .ta-stars { font-size: .95rem; }

.ta-grid { display: grid; gap: 24px; }
@media (min-width: 768px) {
	.ta-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
}
.ta-card {
	display: flex;
	flex-direction: column;
	padding: 28px;
	border-radius: 1.25rem;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .12);
	transition: transform .3s, background .3s;
}
.ta-card:hover { transform: translateY(-4px); background: rgba(255, 255, 255, .14); }
.ta-card__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.ta-card__date { font-size: .78rem; opacity: .6; }
.ta-card__title { font-weight: 700; font-size: 1.1rem; margin-bottom: 8px; line-height: 1.3; }
.ta-card__text {
	color: rgba(255, 255, 255, .82);
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.ta-card__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ta-card__who { display: flex; align-items: center; gap: 12px; }
.ta-avatar {
	display: flex; align-items: center; justify-content: center;
	width: 42px; height: 42px; border-radius: 50%;
	background: #f96806; font-weight: 700;
}
.ta-card__name { font-weight: 600; }
.ta-card__origin { font-size: .78rem; opacity: .55; }
.ta-card__link { font-size: .8rem; color: #34e0a1; white-space: nowrap; }
.ta-card__link:hover { text-decoration: underline; }
.ta-cta { text-align: center; margin-top: 36px; }
.ta-credit { margin-top: 14px; font-size: .75rem; opacity: .55; text-align: center; }
.ta-widget{background:#fff;border-radius:1.25rem;padding:24px;color:#222}