/* crm-heads.css — see crm-heads.js. The explanation under a title moves into
 * the ⓘ beside it; a page title grows to carry the page alone. */

.crm-head-moved { display: none !important; }

/* A page title: one size on every screen. */
.crm-head-big {
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

/* The Captain pages' title is two words in spans of their own size. */
.crm-head-big.cpo-crumb > span { font-size: inherit !important; font-weight: inherit !important; }

/* The title and its mark stay on one line, the mark centred on the words. */
.crm-head-has-tip { display: flex !important; width: fit-content; max-width: 100%; align-items: center; flex-wrap: wrap; gap: 0 8px; }
.crm-head-has-tip > .crm-head-tip { width: 16px; height: 16px; font-size: 15px; }
.crm-head-big > .crm-head-tip { width: 18px; height: 18px; font-size: 17px; }