/**
 * Base Styles & Layout
 * Foundation styles for the panel
 */

.topical-authority-panel {
	font-family: var(--ta-font-family);
}

/* Main Container Card */
.ta-card {
	background: var(--ta-gray-50);
	border-radius: var(--ta-radius-lg);
	padding: var(--ta-space-xl);
	margin-bottom: var(--ta-space-xl);
	border: 1px solid var(--ta-gray-100);
}

.ta-description {
	color: var(--ta-gray-600);
	font-size: var(--ta-font-size-md);
	line-height: var(--ta-line-height-normal);
	margin-bottom: var(--ta-space-lg);
}

/* Section Headers */
.section-header {
	font-size: var(--ta-font-size-md);
	font-weight: var(--ta-font-weight-semibold);
	color: var(--ta-gray-800);
	margin-top: var(--ta-space-xl);
	margin-bottom: var(--ta-space-md);
}

/* Responsive Design */
@media (max-width: 782px) {
	.ta-card {
		padding: var(--ta-space-2xl);
	}

	.stats-grid {
		grid-template-columns: 1fr !important;
	}
}

/* Animations */
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}