/* The first stylesheet of a visitor page (views/site/theme/top.ejs). The site's stylesheets are in a lower cascade
   layer there (views/partials/head.ejs), so this takes everything they set back to the browser's defaults inside
   .tpl, which is what the theme's styles were written on. Loaded before every other stylesheet of the page, at no
   weight, so any rule of the theme's wins over it, as nothing stood in their way on WordPress (custom-pages-style.css's
   * { box-sizing: border-box } included). SVG is left alone, and so is any element sized or aligned by its attributes
   (an image's width and height, an embed's, a table's): reverting drops what those attributes say, which drew a
   256-wide signature at its full 511 and a 560-wide video at the browser's 300. A .site-ui element is the site's own
   markup in a theme page (the members-only box) and keeps the site's styles. */
:where(.tpl), :where(.tpl) :where(:not(svg, svg *, .site-ui, .site-ui *, [width], [height], [align], [valign], [bgcolor], [border], [cellpadding], [cellspacing])), :where(.tpl) :where(:not(.site-ui, .site-ui *))::before, :where(.tpl) :where(:not(.site-ui, .site-ui *))::after { all: revert; }

/* The site's own markup in a theme page (the members-only box, views/site/theme/members-only.ejs): whatever the theme's
   stylesheets say about its elements is rolled back to the site's layer, so it looks as it does on the site's pages. */
.tpl .site-ui, .tpl .site-ui *, .tpl .site-ui ::before, .tpl .site-ui ::after { all: revert-layer; }