/*
 * FGLaw — Layout
 * Containers, section rhythm and editorial grids.
 */

.fg-main {
	overflow: clip;
}

.fg-container {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: var(--fg-content-width);
	padding-inline: var(--fg-gutter);
	width: 100%;
}

.fg-container--narrow {
	max-width: calc(var(--fg-text-width) + (2 * var(--fg-gutter)));
}

.fg-section {
	padding-block: var(--fg-space-lg);
}

.fg-section + .fg-section {
	border-top: 1px solid var(--fg-color-line);
}

.fg-entry-content,
.fg-prose {
	font-size: var(--fg-font-size-base);
}

.fg-entry-content > :first-child,
.fg-prose > :first-child {
	margin-top: 0;
}

.fg-entry-content > :last-child,
.fg-prose > :last-child {
	margin-bottom: 0;
}

.fg-entry-content h2 {
	font-size: var(--fg-font-size-h2);
	line-height: 1;
	margin-block: 1.65em 0.55em;
	max-width: 18ch;
}

.fg-entry-content h3 {
	font-size: var(--fg-font-size-h3);
	line-height: 1.08;
	margin-block: 1.7em 0.6em;
}

.fg-entry-content p,
.fg-entry-content ul,
.fg-entry-content ol {
	max-width: 42rem;
}

.fg-entry-content ul,
.fg-entry-content ol {
	margin-block: 1.5rem;
	padding-left: 1.25rem;
}

.fg-entry-content li + li {
	margin-top: 0.65rem;
}

@media (min-width: 64rem) {
	.fg-section {
		padding-block: var(--fg-space-xl);
	}
}