@import url('https://fonts.googleapis.com/css2?family=Andika:wght@400;700&family=Bitter:ital,wght@0,500..900;1,500..900&family=Fraunces:ital,opsz,wght,WONK@0,9..144,600,1;1,9..144,600,1&family=Montserrat:ital,wght@0,600;1,600&display=swap');

body {
  /* Define reusable variables for fonts */
    --serif: 'Fraunces', serif;
    --slab-serif: 'Bitter', serif;
    --sans-serif: 'Montserrat', sans-serif;
	--ipa: 'Andika', serif;
    
  /* Define font size */
  /* Fluidly variable formula h/t Mike Foskett */
  /* <https://codepen.io/2kool2/pen/bxdzEJ> */
    --font-size: clamp(16px, calc(0.9rem + ((1vw - 0.2em) * 1)), 1.3rem);

  /* Define line height */
    --line-height: 1.65;

  /* Set font smoothing */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

  /* Fix Safari bug with viewport units in calc() */
  /* h/t Mike Foskett <https://codepen.io/2kool2/pen/bxdzEJ> */
  min-height: 0vw;

  /* Set default font */
  --font-text-theme: var(--slab-serif);
  --font-interface-theme: var(--sans-serif);
  --page-title-font: var(--serif);
  --font-text-size: var(--font-size);
}

.published-container .page-header {
	font-family: var(--serif) !important;
}

.published-container strong, .published-container b {
	font-weight: 800;
}

.published-container :lang(ipa) {
	font-family: var(--ipa);
}

.published-container .callout-title-inner {
	font-family: var(--sans-serif);
}

.published-container .callout-content {
	font-size: smaller;
}

.published-container .callout-content table {
	font-family: var(--sans-serif);
	margin: 2rem auto;
}

.published-container .callout-content th, .published-container .callout-content td:first-child {
	background-color: #00000050;
}

.published-container .callout-content th, .published-container .callout-content td {
	font-size: smaller !important;
}

.footnotes hr {
	display: none;
}