/* Final responsive container rules. Content, brand colors and imagery are unchanged. */
:root { --max: 1280px; --release-gutter: 20px; }
.wrap { width: calc(100% - var(--release-gutter) * 2); max-width: var(--max); margin-inline: auto; }
@media (min-width: 576px) { :root { --release-gutter: 24px; } }
@media (min-width: 768px) { :root { --release-gutter: 28px; } }
@media (min-width: 992px) { :root { --release-gutter: 32px; } }
@media (min-width: 1200px) { :root { --max: 1140px; --release-gutter: 30px; } }
@media (min-width: 1400px) { :root { --max: 1280px; --release-gutter: 40px; } }
/* Keep long titles and form fields inside their grid cells without distorting logos. */
.wrap > *, .brand-content, .sponsor-card, .sponsorship-card { min-width: 0; }
input, select, textarea { max-width: 100%; }