/*
 * Bios (page 927). Rows are 1fr 2fr [spec 3b]; photos at today's sizes (R-8 reproduced) [m bios-1440|390].
 * Row rhythm: photo column 25px margin + 10px column padding on top; right column's first heading sits 30px
 * below the row top; the bio ends 20px (widget gap) + 50px (spacer) + 10px (column padding) above the next row.
 */

.canopy-bios { padding-bottom: 70px; } /* today's empty last row: 10 + 50px spacer + 10 */

.canopy-bio { gap: 0 20px; }
.canopy-bio__photo-col { padding: 35px 0 10px; }

.canopy-bio__photo { display: block; max-width: 100%; object-fit: cover; }
.canopy-bio__photo--a { width: 357px; height: auto; aspect-ratio: 357 / 338; }
.canopy-bio__photo--b { width: 257px; height: auto; aspect-ratio: 257 / 238; }
.canopy-bio__photo--c { width: 250px; height: auto; aspect-ratio: 1; }

.canopy-bio__body { padding: 30px 0 80px; scroll-margin-top: 0; }

/* h3 look: 30px, 20px below 768 (the h3 scale), Roboto Slab 600 green [m]. */
.canopy-bio__name { margin: 0 0 20px; font-size: var(--cc-fs-h3); line-height: 1; }
/* h4 look: Arial 600 green 24px, 22px below 768 (R-16 reproduced) [m]. */
.canopy-bio__role { margin: 0 0 20px; font-family: var(--cc-font-body); font-size: var(--cc-fs-h4); font-weight: 600; line-height: 1; }

.canopy-bio__text { color: var(--cc-text-kit-on-white); font-family: var(--cc-font-ui); font-size: 15px; line-height: 25px; }
.canopy-bio__text p { margin: 0 0 26px; }
.canopy-bio__text > :last-child { margin-bottom: 0; }
.canopy-bio__text > p,
.canopy-bio__text > ul { max-width: var(--cc-measure); }
/* Jenna Reese's Word paste left an empty paragraph before the text: its 26px gap, reproduced. */
#jennareese .canopy-bio__text { padding-top: 26px; }

@media (max-width: 767px) {
	.canopy-bio { gap: 0; }
	.canopy-bio__text { font-size: 14px; line-height: 23px; }
	.canopy-bio__text p { margin-bottom: 24px; }
	#jennareese .canopy-bio__text { padding-top: 24px; }
}

/* B10-1: the old site switched to phone type at <= 768px (Astra 4.7.3 inline responsive CSS: html 85.5%,
   h1 30 / h2 25 / h3 20), while columns stacked only at <= 767. These are this file's <= 767 type rules, repeated so
   768 gets them too; 769+ stays desktop, 390 is unchanged. Source: audit/measure/live-tablet-breakpoint.txt */
@media (max-width: 768px) {
	.canopy-bio__text { font-size: 14px; line-height: 23px; }
}