.tw-container { width: min(calc(100% - (2 * var(--tw-gutter))), var(--tw-container)); margin-inline: auto; }
.tw-reading { width: min(100%, var(--tw-reading)); }
.tw-section { padding-block: var(--tw-section-space); }
.tw-section--navy { background: var(--tw-navy); color: var(--tw-white); }
.tw-section--white { background: var(--tw-white); }
.tw-section--cream { background: var(--tw-cream); }
.tw-grid { display: grid; gap: clamp(1.5rem, 3vw, 3rem); }
.tw-grid--2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width: 899px) { .tw-grid--2 { grid-template-columns: 1fr; } }