/* Section extras — measured from the reference section component CSS.
   Complements (does not duplicate) the .section rhythm/borders/backgrounds already
   in global.css: title/description alignment, description measure, spacing after
   the title, and brass link color inside dark bands. */

.section__title,
.section__description { text-align: center; }

@media screen and (min-width: 1024px) {
	.section__description {
		margin-left: auto;
		margin-right: auto;
		max-width: var(--wrap-width-large);
	}
}

.section__description a { font-size: 14px; text-decoration: none; }
@media (min-width: 400px)  { .section__description a { font-size: calc(0.1vw + 13.6px); } }
@media (min-width: 1400px) { .section__description a { font-size: 15px; } }

.section__title--left,
.section__title--left + .section__description { max-width: none; text-align: left; }

.section__title ~ :not(.section__description) { margin-top: var(--typography-spacing); }

.section__cta-button { text-align: center; }

/* Spacer block between a section description and its content grid (measured on
   the reference signature band: 20px tall; the title-sibling margin-top above
   applies to it, matching the reference's classless spacer div). */
.section__gap { height: 20px; }

.section--has-background-burgundy-2 a:not(.btn),
.section--has-background-soft-black a:not(.btn) { color: var(--color-brass-1); }