.bi-home-news,
.bi-home-news * {
	box-sizing: border-box;
}

.bi-home-news {
	display: grid;
	gap: 16px;
	width: 100%;
	container-name: bi-home-news;
	container-type: inline-size;
}

.bi-home-news a {
	color: inherit;
	text-decoration: none;
}

.bi-home-news__lead,
.bi-home-news__card {
	position: relative;
	min-width: 0;
	margin: 0;
}

.bi-home-news__lead-link,
.bi-home-news__card-link,
.bi-home-news__media,
.bi-home-news__card-media {
	display: block;
}

.bi-home-news__lead-link {
	position: relative;
	overflow: visible;
	background: #fff;
}

.bi-home-news__media {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 10px;
}

.bi-home-news__media::after {
	position: absolute;
	inset: 0;
	content: "";
	background: linear-gradient(180deg, transparent 48%, rgba(5, 17, 13, .84) 100%);
}

.bi-home-news__image,
.bi-home-news__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bi-home-news__placeholder {
	background: linear-gradient(135deg, #1b4a39, #0bae7a);
}

.bi-home-news__lead-content {
	position: absolute;
	right: 20px;
	bottom: 18px;
	left: 20px;
	z-index: 2;
}

.bi-home-news__eyebrow {
	display: block;
	margin-bottom: 7px;
	color: #43d9a5;
	font-family: inherit;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.bi-home-news__lead-title {
	max-width: 680px;
	margin: 0 !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: clamp(22px, 2vw, 29px) !important;
	font-weight: 700 !important;
	line-height: 1.13 !important;
	letter-spacing: 0 !important;
}

.bi-home-news__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px 12px;
}

.bi-home-news__card-link {
	position: relative;
}

.bi-home-news__card-media {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #eef3f0;
	border-radius: 8px;
}

.bi-home-news__card-title {
	margin: 9px 2px 0 !important;
	color: #111713 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.23 !important;
}

.bi-home-news__ad-label {
	position: absolute;
	top: -7px;
	left: 12px;
	z-index: 4;
	padding: 5px 8px 4px;
	color: #fff;
	background: #111;
	border: 2px solid #fff;
	border-radius: 5px;
	font-size: 9px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .08em;
}

.bi-home-news__image {
	transition: filter .22s ease;
}

@media (hover: hover) {
	.bi-home-news__card-link:hover .bi-home-news__card-title {
		color: #07885f;
	}
}

@media (min-width: 1025px) {
	.bi-home-news__media {
		aspect-ratio: 233 / 125;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.bi-home-news__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px 12px;
	}

	.bi-home-news__lead-title {
		font-size: 23px !important;
	}

	.bi-home-news__card-title {
		font-size: 15px !important;
		line-height: 1.22 !important;
	}
}

@media (max-width: 767px) {
	.bi-home-news {
		gap: 14px;
	}

	.bi-home-news__media {
		aspect-ratio: 16 / 10;
		border-radius: 8px;
	}

	.bi-home-news__lead-content {
		right: 15px;
		bottom: 14px;
		left: 15px;
	}

	.bi-home-news__eyebrow {
		margin-bottom: 6px;
		font-size: 9px;
	}

	.bi-home-news__lead-title {
		font-size: clamp(19px, 5.4vw, 23px) !important;
		line-height: 1.14 !important;
		letter-spacing: 0 !important;
	}

	.bi-home-news__grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 11px;
	}

	.bi-home-news__card-link {
		display: grid;
		grid-template-columns: minmax(112px, 38%) minmax(0, 1fr);
		align-items: center;
		gap: 12px;
	}

	.bi-home-news__card-media {
		aspect-ratio: 4 / 3;
		border-radius: 7px;
	}

	.bi-home-news__card-title {
		position: static;
		margin: 0 !important;
		color: #111713 !important;
		font-size: 15px !important;
		line-height: 1.24 !important;
	}

	.bi-home-news__ad-label {
		top: -6px;
		left: 7px;
		padding: 4px 6px 3px;
		font-size: 8px;
	}
}

@media (max-width: 370px) {
	.bi-home-news__card-link {
		grid-template-columns: 104px minmax(0, 1fr);
		gap: 10px;
	}

}

/* TagDiv potrafi zwężać kolumnę bez zmiany szerokości całego podglądu. */
@container bi-home-news (min-width: 601px) and (max-width: 700px) {
	.bi-home-news__media {
		aspect-ratio: 19 / 10;
		height: calc((100cqw / 1.9) + 5px);
	}

	.bi-home-news__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px 12px;
	}

	.bi-home-news__lead-title {
		font-size: 23px !important;
	}

	.bi-home-news__card-title {
		font-size: 15px !important;
		line-height: 1.22 !important;
	}
}

@container bi-home-news (max-width: 520px) {
	.bi-home-news__media {
		aspect-ratio: 9 / 5;
		height: calc((100cqw / 1.8) - 3px);
	}

	.bi-home-news__lead-content {
		right: 14px;
		bottom: 13px;
		left: 14px;
	}

	.bi-home-news__lead-title {
		font-size: clamp(19px, 5.4vw, 23px) !important;
		line-height: 1.14 !important;
	}

	.bi-home-news__grid {
		grid-template-columns: 1fr;
		gap: 11px;
	}

	.bi-home-news__card-link {
		display: grid;
		grid-template-columns: minmax(112px, 38%) minmax(0, 1fr);
		align-items: center;
		gap: 12px;
	}

	.bi-home-news__card-title {
		margin: 0 !important;
		font-size: 15px !important;
		line-height: 1.24 !important;
	}
}

@container bi-home-news (max-width: 400px) {
	.bi-home-news__media {
		aspect-ratio: 16 / 10;
		height: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bi-home-news__image {
		transition: none;
	}
}

.bi-home-side,
.bi-home-side * {
	box-sizing: border-box;
}

.bi-home-side {
	display: grid;
	gap: 18px;
	width: 100%;
	container-name: bi-home-side;
	container-type: inline-size;
}

.bi-home-side__ads {
	display: grid;
	gap: 13px;
}

.bi-home-side__ads > .code-block,
.bi-home-side__ads > [class*="code-block"],
.bi-home-side__ads .ai-viewport-1,
.bi-home-side__ads .ai-viewport-2,
.bi-home-side__ads .ai-viewport-3 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.bi-home-side__feed {
	overflow: hidden;
	color: #111713;
	background: #fff;
	border: 1px solid #dfe6e2;
	border-radius: 8px;
}

.bi-home-side__header {
	display: flex;
	align-items: center;
	position: relative;
	padding: 16px 17px 14px;
	border-bottom: 1px solid #dfe6e2;
}

.bi-home-side__header::after {
	position: absolute;
	bottom: -1px;
	left: 17px;
	width: 38px;
	height: 3px;
	content: "";
	background: #0bae7a;
}

.bi-home-side__header h2 {
	margin: 0 !important;
	color: #111713 !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
}

.bi-home-side__list {
	display: grid;
	grid-template-rows: repeat(5, minmax(72px, auto));
}

.bi-home-side__item {
	margin: 0;
	border-bottom: 1px solid #e4e9e6;
}

.bi-home-side__item:last-child {
	border-bottom: 0;
}

.bi-home-side__item:nth-child(n+6) {
	display: none;
}

.bi-home-side__item > a {
	display: grid;
	position: relative;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-height: 100%;
	padding: 13px 17px 13px 20px;
	color: #111713;
	text-decoration: none;
}

.bi-home-side__item > a::before {
	position: absolute;
	top: 18px;
	bottom: 18px;
	left: 9px;
	width: 3px;
	content: "";
	background: #0bae7a;
	border-radius: 2px;
}

.bi-home-side__copy,
.bi-home-side__title,
.bi-home-side__meta {
	display: block;
}

.bi-home-side__title {
	color: #111713;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.23;
}

.bi-home-side__meta {
	margin-top: 5px;
	color: #7b8580;
	font-size: 9px;
	line-height: 1;
}

.bi-home-side__meta strong {
	display: inline-block;
	margin-left: 7px;
	padding: 3px 5px;
	color: #fff;
	background: #000;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 3px;
	font-size: 8px;
	line-height: 1;
	letter-spacing: .06em;
}

@media (hover: hover) {
	.bi-home-side__item > a:hover {
		background: #f4f8f6;
	}

	.bi-home-side__item > a:hover .bi-home-side__title {
		color: #07885f;
	}
}

@media (max-width: 767px) {
	.bi-home-side {
		gap: 16px;
	}

	.bi-home-side__ads {
		gap: 12px;
	}

	.bi-home-side__header {
		padding: 14px 15px 12px;
	}

	.bi-home-side__item > a {
		padding: 12px 13px 12px 20px;
	}

	.bi-home-side__title {
		font-size: 15px !important;
		line-height: 1.24 !important;
	}
}

@media (min-width: 768px) {
	@container bi-home-side (min-width: 270px) and (max-width: 330px) {
		.bi-home-side__list {
			grid-template-rows: repeat(7, minmax(72px, auto));
		}

		.bi-home-side__item:nth-child(n+6) {
			display: block;
		}
	}
}

/* Visual sidebar stream with responsive compact story counts. */
.bi-home-side__feed {
	overflow: visible;
	color: #111713;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.bi-home-side__featured,
.bi-home-side__item {
	position: relative;
	margin: 0;
	overflow: hidden;
	background: #f5f7f6;
	border: 1px solid #dfe6e2;
	border-radius: 8px;
}

.bi-home-side__featured > a {
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	color: #fff;
	background: #17362c;
	text-decoration: none;
}

.bi-home-side__featured-media,
.bi-home-side__item-media {
	display: block;
	min-width: 0;
	height: 100%;
	overflow: hidden;
}

.bi-home-side__featured-media::after {
	position: absolute;
	inset: 24% 0 0;
	content: "";
	background: linear-gradient(180deg, transparent 0%, rgba(4, 20, 15, .88) 100%);
	pointer-events: none;
}

.bi-home-side__featured-media .bi-home-news__image,
.bi-home-side__featured-media .bi-home-news__placeholder,
.bi-home-side__item-media .bi-home-news__image,
.bi-home-side__item-media .bi-home-news__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bi-home-side__featured-title {
	display: -webkit-box;
	position: absolute;
	right: 16px;
	bottom: 15px;
	left: 16px;
	z-index: 1;
	overflow: hidden;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.16;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.bi-home-side__list {
	display: grid;
	grid-template-rows: repeat(5, 88px);
	gap: 9px;
}

.bi-home-side__item {
	display: block;
	border-bottom: 1px solid #dfe6e2;
}

.bi-home-side__item:nth-child(n+6) {
	display: none;
}

.bi-home-side__item > a {
	display: grid;
	position: relative;
	grid-template-columns: 112px minmax(0, 1fr);
	align-items: stretch;
	gap: 0;
	height: 100%;
	min-height: 0;
	padding: 0;
	color: #111713;
	background: transparent;
	text-decoration: none;
}

.bi-home-side__item > a::before {
	display: none;
	content: none;
}

.bi-home-side__copy {
	display: flex;
	min-width: 0;
	padding: 10px 11px;
	align-items: center;
}

.bi-home-side__title {
	display: -webkit-box;
	overflow: hidden;
	max-width: 100%;
	color: #111713;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.19;
	overflow-wrap: anywhere;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.bi-home-side__ad-label {
	display: inline-flex;
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 3;
	align-items: center;
	justify-content: center;
	padding: 4px 6px;
	color: #fff;
	background: #111713;
	border: 2px solid #fff;
	border-radius: 4px;
	font-size: 8px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .07em;
}

@media (hover: hover) {
	.bi-home-side__featured > a:hover .bi-home-side__featured-media .bi-home-news__image,
	.bi-home-side__item > a:hover .bi-home-side__item-media .bi-home-news__image {
		transform: scale(1.025);
	}

	.bi-home-side__featured-media .bi-home-news__image,
	.bi-home-side__item-media .bi-home-news__image {
		transition: transform .25s ease;
	}

	.bi-home-side__item > a:hover {
		background: #eef4f1;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.bi-home-side__list {
		grid-template-rows: repeat(8, 60px);
		gap: 6px;
	}

	.bi-home-side__item:nth-child(n+6) {
		display: block;
	}

	.bi-home-side__item > a {
		grid-template-columns: 78px minmax(0, 1fr);
	}

	.bi-home-side__copy {
		padding: 6px 8px;
	}

	.bi-home-side__title {
		font-size: 13px;
		line-height: 1.14;
		-webkit-line-clamp: 3;
	}
}

@media (max-width: 767px) {
	.bi-home-side__featured > a {
		aspect-ratio: 16 / 10;
	}

	.bi-home-side__featured-title {
		font-size: 18px;
	}

	.bi-home-side__list {
		grid-template-rows: repeat(7, 82px);
		gap: 8px;
	}

	.bi-home-side__item:nth-child(n+6) {
		display: block;
	}

	.bi-home-side__item:nth-child(n+8) {
		display: none;
	}

	.bi-home-side__item > a {
		grid-template-columns: 102px minmax(0, 1fr);
		padding: 0;
	}

	.bi-home-side__copy {
		padding: 7px 9px;
	}

	.bi-home-side__title {
		font-size: 15px !important;
		line-height: 1.18 !important;
		-webkit-line-clamp: 3;
	}
}


@media (max-width: 767px) {
	@container bi-home-side (max-width: 360px) {
		.bi-home-side__list {
			grid-template-rows: repeat(7, 80px);
			gap: 7px;
		}

		.bi-home-side__item > a {
			grid-template-columns: 96px minmax(0, 1fr);
		}

		.bi-home-side__copy {
			padding: 8px 9px;
		}

		.bi-home-side__title {
			font-size: 15px !important;
			line-height: 1.18 !important;
			-webkit-line-clamp: 3;
		}
	}
}

/*
 * Liczba kafli oraz wysokość prawej kolumny według faktycznego układu rzędu.
 * Klasy nadaje home-news.js, dlatego działają również w podglądzie TagDiv,
 * gdzie szerokość płótna może być inna niż szerokość okna przeglądarki.
 */
.bi-home-side--desktop .bi-home-side__item:nth-child(n+6) {
	display: none;
}

.bi-home-side--tablet .bi-home-side__item:nth-child(-n+8) {
	display: block;
}

.bi-home-side--synced .bi-home-side__list {
	grid-template-rows: repeat(5, minmax(0, 1fr));
}

.bi-home-side--tablet.bi-home-side--synced .bi-home-side__list {
	grid-template-rows: repeat(8, minmax(0, 1fr));
}

.bi-home-side--tablet-landscape .bi-home-side__list {
	gap: 7px;
}

.bi-home-side--tablet-portrait .bi-home-side__list {
	gap: 6px;
}

.bi-home-side--tablet-landscape .bi-home-side__item > a {
	grid-template-columns: 86px minmax(0, 1fr);
}

.bi-home-side--tablet-portrait .bi-home-side__item > a {
	grid-template-columns: 78px minmax(0, 1fr);
}

.bi-home-side--tablet-landscape .bi-home-side__copy {
	padding: 7px 9px;
}

.bi-home-side--tablet-portrait .bi-home-side__copy {
	padding: 6px 8px;
}

.bi-home-side--tablet .bi-home-side__title {
	font-size: 13px !important;
	line-height: 1.16 !important;
	-webkit-line-clamp: 3;
}