.trendshelf-legal {
	--ts-legal-color-text: #111827;
	--ts-legal-color-muted: #4b5563;
	--ts-legal-color-border: #e5e7eb;
	--ts-legal-color-surface: #ffffff;
	--ts-legal-color-link: #1d4ed8;
	--ts-legal-color-link-hover: #1e40af;
}

.trendshelf-legal {
	max-width: var(--ts-width-standard);
	margin: 0 auto;
	padding: 1.5rem 1.5rem 2.5rem;
	color: var(--ts-legal-color-text);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.trendshelf-legal__shell {
	max-width: var(--ts-width-reading);
	margin: 0 auto;
}

.trendshelf-legal__article {
	padding: 1.4rem 1.5rem 1.7rem;
	border: 1px solid var(--ts-legal-color-border);
	border-radius: 1rem;
	background: var(--ts-legal-color-surface);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.trendshelf-legal__header {
	margin: 0 0 1.2rem;
}

.trendshelf-legal__title {
	margin: 0;
	font-size: clamp(1.45rem, 2.5vw, 2.1rem);
	line-height: 1.25;
	letter-spacing: 0.01em;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.trendshelf-legal__content {
	font-size: 1.02rem;
	line-height: 1.78;
	overflow-wrap: anywhere;
}

.trendshelf-legal__content > * {
	margin-top: 0;
}

.trendshelf-legal__content > * + * {
	margin-top: 1rem;
}

.trendshelf-legal__content p {
	margin-bottom: 0;
	color: var(--ts-legal-color-text);
}

.trendshelf-legal__content h2,
.trendshelf-legal__content h3,
.trendshelf-legal__content h4 {
	margin-bottom: 0;
	line-height: 1.35;
	color: var(--ts-legal-color-text);
}

.trendshelf-legal__content ul,
.trendshelf-legal__content ol {
	padding-left: 1.35rem;
}

.trendshelf-legal__content li + li {
	margin-top: 0.45rem;
}

.trendshelf-legal__content a {
	color: var(--ts-legal-color-link);
	text-underline-offset: 0.16em;
}

.trendshelf-legal__content a:hover,
.trendshelf-legal__content a:focus-visible {
	color: var(--ts-legal-color-link-hover);
}

@media (max-width: 960px) {
	.trendshelf-legal {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}

	.trendshelf-legal__article {
		padding: 1.2rem 1.2rem 1.45rem;
	}
}

@media (max-width: 640px) {
	.trendshelf-legal {
		padding: 1.1rem 1rem 2rem;
	}

	.trendshelf-legal__article {
		padding: 1rem 0.95rem 1.25rem;
		border-radius: 0.85rem;
	}

	.trendshelf-legal__content {
		font-size: 1rem;
		line-height: 1.72;
	}
}