:root { --width-content: 1200px; --width-wide: 1440px; --width-narrow: 66ch; --gutter: var(--space-m); --header-h: 5.5rem;  --elevation-header: 0 1px 3px rgb(43 42 40 / 0.10); --elevation-header-border: transparent; } :root[data-brx-theme="dark"] { --elevation-header: none; --elevation-header-border: var(--color-border); } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body { hyphens: auto; background: var(--color-surface); text-rendering: optimizeLegibility; } h1, h2, h3, h4 { text-wrap: balance; } p, li { text-wrap: pretty; } a { text-underline-offset: var(--space-3xs); text-decoration-thickness: 1px; } :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; border-radius: var(--radius-xs); } :target, [id]:target { scroll-margin-block-start: calc(var(--header-h) + var(--space-m)); } ::selection { background: var(--color-accent); color: var(--color-on-accent); } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }  .u-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .u-measure { max-width: var(--width-narrow); } .u-flow > * + * { margin-block-start: var(--flow-space, var(--space-s)); } .u-skip-link { position: absolute; inset-block-start: var(--space-2xs); inset-inline-start: var(--space-2xs); z-index: 1000; transform: translateY(-200%); background: var(--color-surface); color: var(--color-text); padding: var(--space-2xs) var(--space-s); border-radius: var(--radius-s); border: 1px solid var(--color-border-strong); } .u-skip-link:focus-visible { transform: translateY(0); }