/* CHECKLISTS — .db-checklists  (faq = 1)   Intro beside a list of downloads. */
.db-checklists { background: var(--sand); border-bottom: 1px solid var(--line); }
.db-checklists .db-checklists__inner { display: flex; flex-direction: column; gap: 60px; padding-block: 48px 24px; }
.db-checklists__intro { display: flex; flex-direction: column; gap: 16px; }
.db-checklists__title { font-size: clamp(1.5rem, 8vw, 5rem); line-height: 1.1; }
.db-checklists__text { font-weight: 300; font-size: 16px; line-height: 1.75; color: var(--muted); }
.db-checklists .db-checklists__list { display: flex; flex-direction: column; }
.db-checklists .db-checklists__row {
	display: flex; align-items: center; justify-content: space-between; gap: 40px;
	padding-block: 16px; border-bottom: 1px solid var(--line);
}
/* The frame ends each row with a 24px download glyph, not the word "Download"
   (368:3461). The label is kept in the markup as the link's accessible name and
   clipped out of sight rather than deleted. */
.db-checklists__row a {
	display: block;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	border: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2325201E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
	transition: opacity .2s ease;
}
.db-checklists__row a:hover { opacity: .6; }
.db-checklists__row > p:first-child { font-family: var(--font-display); text-transform: uppercase; font-size: 18px; line-height: 28px; color: var(--ink); }
.db-checklists__note { font-size: 14px; line-height: 22px; color: var(--muted); margin: 0; }
.db-checklists__note-star { color: var(--gold); }
@media (min-width: 861px) {
	.db-checklists .db-checklists__inner {
		display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: clamp(48px, 8vw, 120px); padding-block: 120px; align-items: start;
	}
	.db-checklists__intro { gap: 24px; }
	.db-checklists__title { font-size: 5rem; line-height: 88px; }
	.db-checklists__row > p:first-child { font-size: 1.5rem; line-height: 32px; }
	/* left column is title + copy at the top, footnote pinned to the bottom */
	.db-checklists__intro { height: 100%; justify-content: space-between; }
}