[chrisfinazzo]

There's a reason why the CSS ["reset"][1] is still with us - the lower level user-agent stylesheet never really adopted any of this stuff. Presumably, this was to reduce the delta between browser engines (vendor prefixes, etc, etc.) but it would be nice to see some movement in this area.

[1]: https://meyerweb.com/eric/tools/css/reset/

As you point out, people who care will use some of the defaults and override others as they go along, but a small bit of effort goes a long way:

    html, body {
      margin: 0;
      padding: 0;
    }

    body {
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }

    img, picture, video, canvas, svg {
      display: block;
      max-width: 100%;
    }

    input, button, textarea, select {
      font: inherit;
    }

    p, h1, h2, h3 {
      overflow-wrap: break-word;
    }