* { box-sizing: border-box; }
html { color: var(--bt-color-ink); font-family: var(--bt-font-body); background: var(--bt-color-white); }
body { margin: 0; min-width: 0; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
button, input { font: inherit; }
button, [role="button"] { cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid var(--bt-color-signal); outline-offset: 3px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.bt-skip-link { position: fixed; left: var(--bt-space-4); top: var(--bt-space-4); z-index: 20; display: inline-flex; min-inline-size: 44px; min-block-size: 44px; align-items: center; justify-content: center; padding: var(--bt-space-3) var(--bt-space-4); background: var(--bt-color-ink); color: var(--bt-color-white); transform: translateY(-150%); }
.bt-skip-link:focus { transform: translateY(0); }