/*
* Shared fonts, element defaults and components for the static pages.
*
* Load order, one each:
* /vendor/modern-normalize.css → /theme.css → /site.css → page CSS
* Every value here is a token from theme.css. Rules sit in @layer base and
* @layer components; page CSS is unlayered, so it always wins and a page can
* migrate one rule at a time. modern-normalize is unlayered too, so the few
* properties it sets on the same elements are restated outside the layers at
* the end of this file. Pages leave scroll-behavior to base, which turns it
* off under reduced motion.
*
* Components, and the markup each expects:
*
* .skip-link Skip to content,
* first in , on every page with the header.
* .site-header : .lockup · .site-tagline ·
* .site-nav, on a 1px --rule. It sizes itself to the gutter
* and --wide, so it sits straight in .
* .lockup
* wrapping .mark and Mingyang Jin.
* .mark The 28px vermilion MJ disc: