/* 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); }
/* Profile > Comments (goal 3533): the meta line (product, date, state) then the comment on its own line, newlines kept; a long word wraps at 390px. */
.commentText { flex: 1 0 100%; white-space: pre-wrap; overflow-wrap: anywhere; }
/* Leave a comment (goal 3460): the last line of every page, set apart from the content; a link, so underlined. */
.pageFooter { margin-top: 48px; font-size: 14px; }
.pageFooter a { text-decoration: underline; text-underline-offset: 2px; }