* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; max-width: 100%; overflow-x: clip; }
img, video, canvas, svg { max-width: 100%; height: auto; }
body { font-family: var(--font); color: var(--ink); background: var(--mist); }
html[dir="ltr"] body { font-family: Inter, Cairo, "Segoe UI", sans-serif; }
a { color: inherit; }
button, input, select { font-family: inherit; }
strong, b { font-family: var(--num); font-variant-numeric: tabular-nums; }
.mark { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: var(--orange); color: white; font-weight: 700; }