---
---

<div class="w-3/5 mx-auto px-2 firm-content my-5">
	<slot></slot>
</div>
<style is:global>
	.firm-content {
		min-width: 70%;
		width: 60em;
		max-width: 100%;
		line-height: 1.4;
	}

	.firm-content * {
		margin-bottom: 1em;
	}

	.firm-content pre {
		padding: 0.3em;
	}

	.firm-content h1 {
		font-size: 2em;
		line-height: 1.8;
		font-weight: bold;
	}

	.firm-content h2 {
		font-size: 1.7em;
		line-height: 1.8;
		font-weight: bold;
	}

	.firm-content h3 {
		font-size: 1.4em;
		line-height: 1.3;
		font-weight: bold;
	}

	.firm-content th {
		border-bottom: 1px solid aliceblue;
	}

	.firm-content tr:nth-child(2n) {
		background: #383b3c;
	}

	.firm-content h4 {
		font-size: 1.2em;
		line-height: 1.3;
		font-weight: bold;
	}

	.firm-content a {
		color: rgb(59 130 246);
		transition: 300ms ease-in-out;
	}

	.firm-content a:hover {
		color: rgb(96 165 250);
	}
</style>
