@font-face {
  font-family: "MSK Sans Pro";
  font-style: normal;
  font-weight: 300 700;
  src: url("https://cdn.jsdelivr.net/npm/@mskcc/typography@latest/fonts/msk-sans-vf/woff2/MSKSans-Upright-VF-Web.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@mskcc/typography@latest/fonts/msk-sans-vf/woff/MSKSans-Upright-VF-Web.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "MSK Sans Pro";
  font-style: italic;
  font-weight: 300 700;
  src: url("https://cdn.jsdelivr.net/npm/@mskcc/typography@latest/fonts/msk-sans-vf/woff2/MSKSans-Italic-VF-Web.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@mskcc/typography@latest/fonts/msk-sans-vf/woff/MSKSans-Italic-VF-Web.woff") format("woff");
  font-display: swap;
}
:root {
  --msk-font-weight-light: 292;
  --msk-font-weight-normal: 376;
  --msk-font-weight-medium: 420;
  --msk-font-weight-semibold: 504;
  --msk-font-weight-bold: 605;
  --msk-max-paragraph-width: 72ch;
  --msk-font-family-base: "MSK Sans Pro";
  --msk-font-size-base: 14px;
  --msk-line-height-base: 1.5714;
  --msk-letter-spacing-base: calc(0.14 / 100 * 1em);
  --msk-h1-font-weight: var(--msk-font-weight-medium);
  --msk-h2-font-weight: var(--msk-font-weight-medium);
  --msk-h3-font-weight: var(--msk-font-weight-medium);
  --msk-h4-font-weight: var(--msk-font-weight-semibold);
  --msk-h5-font-weight: var(--msk-font-weight-semibold);
  --msk-h6-font-weight: var(--msk-font-weight-semibold);
  --msk-h1-font-size: 28px;
  --msk-h2-font-size: 23px;
  --msk-h3-font-size: 19px;
  --msk-h4-font-size: 16px;
  --msk-h5-font-size: var(--msk-h4-font-size);
  --msk-h6-font-size: var(--msk-h4-font-size);
  --msk-heading-line-height: 1.2;
  --msk-h1-line-height: var(--msk-heading-line-height);
  --msk-h2-line-height: var(--msk-heading-line-height);
  --msk-h3-line-height: var(--msk-heading-line-height);
  --msk-h4-line-height: var(--msk-heading-line-height);
  --msk-h5-line-height: var(--msk-heading-line-height);
  --msk-h6-line-height: var(--msk-heading-line-height);
  --msk-h1-letter-spacing: calc(-0.93 / 100 * 1em);
  --msk-h2-letter-spacing: calc(-0.74 / 100 * 1em);
  --msk-h3-letter-spacing: calc(-0.59 / 100 * 1em);
  --msk-h4-letter-spacing: calc(-0.47 / 100 * 1em);
  --msk-h5-letter-spacing: var(--msk-h4-letter-spacing);
  --msk-h6-letter-spacing: var(--msk-h4-letter-spacing);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: var(--msk-font-family-base), Verdana, sans-serif;
  font-size: var(--msk-font-size-base);
  line-height: var(--msk-line-height-base);
  letter-spacing: var(--msk-letter-spacing-base);
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. */
}

body {
  font-weight: var(--msk-font-weight-normal);
  margin: 0;
  line-height: inherit;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre,
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
  1. Inherit the font styles in all browsers.
  2. Remove the default background color.
*/
button,
input,
optgroup,
select,
textarea,
::file-selector-button {
  font: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  background: transparent; /* 2 */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1 {
  font-size: var(--msk-h1-font-size);
  font-weight: var(--msk-h1-font-weight);
  letter-spacing: var(--msk-h1-letter-spacing);
  line-height: var(--msk-h1-line-height);
}

h2 {
  font-size: var(--msk-h2-font-size);
  font-weight: var(--msk-h2-font-weight);
  letter-spacing: var(--msk-h2-letter-spacing);
  line-height: var(--msk-h2-line-height);
}

h3 {
  font-size: var(--msk-h3-font-size);
  font-weight: var(--msk-h3-font-weight);
  letter-spacing: var(--msk-h3-letter-spacing);
  line-height: var(--msk-h3-line-height);
}

h4 {
  font-size: var(--msk-h4-font-size);
  font-weight: var(--msk-h4-font-weight);
  letter-spacing: var(--msk-h4-letter-spacing);
  line-height: var(--msk-h4-line-height);
}

h5 {
  font-size: var(--msk-h5-font-size);
  font-weight: var(--msk-h5-font-weight);
  letter-spacing: var(--msk-h5-letter-spacing);
  line-height: var(--msk-h5-line-height);
}

h6 {
  font-size: var(--msk-h6-font-size);
  font-weight: var(--msk-h6-font-weight);
  letter-spacing: var(--msk-h6-letter-spacing);
  line-height: var(--msk-h6-line-height);
}

p {
  max-width: var(--msk-max-paragraph-width);
  margin-top: 16px;
  margin-bottom: 0;
}

.msk-container {
  max-width: var(--msk-max-container-width);
}
.msk-container h1,
.msk-container h2,
.msk-container h3,
.msk-container h4,
.msk-container h5,
.msk-container h6 {
  margin-top: 32px;
}
.msk-container ul,
.msk-container ol {
  margin-top: 8px;
  margin-bottom: 8px;
}
.msk-container ul li,
.msk-container ol li {
  margin-top: 8px;
}