/* THE SITE'S PAGE CSS, IN ONE FILE. * * It used to be pasted inline into every page, which worked until a page was built from a * different template: the seventy pages under /lines/ carried a product-detail block instead and * never defined .hero-copy, .cat-head, .prose, .onward, .links, .btn-primary or .toast. Inside a * twelve-column .grid an undefined child takes ONE column, so the hero on /lines/ came out about * fifty pixels wide and wrapped one word per line. Nothing 404'd and no rule was wrong; the rule * simply was not there, which is why the markup gate passed it. * * Everything here is in @layer components, so a page that needs its own version of a name -- the * size chips on a product page are not the jump chips on an index -- overrides it simply by * declaring it unlayered in its own