/* Utilities. Deliberately small. See kit/README.md for what qualifies. */
/* Text --------------------------------------------------------------------- */
.cp-u-text-center    { text-align: center; }
.cp-u-text-start     { text-align: start; }
.cp-u-text-balance   { text-wrap: balance; }
.cp-u-text-muted     { color: var(--cp-color-text-muted); }
.cp-u-text-secondary { color: var(--cp-color-text-secondary); }
.cp-u-text-accent    { color: var(--cp-color-text-accent); }

/* Visibility --------------------------------------------------------------- */
.cp-u-hidden { display: none !important; }

@media (max-width: 767.98px)  { .cp-u-hide-mobile  { display: none !important; } }
@media (min-width: 768px)     { .cp-u-hide-desktop { display: none !important; } }

/* Flow --------------------------------------------------------------------- */
.cp-u-mbs-0  { margin-block-start: 0; }
.cp-u-mbe-0  { margin-block-end: 0; }
.cp-u-mbe-4  { margin-block-end: var(--cp-space-4); }
.cp-u-mbe-6  { margin-block-end: var(--cp-space-6); }
.cp-u-mbe-7  { margin-block-end: var(--cp-space-7); }

/* Padding ------------------------------------------------------------------ */
.cp-u-pbe-16 { padding-block-end: var(--cp-space-16); }

/* Full bleed --------------------------------------------------------------- */
.cp-u-bleed { width: 100vw; margin-inline: calc(50% - 50vw); }