
	.legal-page.svelte-1e0rsuc {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
		max-width: 48rem;
		margin: 0 auto;
		padding-bottom: 2rem;
	}

	.legal-hero.svelte-1e0rsuc {
		padding: 1.35rem 1.25rem;
		border-radius: var(--radius-lg);
		border: 1px solid var(--surface-border);
		background:
			radial-gradient(420px 180px at 0% 0%, var(--accent-soft), transparent 60%),
			var(--surface);
		box-shadow: var(--surface-shadow);
	}

	.legal-eyebrow.svelte-1e0rsuc {
		margin: 0;
		font-size: 0.72rem;
		font-weight: 700;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		color: var(--accent);
	}

	.legal-title.svelte-1e0rsuc {
		margin: 0.45rem 0 0;
		font-family: var(--font-display);
		font-size: clamp(1.35rem, 4vw, 1.85rem);
		font-weight: 700;
		letter-spacing: -0.03em;
		line-height: 1.15;
		color: var(--ink);
	}

	.legal-updated.svelte-1e0rsuc {
		margin: 0.65rem 0 0;
		font-size: 0.85rem;
		color: var(--muted);
	}

	.legal-note.svelte-1e0rsuc {
		margin: 0.75rem 0 0;
		padding: 0.65rem 0.75rem;
		border-radius: var(--radius);
		border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--surface-border));
		background: var(--accent-soft);
		font-size: 0.82rem;
		line-height: 1.5;
		color: var(--ink);
	}

	.legal-toc.svelte-1e0rsuc {
		padding: 1rem 1.15rem;
		border-radius: var(--radius-lg);
		border: 1px solid var(--surface-border);
		background: var(--surface);
		box-shadow: var(--surface-shadow);
	}

	.legal-toc.svelte-1e0rsuc ol:where(.svelte-1e0rsuc) {
		margin: 0;
		padding-left: 1.15rem;
		display: grid;
		gap: 0.35rem;
		font-size: 0.85rem;
		line-height: 1.4;
	}

	.legal-toc.svelte-1e0rsuc a:where(.svelte-1e0rsuc) {
		color: var(--accent);
		text-decoration: none;
	}

	.legal-toc.svelte-1e0rsuc a:where(.svelte-1e0rsuc):hover {
		text-decoration: underline;
	}

	.legal-body.svelte-1e0rsuc {
		padding: 1.25rem 1.2rem 1.5rem;
		border-radius: var(--radius-lg);
		border: 1px solid var(--surface-border);
		background: var(--surface);
		box-shadow: var(--surface-shadow);
	}

	.legal-official-title.svelte-1e0rsuc {
		margin: 0 0 1.25rem;
		font-family: var(--font-display);
		font-size: 1.05rem;
		font-weight: 700;
		letter-spacing: -0.02em;
		line-height: 1.35;
		color: var(--ink);
	}

	.legal-section.svelte-1e0rsuc {
		margin-top: 1.35rem;
		scroll-margin-top: 5.5rem;
	}

	.legal-section.svelte-1e0rsuc:first-of-type {
		margin-top: 0;
	}

	.legal-section.svelte-1e0rsuc h2:where(.svelte-1e0rsuc) {
		margin: 0 0 0.65rem;
		font-size: 1.05rem;
		font-weight: 700;
		letter-spacing: -0.02em;
		color: var(--ink);
	}

	.legal-section.svelte-1e0rsuc p:where(.svelte-1e0rsuc) {
		margin: 0 0 0.65rem;
		font-size: 0.9rem;
		line-height: 1.65;
		color: var(--muted);
	}

	.legal-section.svelte-1e0rsuc ul:where(.svelte-1e0rsuc) {
		margin: 0 0 0.75rem;
		padding-left: 1.2rem;
		display: grid;
		gap: 0.4rem;
	}

	.legal-section.svelte-1e0rsuc li:where(.svelte-1e0rsuc) {
		font-size: 0.9rem;
		line-height: 1.55;
		color: var(--muted);
	}
