/* ------------------------------------------------------------ fractions ---
   Geometry copied verbatim from pb-measure-colors on members so a fraction
   typesets identically on both sites. Do not "tidy" these numbers: they were
   chosen by photographing four treatments on a real ingredient list at 2x and
   comparing them side by side.

   `position: relative` rather than vertical-align or <sup>/<sub>, so raising
   the numerator cannot grow the line box and nudge line spacing in a step. */

.pbbf-frac,
.pbbf-mixed {
	white-space: nowrap;
}

.pbbf-frac-n,
.pbbf-frac-d {
	position: relative;
	font-size: 0.72em;
}

.pbbf-frac-n { top: -0.30em; }
.pbbf-frac-d { top:  0.08em; }

/* The slash is a full-size "/" in the source — left alone it towers over the
   shrunken digits and the group reads as three characters instead of one. */
.pbbf-frac-s {
	font-size: 0.78em;
	margin: 0 -0.09em;
}

/* The space between a whole number and its fraction is kept in the DOM and
   collapsed visually, so "1 1/8" still copies as "1 1/8" and still reads
   correctly aloud while rendering as one quantity. */
.pbbf-sp {
	font-size: 0;
}