@import url("common.css");

@layer components {
	.main {
		display: grid;
		grid-template-columns: 1fr 1fr;
		justify-content: center;
		align-items: start;
		width: 100%;

		& > section {
			overflow-y: auto;
			padding: 2em;
			line-height: 2;
		}
	}

	.form-container footer {
		align-self: start;
	}

	.trend-links {
		display: grid;
		gap: 0.5em;
	}

	.help-text {
		font-size: 0.875em;
		color: var(--color-subtle, #54595d);
		margin: 0.25em 0 0.75em;
	}
}