*,
*::before,
*::after { box-sizing: border-box; }

html { min-width: 320px; min-height: 100%; scroll-behavior: smooth; }
body { margin: 0; }
button, input, select, textarea { font: inherit; }
button, [type="button"], [type="submit"] { cursor: pointer; }
img, svg { display: block; max-width: 100%; }
table { border-collapse: collapse; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--color-primary), transparent 35%); outline-offset: 2px; }
::selection { background: var(--color-primary-soft); }