*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; scroll-padding-top: var(--nav-height); color-scheme: only light; } @media (max-width: 478px) { body { --nav-height: 6rem; } nav .nav__logo .bricks-site-logo { height: 3.4rem; } } body { font-size: var(--text-m); font-weight: 400; line-height: 1.65; color: var(--brm-primary-dark); background-color: var(--brm-white); -webkit-font-smoothing: antialiased; padding-top: var(--nav-height); } img { max-width: 100%; display: block; } a { color: var(--brm-primary); text-decoration: none; } a:hover { text-decoration: underline; } a:focus:not(:focus-visible), button:focus:not(:focus-visible) { outline: none; } a:focus-visible, button:focus-visible:not(:disabled), summary:focus-visible { outline: none !important; border: var(--brm-focus-bg) solid 1px !important; border-radius: var(--radius-s); box-shadow: none !important; text-decoration: none; } a:focus-visible:not(.btn) { box-decoration-break: clone; -webkit-box-decoration-break: clone; padding: 0.12em 0.32em; margin: -0.12em -0.32em; } ::selection { background-color: var(--brm-selection-bg); color: var(--brm-primary-dark); } progress { accent-color: var(--brm-primary); } .text-primary { color: var(--brm-primary); } .text-accent { color: var(--brm-accent); }