@layer pages {
	/* Cooperation landing page extras. */

	.haf-coop-types {
		display: grid;
		gap: var(--haf-space-5);
	}

	.haf-coop-service-list {
		list-style: none;
		margin: 0;
		padding: 0;
		border-block: 1px solid var(--haf-color-border);
	}

	.haf-coop-service-list li + li {
		border-top: 1px solid var(--haf-color-border);
	}

	.haf-coop-service-list a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--haf-space-4);
		padding-block: var(--haf-space-5);
		transition: padding-inline-start var(--haf-transition-base), background-color var(--haf-transition-base);
	}

	.haf-coop-service-list a:hover {
		padding-inline-start: var(--haf-space-4);
		background: var(--haf-color-surface);
	}

	.haf-coop-service-list__name {
		font-size: var(--haf-font-size-xl);
		font-weight: 750;
	}

	.haf-coop-service-list__arrow {
		flex: 0 0 auto;
		color: var(--haf-color-primary);
		transition: transform var(--haf-transition-fast);
	}

	.haf-coop-service-list a:hover .haf-coop-service-list__arrow {
		transform: translateX(4px);
	}

	@media (min-width: 48rem) {
		.haf-coop-types {
			grid-template-columns: repeat(3, 1fr);
		}
	}
}