html { box-sizing: border-box; overflow-x: hidden; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; min-width: 0; overflow-x: clip; background: var(--bc-color-canvas); color: var(--bc-color-charcoal); font-family: var(--bc-font-body); font-size: 16px; line-height: 1.6; } img, picture, video, canvas, svg { display: block; height: auto; max-width: 100%; } a { color: inherit; } :focus-visible { outline: none; box-shadow: var(--bc-focus-ring); } button, input, select, textarea { font: inherit; } button, input[type="submit"], input[type="button"] { cursor: pointer; } button, input, select, textarea { border: var(--bc-border); border-radius: var(--bc-radius); } h1, h2, h3, h4, h5, h6 { font-family: var(--bc-font-display); line-height: 1.15; } .site-width { width: min(calc(100% - 2 * var(--bc-space-32)), var(--bc-width-standard)); margin-inline: auto; } .site-main { min-height: 50vh; padding-block: var(--bc-space-48); } .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; } .screen-reader-text:focus { top: var(--bc-space-8); left: var(--bc-space-8); z-index: 100000; width: auto; height: auto; margin: 0; padding: var(--bc-space-12); clip: auto; background: var(--bc-color-white); color: var(--bc-color-black); } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } @media (max-width: 640px) { .site-width { width: min(calc(100% - 2 * var(--bc-space-16)), var(--bc-width-standard)); } }