:host {
	display: block;
}

.footer-column {
	display: flex;
	flex-direction: column;
	gap: var(--g-spacing-sm);
}

::slotted(h3) {
	font: var(--g-typography-h6-font);
	color: var(--g-color-content-default);
	margin: 0 0 var(--g-spacing-sm) 0;
}

::slotted(ul) {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--g-spacing-sm);
}

::slotted(li) {
	margin: 0;
}

::slotted(a) {
	color: var(--g-color-content-subtle);
	text-decoration: none;
	transition: color 0.2s ease;
}

::slotted(a:hover) {
	color: var(--g-color-content-default);
	text-decoration: underline;
}

::slotted(p) {
	margin: 0;
	color: var(--g-color-content-subtle);
	font: var(--g-typography-body-sm-font);
}