/* Inventix Child - legal pages (terms, privacy & cookies) */
.ix-service--terms .ix-service-hero__grid--single,
.ix-service--privacy .ix-service-hero__grid--single,
.ix-service--cookie .ix-service-hero__grid--single {
	grid-template-columns: minmax(0, 1fr);
	max-width: none;
}

.ix-service--terms .ix-service-prose,
.ix-service--privacy .ix-service-prose,
.ix-service--cookie .ix-service-prose {
	max-width: none;
}
/* Juridische pagina's — slate hero */
.ix-service--terms .ix-service-hero--slate,
.ix-service--privacy .ix-service-hero--slate,
.ix-service--cookie .ix-service-hero--slate {
	background: linear-gradient(180deg, #e6f3f3 0%, var(--ix-bg) 100%);
}

.ix-service--terms .ix-service-hero--slate .ix-blog-hero__eyebrow,
.ix-service--privacy .ix-service-hero--slate .ix-blog-hero__eyebrow,
.ix-service--cookie .ix-service-hero--slate .ix-blog-hero__eyebrow {
	color: #475569;
}

html[data-ix-theme="dark"] .ix-service--terms .ix-service-hero--slate,
html[data-ix-theme="dark"] .ix-service--privacy .ix-service-hero--slate,
html[data-ix-theme="dark"] .ix-service--cookie .ix-service-hero--slate {
	background: linear-gradient(180deg, rgba(71, 85, 105, 0.22) 0%, var(--ix-bg) 100%);
}

html[data-ix-theme="dark"] .ix-service--terms .ix-service-hero--slate .ix-blog-hero__eyebrow,
html[data-ix-theme="dark"] .ix-service--privacy .ix-service-hero--slate .ix-blog-hero__eyebrow,
html[data-ix-theme="dark"] .ix-service--cookie .ix-service-hero--slate .ix-blog-hero__eyebrow {
	color: #94a3b8;
}

.ix-blog-hero__contact,
.ix-blog-hero__meta {
	margin-top: 1rem;
	color: var(--ix-muted);
	font-size: 1rem;
	line-height: 1.6;
}

.ix-legal-section {
	padding-block: var(--ix-section-y);
}

.ix-legal-toc {
	margin-bottom: clamp(1.75rem, 4vw, 2.5rem);
	padding: 1.25rem 1.5rem;
}

.ix-legal-toc__title {
	margin: 0 0 0.85rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--ix-text);
}

.ix-legal-toc__list {
	display: grid;
	gap: 0.35rem 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 768px) {
	.ix-legal-toc__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.ix-legal-toc__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.ix-legal-toc__link {
	font-size: 0.875rem;
	line-height: 1.45;
	color: var(--ix-text-muted);
	text-decoration: none;
}

.ix-legal-toc__link:hover {
	color: var(--ix-accent);
	text-decoration: underline;
}

.ix-legal-articles {
	max-width: 48rem;
}

.ix-legal-article + .ix-legal-article {
	margin-top: 2.25rem;
	padding-top: 2.25rem;
	border-top: 1px solid var(--ix-border);
}

.ix-legal-article__title {
	margin: 0 0 1rem;
	font-size: clamp(1.125rem, 2vw, 1.25rem);
	font-weight: 600;
	line-height: 1.35;
	color: var(--ix-text);
}

.ix-legal-definitions {
	display: grid;
	gap: 1rem;
	margin: 0 0 1rem;
}

.ix-legal-definitions__term {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--ix-text);
}

.ix-legal-definitions__desc {
	margin: 0.35rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.7;
	color: var(--ix-text-muted);
}

.ix-legal-list {
	margin: 0 0 1rem;
	padding-left: 1.25rem;
}

.ix-legal-list li {
	margin-bottom: 0.5rem;
	font-size: 0.9375rem;
	line-height: 1.7;
	color: var(--ix-text-muted);
}

.ix-legal-version {
	margin-top: 2.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--ix-border);
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--ix-text-muted);
}

.ix-legal-subsection__title {
	margin: 1.5rem 0 1rem;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--ix-text);
}

.ix-legal-table-wrap {
	margin: 1rem 0 1.5rem;
	overflow-x: auto;
}

.ix-legal-table {
	width: 100%;
	min-width: 40rem;
	border-collapse: collapse;
	font-size: 0.875rem;
	line-height: 1.5;
}

.ix-legal-table th,
.ix-legal-table td {
	padding: 0.75rem 0.875rem;
	border: 1px solid var(--ix-border);
	text-align: left;
	vertical-align: top;
}

.ix-legal-table th {
	background: var(--ix-bg-muted, #f8fafc);
	font-weight: 600;
	color: var(--ix-text);
}

.ix-legal-table td {
	color: var(--ix-text-muted);
}

html[data-ix-theme="dark"] .ix-legal-table th {
	background: rgba(148, 163, 184, 0.08);
}
