/* MOBEXA new-design base reset - load ONLY on pages built with the mkx- design
   system (legacy-markup pages keep their own element defaults). */

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--mkx-body);
  font-size:var(--mkx-fs-body);
  line-height:1.62;
  color:var(--mkx-paper-text);
  background:var(--mkx-paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
h1,h2,h3,h4{ font-family:var(--mkx-display); font-weight:600; line-height:1.02; letter-spacing:-0.018em; margin:0; text-wrap:balance; }
p{ margin:0; text-wrap:pretty; }
a{ color:inherit; text-decoration:none; }
img,svg{ display:block; max-width:100%; }
button{ font:inherit; color:inherit; cursor:pointer; border:0; background:none; }
ul{ margin:0; padding:0; list-style:none; }

:focus-visible{ outline:2px solid var(--mkx-accent); outline-offset:3px; border-radius:3px; }