/* Finance Homepage — header row (title + billboard), the sponsor-branded
   calculator wrapped by intro text, the featured-company tile grid
   (reuses .cbm-nv-grid/.cbm-nv-card from new-vehicles.css directly — same
   card design, no new grid class needed), and the "All finance
   companies" dropdown sidebar. */

.cbm-finance-hp__header {
	display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;
	padding-top: 16px; padding-bottom: 8px; /* was 24px — tightened 2026-09-02 to match the sitewide 16px baseline used on other pages' .cbm-container header spacing */
}
.cbm-finance-hp__billboard { flex: 0 0 300px; }

.cbm-finance-hp__body { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 32px; padding-bottom: 32px; }

/* Taller than the default 120px .cbm-textwrap ad height — this box holds
   a title, placeholder line and a form, not just a banner image. */
.cbm-finance-hp__calc-wrap { --cbm-tw-ad-height: 280px; }
.cbm-finance-hp__calc {
	display: flex; flex-direction: column; gap: 10px; height: 100%; box-sizing: border-box;
	background: var(--cbm-fill-light); border: 1px solid var(--cbm-hairline); border-radius: var(--cbm-radius);
	padding: 16px;
}
.cbm-finance-hp__calc-title { font-family: var(--cbm-font-body); font-size: 16px; font-weight: 700; margin: 0; color: var(--cbm-red); }
.cbm-finance-hp__calc-placeholder { font-size: 13px; color: var(--cbm-muted-grey); margin: 0; }
.cbm-finance-hp__calc-form { display: flex; flex-direction: column; gap: 8px; margin-top: auto; }
.cbm-finance-hp__calc-form textarea {
	width: 100%; box-sizing: border-box; border: 1px solid var(--cbm-hairline); border-radius: 2px;
	padding: 8px; font-size: 13px; resize: vertical;
}

.cbm-finance-hp__sidebar { padding-top: 8px; }
.cbm-finance-hp__all-dropdown {
	border: 1px solid var(--cbm-hairline); border-radius: var(--cbm-radius); padding: 12px 14px; background: #fff;
}
.cbm-finance-hp__all-dropdown summary {
	font-family: var(--cbm-font-body); font-weight: 700; font-size: 14px; text-transform: uppercase;
	letter-spacing: 0.03em; color: var(--cbm-red); cursor: pointer;
}
.cbm-finance-hp__all-dropdown ul { list-style: none; margin: 10px 0 0; padding: 0; }
.cbm-finance-hp__all-dropdown li { padding: 6px 0; border-top: 1px solid var(--cbm-hairline); font-size: 13px; }
.cbm-finance-hp__all-dropdown li:first-child { border-top: 0; }
.cbm-finance-hp__all-dropdown a { color: var(--cbm-near-black-alt); text-decoration: none; }
.cbm-finance-hp__all-dropdown a:hover { color: var(--cbm-red); }

@media (max-width: 900px) {
	.cbm-finance-hp__body { grid-template-columns: 1fr; }
	.cbm-finance-hp__header { flex-direction: column; }
}

/* Finance company detail page — thin shell, bespoke content area */
.cbm-finance-company { padding-top: 16px; padding-bottom: 40px; }
.cbm-finance-company__header { display: flex; align-items: center; gap: 20px; padding: 16px 0 20px; }
.cbm-finance-company__logo img { max-height: 64px; width: auto; }
.cbm-finance-company__header h1 { font-family: var(--cbm-font-heading); font-size: 28px; margin: 0; }
.cbm-finance-company__content { max-width: 760px; line-height: 1.7; margin-bottom: 32px; }
.cbm-finance-company__contact {
	max-width: 480px; background: var(--cbm-fill-light); border: 1px solid var(--cbm-hairline);
	border-radius: var(--cbm-radius); padding: 20px;
}
.cbm-finance-company__contact h2 { font-size: 18px; margin: 0 0 10px; }
.cbm-finance-company__contact-form { display: flex; flex-direction: column; gap: 10px; }
.cbm-finance-company__contact-form textarea {
	width: 100%; box-sizing: border-box; border: 1px solid var(--cbm-hairline); border-radius: 2px;
	padding: 8px; font-size: 13px; resize: vertical;
}