/* BCAR — /sitemap/.
   Loads after site.css. There is no prototype for this page, so it is built
   entirely out of the shared component layer: page hero, jump pills, section
   heads, .bcar-card--signature (the 14px 0 14px 14px brand shape, via --sig)
   and the standard type scale. What is below is only the two things site.css
   has no equivalent for - the card index and the dense link lists - plus the
   handful of section paddings that follow the same tiering as the other
   partials. No colour is written as a literal: every value resolves to a
   theme.json token through the :root aliases in site.css. */

/* ---------- hero ---------- */
/* Matches the padding the other secondary heroes use. The state hero's brass
   ring is deliberately not inherited here: this page is an index, and the ring
   sits behind the long jump-pill row. */
.bcar-page-hero--sitemap { padding: 30px 0 34px }

/* ---------- section rhythm ---------- */
.bcar-sitemap-core { padding-top: 36px }
.bcar-sitemap-answers, .bcar-sitemap-reviews, .bcar-sitemap-loc, .bcar-sitemap-more { padding-top: 40px }
.bcar-sitemap-cta { padding-top: 44px }
.bcar-sitemap-cta.bcar-section--last { padding-bottom: 56px }
.bcar-sitemap-cta .bcar-cta-band .bcar-h2 { font-size: clamp(1.375rem, 2.5vw, 2rem); line-height: 1.1; max-width: 620px }
.bcar-sitemap-cta .bcar-cta-band__text { max-width: 620px }
.bcar-sitemap-cta .bcar-link-arrow { font-size: 13px }
/* .bcar-section__head is a baseline-aligned flex row; the trailing note needs a
   measure or it fights the H2 for the line. */
.bcar-sitemap-core .bcar-section__head span, .bcar-sitemap-answers .bcar-section__head span,
.bcar-sitemap-reviews .bcar-section__head span, .bcar-sitemap-loc .bcar-section__head span,
.bcar-sitemap-more .bcar-section__head span { font-size: 16px; max-width: 560px }

/* ---------- card index ---------- */
.bcar-sitemap-cards { margin-top: 22px; display: grid; grid-template-columns: 1fr; gap: 14px }
.bcar-sitemap-card { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 4px 16px; padding: 20px 22px }
.bcar-sitemap-card__label { font-size: 17px; font-weight: 900; letter-spacing: -.02em; color: var(--c-ink) }
.bcar-sitemap-card__path { justify-self: end; font-size: 12px; font-weight: 700; color: var(--c-mu2); font-variant-numeric: tabular-nums; overflow-wrap: anywhere }
.bcar-sitemap-card__note { grid-column: 1 / -1; font-size: 15.5px; line-height: 1.55; color: var(--c-ink3) }
.bcar-sitemap-card:hover .bcar-sitemap-card__label { color: var(--c-acd) }

/* ---------- grouped link lists ---------- */
.bcar-sitemap-groups { margin-top: 22px; display: grid; grid-template-columns: 1fr; gap: 30px }
.bcar-sitemap-group__h { margin: 0 0 12px; padding-bottom: 10px; border-bottom: 1px solid var(--c-line); font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; color: var(--c-ink); display: flex; align-items: baseline; justify-content: space-between; gap: 12px }
.bcar-sitemap-group__count { font-size: 11px; font-weight: 800; letter-spacing: .04em; color: var(--c-mu); font-variant-numeric: tabular-nums }

.bcar-sitemap-links { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr; gap: 2px }
.bcar-sitemap-links li { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--c-lines) }
.bcar-sitemap-links li:last-child { border-bottom: 0 }
.bcar-sitemap-links__num { font-size: 11px; font-weight: 900; letter-spacing: .04em; color: var(--c-mu2); font-variant-numeric: tabular-nums }
.bcar-sitemap-links a { font-size: 15.5px; font-weight: 700; line-height: 1.4; color: var(--c-ink3) }
.bcar-sitemap-links a:hover { color: var(--c-acd) }
.bcar-sitemap-links__meta { justify-self: end; font-size: 12px; font-weight: 700; color: var(--c-mu); white-space: nowrap; font-variant-numeric: tabular-nums }
.bcar-sitemap-links--cols li { grid-template-columns: auto 1fr auto }

/* ---------- states and cities ---------- */
/* 150 links is the reason this page needs a layout at all. Each state is its
   own block: the state guide is the heading, its cities sit under it as a
   wrapped inline row rather than one link per line, which keeps the whole
   50-state index scannable instead of a column of blue. */
.bcar-sitemap-loc-grid { margin-top: 22px; display: grid; grid-template-columns: 1fr; gap: 24px 34px }
.bcar-sitemap-loc__block { break-inside: avoid }
.bcar-sitemap-loc__h { margin: 0 0 8px; padding-bottom: 7px; border-bottom: 1px solid var(--c-line); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: -.01em; color: var(--c-ink); display: flex; align-items: baseline; justify-content: space-between; gap: 10px }
.bcar-sitemap-loc__h a { color: var(--c-ink) }
.bcar-sitemap-loc__h a:hover { color: var(--c-acd) }
.bcar-sitemap-loc__abbr { font-size: 11px; font-weight: 800; letter-spacing: .12em; color: var(--c-mu2) }
.bcar-sitemap-loc__cities { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 4px 0 }
/* Hairline separators between city names, drawn by the list rather than typed
   into the markup, so the row reads as one line of type. */
.bcar-sitemap-loc__cities li + li::before { content: "·"; margin: 0 7px; color: var(--c-mu2) }
.bcar-sitemap-loc__cities a { font-size: 14.5px; font-weight: 600; color: var(--c-ink3) }
.bcar-sitemap-loc__cities a:hover { color: var(--c-acd) }

/* ---------- responsive ---------- */
@media (min-width: 40rem) {
	.bcar-sitemap-cards { grid-template-columns: 1fr 1fr }
	.bcar-sitemap-groups { grid-template-columns: 1fr 1fr }
	.bcar-sitemap-loc-grid { grid-template-columns: 1fr 1fr }
	.bcar-sitemap-links--cols { grid-template-columns: 1fr 1fr; gap: 2px 34px }
}

@media (min-width: 56.25rem) {
	.bcar-sitemap-cards { grid-template-columns: repeat(3, 1fr) }
	.bcar-sitemap-groups { grid-template-columns: repeat(3, 1fr); gap: 34px }
	.bcar-sitemap-groups--two { grid-template-columns: 1fr 1fr }
	.bcar-sitemap-loc-grid { grid-template-columns: repeat(3, 1fr) }
}

@media (min-width: 71.25rem) {
	.bcar-page-hero--sitemap { padding: 34px 0 44px }
	.bcar-sitemap-core { padding-top: 44px }
	.bcar-sitemap-answers, .bcar-sitemap-reviews, .bcar-sitemap-loc, .bcar-sitemap-more { padding-top: 48px }
	.bcar-sitemap-cta { padding-top: 52px }
	.bcar-sitemap-cta.bcar-section--last { padding-bottom: 80px }
	.bcar-sitemap-cta .bcar-cta-band { padding: 42px 48px; gap: 44px }
	.bcar-sitemap-loc-grid { grid-template-columns: repeat(4, 1fr) }
}