/* Generated from tokens/. Do not edit by hand: run `npm run build:tokens`. */

.p234-display-1 {
  font-family: var(--p234-type-display-1-family);
  font-size: var(--p234-type-display-1-size);
  line-height: var(--p234-type-display-1-leading);
  font-weight: var(--p234-type-display-1-weight);
  letter-spacing: var(--p234-type-display-1-tracking);
} /* The one dominant story. One per page, never two. */

.p234-display-2 {
  font-family: var(--p234-type-display-2-family);
  font-size: var(--p234-type-display-2-size);
  line-height: var(--p234-type-display-2-leading);
  font-weight: var(--p234-type-display-2-weight);
  letter-spacing: var(--p234-type-display-2-tracking);
} /* Article H1, secondary lead. */

.p234-headline {
  font-family: var(--p234-type-headline-family);
  font-size: var(--p234-type-headline-size);
  line-height: var(--p234-type-headline-leading);
  font-weight: var(--p234-type-headline-weight);
  letter-spacing: var(--p234-type-headline-tracking);
} /* Strong secondary story in a grid. */

.p234-headline-sm {
  font-family: var(--p234-type-headline-sm-family);
  font-size: var(--p234-type-headline-sm-size);
  line-height: var(--p234-type-headline-sm-leading);
  font-weight: var(--p234-type-headline-sm-weight);
  letter-spacing: var(--p234-type-headline-sm-tracking);
} /* Card headline, sidebar lead. */

.p234-headline-xs {
  font-family: var(--p234-type-headline-xs-family);
  font-size: var(--p234-type-headline-xs-size);
  line-height: var(--p234-type-headline-xs-leading);
  font-weight: var(--p234-type-headline-xs-weight);
  letter-spacing: var(--p234-type-headline-xs-tracking);
} /* Compact supporting headline, the stacked list items. */

.p234-standfirst {
  font-family: var(--p234-type-standfirst-family);
  font-size: var(--p234-type-standfirst-size);
  line-height: var(--p234-type-standfirst-leading);
  font-weight: var(--p234-type-standfirst-weight);
  letter-spacing: var(--p234-type-standfirst-tracking);
} /* The deck under a headline. One sentence that says why the story matters. */

.p234-body {
  font-family: var(--p234-type-body-family);
  font-size: var(--p234-type-body-size);
  line-height: var(--p234-type-body-leading);
  font-weight: var(--p234-type-body-weight);
  letter-spacing: var(--p234-type-body-tracking);
} /* Article copy. 18px serif. The floor for running text is 16px anywhere on the site. */

.p234-body-sm {
  font-family: var(--p234-type-body-sm-family);
  font-size: var(--p234-type-body-sm-size);
  line-height: var(--p234-type-body-sm-leading);
  font-weight: var(--p234-type-body-sm-weight);
  letter-spacing: var(--p234-type-body-sm-tracking);
} /* Summary text in cards and rails. 16px, the minimum for running text. */

.p234-ui {
  font-family: var(--p234-type-ui-family);
  font-size: var(--p234-type-ui-size);
  line-height: var(--p234-type-ui-leading);
  font-weight: var(--p234-type-ui-weight);
  letter-spacing: var(--p234-type-ui-tracking);
} /* Navigation, buttons, tabs, form labels. */

.p234-ui-sm {
  font-family: var(--p234-type-ui-sm-family);
  font-size: var(--p234-type-ui-sm-size);
  line-height: var(--p234-type-ui-sm-leading);
  font-weight: var(--p234-type-ui-sm-weight);
  letter-spacing: var(--p234-type-ui-sm-tracking);
} /* Dense controls, filter chips, table headers. */

.p234-kicker {
  font-family: var(--p234-type-kicker-family);
  font-size: var(--p234-type-kicker-size);
  line-height: var(--p234-type-kicker-leading);
  font-weight: var(--p234-type-kicker-weight);
  letter-spacing: var(--p234-type-kicker-tracking);
  text-transform: var(--p234-type-kicker-case);
} /* The section label above a headline. Carries the section colour. */

.p234-meta {
  font-family: var(--p234-type-meta-family);
  font-size: var(--p234-type-meta-size);
  line-height: var(--p234-type-meta-leading);
  font-weight: var(--p234-type-meta-weight);
  letter-spacing: var(--p234-type-meta-tracking);
} /* Source, timestamp, coverage count. Always ink-muted. */

.p234-caption {
  font-family: var(--p234-type-caption-family);
  font-size: var(--p234-type-caption-size);
  line-height: var(--p234-type-caption-leading);
  font-weight: var(--p234-type-caption-weight);
  letter-spacing: var(--p234-type-caption-tracking);
} /* Photo credits and footnotes. The only role allowed below 13px. */

.p234-data-lg {
  font-family: var(--p234-type-data-lg-family);
  font-size: var(--p234-type-data-lg-size);
  line-height: var(--p234-type-data-lg-leading);
  font-weight: var(--p234-type-data-lg-weight);
  letter-spacing: var(--p234-type-data-lg-tracking);
  font-variant-numeric: var(--p234-type-data-lg-numeric);
} /* The headline figure on a price or market page. */

.p234-data {
  font-family: var(--p234-type-data-family);
  font-size: var(--p234-type-data-size);
  line-height: var(--p234-type-data-leading);
  font-weight: var(--p234-type-data-weight);
  letter-spacing: var(--p234-type-data-tracking);
  font-variant-numeric: var(--p234-type-data-numeric);
} /* Figures in tables and tiles. Tabular so columns align. */

.p234-data-sm {
  font-family: var(--p234-type-data-sm-family);
  font-size: var(--p234-type-data-sm-size);
  line-height: var(--p234-type-data-sm-leading);
  font-weight: var(--p234-type-data-sm-weight);
  letter-spacing: var(--p234-type-data-sm-tracking);
  font-variant-numeric: var(--p234-type-data-sm-numeric);
} /* Deltas and units beside a figure. */

.p234-quote {
  font-family: var(--p234-type-quote-family);
  font-size: var(--p234-type-quote-size);
  line-height: var(--p234-type-quote-leading);
  font-weight: var(--p234-type-quote-weight);
  letter-spacing: var(--p234-type-quote-tracking);
} /* Pull quotes and the lead sentence of a brief. */