.bk-section,
.bk-about-section,
.bk-bookshelf-section {
  box-sizing: border-box;
}

.bk-section {
  padding-block: var(--bk-section-padding-block, clamp(56px, 7vw, 96px));
  background: var(--bk-section-background, var(--bk-white));
  color: var(--bk-section-color, var(--bk-dark));
}

.bk-section--soft {
  --bk-section-background: var(--bk-offwhite);
}

.bk-section--dark {
  --bk-section-background: var(--bk-dark);
  --bk-section-color: var(--bk-white);
}

.bk-shell,
.bk-inner,
.bk-about-shell,
.bk-bookshelf-shell {
  box-sizing: border-box;
  width: min(var(--bk-shell-max, var(--bk-max)), calc(100% - var(--bk-shell-gutter, 48px)));
  margin-inline: auto;
}

.bk-shell--wide,
.bk-about-shell--wide {
  --bk-shell-max: calc(var(--bk-max) + 72px);
}

.bk-shell--content {
  --bk-shell-max: 900px;
}

.bk-page-header,
.bk-section-head,
.bk-bookshelf-section-head,
.bk-series-section-head {
  max-width: var(--bk-page-header-max, 900px);
}

.bk-page-header--center,
.bk-section-head--center {
  margin-inline: auto;
  text-align: center;
}

.bk-page-header__eyebrow,
.bk-section-eyebrow,
.bk-eyebrow,
.bk-about-eyebrow,
.bk-bookshelf-eyebrow,
.bk-archive-eyebrow,
.bk-series-eyebrow,
.bk-single-post-eyebrow {
  color: var(--bk-eyebrow-color, var(--bk-orange));
  font-size: var(--bk-eyebrow-font-size, 12px);
  font-weight: var(--bk-eyebrow-font-weight, 850);
  letter-spacing: var(--bk-eyebrow-letter-spacing, 0.12em);
  line-height: 1.2;
  text-transform: uppercase;
}

.bk-page-header__title,
.bk-section-title {
  margin: 0;
  color: inherit;
  font-size: var(--bk-page-header-title-size, clamp(34px, 5vw, 64px));
  line-height: 0.98;
}

.bk-page-header__description,
.bk-section-description,
.bk-section-sub {
  max-width: var(--bk-page-header-description-max, 760px);
  color: var(--bk-section-muted-color, var(--bk-muted));
  font-size: var(--bk-page-header-description-size, clamp(17px, 1.5vw, 21px));
  line-height: 1.65;
}

.bk-section--dark .bk-page-header__description,
.bk-section--dark .bk-section-description,
.bk-section--dark .bk-section-sub {
  color: rgba(255, 255, 255, 0.76);
}