/* cheatsheet.life hub: page layout only (goal 3406). The look (type, buttons by role, pill tabs, #EEE tiles, list rows) is
   /css-lib/cheatsheet-life.css, ONE sheet shared with the product sites; never restyle any of it here. */
.brand { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.brand .logo { width: 36px; height: 36px; border-radius: 9px; }   /* the title's line height: the gap under the title stays 12px like every page */
.brand + h2.subtitle { margin-top: 0; }   /* the title row keeps the family's one gap under a page title */
.productName { font-weight: 600; }
.fieldName { flex: 0 0 7rem; color: var(--mid-gray); }
.notSet { font-style: italic; color: var(--mid-gray); }