.bk-section { position: relative; padding-block: clamp(3rem, 7vw, 5.5rem); }
.bk-section--tight { padding-block: clamp(2rem, 5vw, 3.5rem); }
.bk-section--flush-top { padding-block-start: 0; }
.bk-section--flush-bottom { padding-block-end: 0; }

.bk-section--cream { background-color: var(--color-content-bg-alt); color: var(--color-content-text); }
.bk-section--white { background-color: var(--color-content-bg); color: var(--color-content-text); }
.bk-section--green { background-color: var(--color-content-primary); color: var(--color-alt-content-text); }
.bk-section--green :where(h1, h2, h3, h4, h5, h6) { color: var(--color-alt-content-heading); }
.bk-section--green :where(p, li, dd) { color: color-mix(in srgb, var(--color-alt-content-text) 88%, transparent); }
.bk-section--green .bk-lead { color: color-mix(in srgb, var(--color-alt-content-text) 80%, transparent); }
.bk-section--green .bk-arrow-link { color: var(--color-alt-content-text); }
.bk-section--green .bk-arrow-link:where(:hover, :focus-visible) { color: var(--color-content-secondary); }

.bk-section--bordered-top { border-top: 1px solid var(--color-content-border); }
.bk-section--bordered-bottom { border-bottom: 1px solid var(--color-content-border); }
.bk-section--green.bk-section--bordered-top { border-top-color: var(--color-alt-content-border); }
.bk-section--green.bk-section--bordered-bottom { border-bottom-color: var(--color-alt-content-border); }

.bk-container { width: min(var(--site-content-width, 1200px), 100% - 2rem); margin-inline: auto; }
.bk-container--wide { width: min(var(--site-canvas-width, 1400px), 100% - 2rem); }
.bk-container--narrow { width: min(720px, 100% - 2rem); margin-inline: auto; }

.l-section.bk-bg-cream { background-color: var(--color-content-bg-alt); }
.l-section.bk-bg-white { background-color: var(--color-content-bg); }
.l-section.bk-bg-green { background-color: var(--color-content-primary); color: var(--color-alt-content-text); }
.l-section.bk-bg-green :where(h1, h2, h3, h4, h5, h6, p, li) { color: inherit; }