/* m4 · reset.css — scoped resets so the block behaves the same inside the live page (Mark4 project heroes, scoped under .m4) */

/* smooth-scroll base (what locomotive-scroll.css / Lenis expect on the page) */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

/* scoped resets (the live page has its own globals) */
.m4 *,

.m4 *::before,

.m4 *::after { box-sizing: border-box; }
.m4 img,

.m4 svg { display: block; max-width: 100%; }
.m4 a { color: inherit; text-decoration: none; }
.m4 h1,

.m4 h2,

.m4 h3,

.m4 p,

.m4 ul,

.m4 dl,

.m4 dd,

.m4 figure { margin: 0; }
.m4 ul { padding: 0; list-style: none; }
.m4 { font-family: var(--font); color: var(--ink); background: var(--bg); -webkit-font-smoothing: antialiased; }
.m4 h1,

.m4 h2 { color: inherit !important; }     /* the live sheet forces heading colour; heroes need their own ink */


.m4 :focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}