#content {
    min-height: calc(100vh - 5rem);
}

.d-grid{display: grid;}
.grid-2 {grid-template-columns: repeat(2, 1fr);}
.grid-3 {grid-template-columns: repeat(3, 1fr);}
.grid-4 {grid-template-columns: repeat(4, 1fr);}

.column-gap-1{ column-gap: 0.125rem; } .row-gap-1{ row-gap: 0.125rem; }
.column-gap-2{ column-gap: 0.25rem; } .row-gap-2{ row-gap: 0.25rem; }
.column-gap-3{ column-gap: 0.5rem; } .row-gap-3{ row-gap: 0.5rem; }
.column-gap-4{ column-gap: 0.75rem; } .row-gap-4{ row-gap: 0.75rem; }
.column-gap-5{ column-gap: 1rem; } .row-gap-5{ row-gap: 1rem; }
.column-gap-6{ column-gap: 1.5rem; } .row-gap-6{ row-gap: 1.5rem; }
.column-gap-7{ column-gap: 2rem; } .row-gap-7{ row-gap: 2rem; }
.column-gap-8{ column-gap: 2.5rem; } .row-gap-8{ row-gap: 2.5rem; }
.column-gap-9{ column-gap: 3rem; } .row-gap-9{ row-gap: 3rem; }
.column-gap-10{ column-gap: 4rem; } .row-gap-10{ row-gap: 4rem; }


code{
	background: #f5f5f5;
	color: #c10043;
	font-size: 0.825em;
	padding: 4px 6px;
	border-radius: 6px;
}

.reference-link {
	max-width: 15rem;
	display: block;
	margin: .75rem 0 1.5rem 0;
}

.toc-section .title-underline {
    border-bottom: solid 2px;
}

/** ALERT ***/



div.eds-alert {
	position: relative;
	display: flex;
	border-radius: 6px;
	padding: 1rem;
	gap: 1rem;
}

div.eds-alert.warning {
	background-color: #fef9ec;
	border: 1px solid #916802;
}

div.eds-alert.info {
    background-color: rgb(243, 245, 255);
    border: 1px solid rgb(0, 46, 255);
}

div.eds-alert p{
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: .875rem;
	letter-spacing: .00219rem;
	line-height: 1.55rem;
}