body { font-family: var(--font-family); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

body h1, body h2, body h3, body h4, body h5, body h6 { font-family: var(--h1-font-family); }

.bk-lead { line-height: 1.6; color: var(--color-content-faded); max-width: 56ch; }

.bk-step-number { display: inline-block; font-family: var(--h1-font-family); font-size: 1.75rem; color: var(--color-content-secondary); line-height: 1; }

.bk-arrow-link { display: inline-flex; align-items: center; gap: 0.5rem; font-weight: 600; text-decoration: none; color: var(--color-content-primary); }
.bk-arrow-link::after { content: "→"; display: inline-block; transition: transform 250ms cubic-bezier(0.22, 0.61, 0.36, 1); }
.bk-arrow-link:where(:hover, :focus-visible) { color: var(--color-content-secondary); }
.bk-arrow-link:where(:hover, :focus-visible)::after { transform: translateX(0.25em); }

:focus-visible { outline: 2px solid var(--color-content-secondary); outline-offset: 3px; border-radius: 2px; }

img, svg, video { max-width: 100%; height: auto; }