.documentation-container.svelte-nncwhk {
		background-color: var(--bg-main);
		color: var(--fg-main);
		display: flex;
		align-items: start;
		height: 100%;
		width: 100%;
		line-height: 1.5;
	}

	.service-list.svelte-nncwhk {
		background-color: var(--bg-section);
		color: var(--fg-section);
		width: 230px;
		height: 100%;
		overflow: auto;
	}
	.service-list.svelte-nncwhk h2:where(.svelte-nncwhk),
	h3.svelte-nncwhk {
		text-align: center;
		font-size: 1.6rem;
		padding: 0 0.5em;
		margin: 0;
		border-top: 1px solid var(--fg-section);
		font-weight: bold;
		font-size: 1.4rem;
		opacity: 0.5;
	}
	.service-list.svelte-nncwhk a:where(.svelte-nncwhk) {
		display: block;
		margin: 0;
		padding: 0.8em 2em;
	}
	.service-list.svelte-nncwhk a:where(.svelte-nncwhk):hover {
		background-color: var(--bg-section-hover);
		color: var(--fg-section-hover);
	}
	.service-list.svelte-nncwhk a.selected:where(.svelte-nncwhk) {
		background-color: var(--bg-section-selected);
		color: var(--fg-section-selected);
	}

	.service-content.svelte-nncwhk {
		display: flex;
		justify-content: center;
		flex-grow: 1;
		height: 100%;
		width: 100%;
		padding: 16px 32px;
		overflow: auto;
	}