/* One face only: Helvetica Neue 75 Bold. The file's own usWeightClass is 700,
   but it is declared here as 600 because 600 is the only weight the site uses —
   an exact match means the browser never synthesises a faux-bold on top of an
   already-bold face. */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../../fonts/helveticaneue-bold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Helvetica Neue", sans-serif;
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  font-weight: 600;
  margin: var(--page-margin);
  /* Templates set --page-fg / --page-bg; everything else uses the defaults. */
  color: var(--page-fg, var(--foreground));
  background-color: var(--page-bg, var(--background));
}

/* Would otherwise request 700 and fall back to a synthesised weight. */
strong,
b {
  font-weight: inherit;
}

/* Form controls do not inherit typography from body — without this the
   slideshow arrows render at the browser default (13.33px in Chrome), which
   would be a second font size on the page. */
button,
input,
select,
textarea {
  font: inherit;
}

p {
  margin-top: var(--lh-base);
  margin-bottom: var(--lh-base);
}