/*
[tob_reports] (Figma Impact Reports 1162:5686 / 1162:5704).
Report mockups sit on a white + 20% black panel (#CCCCCC), scaled to
122.6% of the panel height and centred, as in Figma.
*/
.tob-report__image {
	position: relative;
	overflow: hidden;
	background-color: #CCCCCC;
	border-radius: 32px;
}
.row .col .tob-report__image img {
	position: absolute;
	top: -11.25%;
	left: 50%;
	width: auto;
	max-width: none;
	height: 122.6%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	transform: translateX(-50%);
	margin: 0;
}
.row .col .tob-report__title {
	margin: 0;
	padding: 0;
}
.tob-report__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
body .tob-report__actions .nectar-button {
	margin: 0;
}

/* Featured: 833px panel, 32px to a 824px text block, 16px between items. */
.tob-reports--featured .tob-report__image {
	height: 833px;
}
.tob-reports--featured .tob-report__body {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 824px;
	margin-top: 32px;
}
.tob-reports--featured .tob-report__body p {
	padding-bottom: 0;
}
.tob-reports--featured .tob-report__subtitle {
	font-weight: 600;
}
.tob-reports--featured .tob-report__subtitle + .tob-report__excerpt {
	margin-top: -8px; /* Figma: 8px between the subtitle and the excerpt */
}

/* Grid: 3-up, 24px column gap, 56px between rows, 267px panels. */
.tob-reports--grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 56px 24px;
}
.tob-reports--grid .tob-report__image {
	height: 267px;
}
.tob-reports--grid .tob-report__body {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 16px;
}

@media only screen and (max-width: 999px) {
	.tob-reports--featured .tob-report__image {
		height: auto;
		aspect-ratio: 3 / 2;
	}
	.tob-reports--grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 40px 24px;
	}
}
@media only screen and (max-width: 690px) {
	.tob-reports--grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Explore tiles (Figma Research 1162:5903): 2-up 56px apart, 398px panels, button 24px below. */
.tob-reports--explore {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 56px;
}
.tob-reports--explore .tob-report__image {
	height: 398px;
}
.tob-reports--explore .tob-report__actions {
	margin-top: 24px;
}
@media only screen and (max-width: 999px) {
	.tob-reports--explore {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}
	.tob-reports--explore .tob-report__image {
		height: auto;
		aspect-ratio: 3 / 2;
	}
}

/* Annual reports (Figma 1162:5919 / 1162:5947): mockups at 119.49%,
   title 16px under the panel, grid 56px apart with 1248:833 panels. */
.row .col .tob-reports--cat-annual-reports .tob-report__image img {
	top: -7.96%;
	height: 119.49%;
}
.tob-reports--featured.tob-reports--cat-annual-reports .tob-report__body {
	margin-top: 16px;
}
.tob-reports--grid.tob-reports--cat-annual-reports {
	gap: 56px;
}
.tob-reports--grid.tob-reports--cat-annual-reports .tob-report__image {
	height: auto;
	aspect-ratio: 1248 / 833;
}
@media only screen and (max-width: 999px) {
	.tob-reports--grid.tob-reports--cat-annual-reports {
		gap: 40px 24px;
	}
}