*, *::before, *::after { box-sizing: border-box; }
html { font-family: var(--ofi-font-family); background: var(--ofi-bg); color: var(--ofi-text); }
body { margin: 0; min-height: 100vh; font-size: var(--ofi-font-size-md); line-height: var(--ofi-line-height-normal); background: var(--ofi-bg); color: var(--ofi-text); }
button, input, select, textarea { font: inherit; color: inherit; }
button { border: 0; }
a { color: var(--ofi-primary); }
:focus-visible { outline: 2px solid var(--ofi-focus); outline-offset: 2px; }
.ofi-hidden { display: none !important; }
.ofi-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.ofi-number, .ofi-money { font-variant-numeric: tabular-nums; text-align: right; }
.ofi-muted { color: var(--ofi-text-muted); }
.ofi-strong { color: var(--ofi-text-strong); font-weight: var(--ofi-font-weight-semibold); }