@media screen and (min-width: 1026px) and (max-width: 1350px) {
	.tjanster-feed--subpages {
		grid-template-columns: var(--grid-2) !important;
	}
}
@media screen and (max-width: 1025px) {
	.tjanster-feed--top-level {
		margin-bottom: -10px;
	}
}
.tjanster-feed--top-level .card {
	position: relative;
}
.tjanster-feed--top-level .card-inner {
	padding: 4rem;
	transition: 0.3s ease-out;
}
@media screen and (min-width: 1026px) {
	.tjanster-feed--top-level .card-inner {
		min-height: 460px;
	}
}

@media screen and (max-width: 1025px) {
	.tjanster-feed--top-level .card-inner {
		padding: 2rem;
		padding-top: 17rem;
	}
	.tjanster-feed--top-level .card-inner > svg {
		width: 74px;
		top: 10px !important;
	}
}

.tjanster-feed--top-level .card-inner > svg {
	position: absolute;
	top: 4rem;
	transition: 0.3s ease-out;
}
.tjanster-feed--top-level a {
	text-decoration: none !important;
}
@media screen and (min-width: 1026px) {
	.tjanster-feed--top-level .card:has(a.clickable-parent:is(:hover, :focus-visible)) svg {
		transform: rotate(180deg);
	}
	.tjanster-feed--top-level p,
	.tjanster-feed--top-level h3 {
		transition: 0.2s ease-out;
	}
	.tjanster-feed--top-level .card:has(a.clickable-parent:is(:hover, :focus-visible)) p,
	.tjanster-feed--top-level .card:has(a.clickable-parent:is(:hover, :focus-visible)) h3 {
		color: var(--base);
	}
	.tjanster-feed--top-level svg path {
		transition: 0.3s ease-out;
	}
	.tjanster-feed--top-level .card:has(a.clickable-parent:is(:hover, :focus-visible)) svg path {
		fill: var(--primary);
	}

	.tjanster-feed--top-level .card:has(a.clickable-parent:is(:hover, :focus-visible)) .card-inner {
		background: var(--secondary);
		transform: translateY(-2rem);
	}
	.tjanster-feed--top-level .card:has(a.clickable-parent:is(:hover, :focus-visible)) a.clickable-parent::after {
		inset: -2rem -1rem;
	}
}

/* Subitems */
.tjanster-feed--subpages .card-inner {
	background: var(--primary-dark);
	padding: 4.5rem 2.5rem 2.5rem 2.5rem;
}

.tjanster-feed--subpages .card-inner a {
	text-decoration: underline;
}
@media screen and (min-width: 1026px) {
	.tjanster-feed--subpages .card-inner:has(a:is(:hover, :focus-visible)) {
		background: var(--secondary-ultra-light);
		color: var(--base) !important;
	}
	.tjanster-feed--subpages .card-inner:has(a:is(:hover, :focus-visible)) * {
		color: var(--base) !important;
	}
}
.tjanster-feed--subpages a {
	outline: 0 !important;
	transition: 0.2s ease-out !important;
}