<style>
  /* latin */
  @font-face {
    font-family: 'Times';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/Times.woff2') format('woff2');
  }

  /* latin */
  @font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/Helvetica.woff2') format('woff2');
  }


  body {
    font-family: '<%= font_face.downcase.include?('times') ? 'Times' : 'Helvetica' %>';
    font-size: <%= font_size %>;
    margin: <%= margin %>;
  }


  h1 {
    font-size: 1.5rem; 
    font-weight: bold; 
    padding: 0;
  }
  h2 {
    font-size: 1.3rem; 
    font-weight: bold; 
    padding: 0; 
    margin: 1em 0 0 0;
  }
  h3 {
    font-size: 1.1rem; 
    font-weight: bold; 
    padding: 0; 
    margin: 1em 0 0 0;
  }
  h3 + div.question > h4 {
    margin: 0; 
  }
  table, tr, td, th, tbody, thead, tfoot {
    page-break-inside: avoid !important; 
  }
  table { 
    border-collapse: collapse; 
  }
  th, td { 
    border: 1px solid black !important; 
    padding: 2px;
  }
  p { 
    margin: 0.25em 0;
  }
  .cover-page {
    font-size: 1.1rem; 
  }
  .question {
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .question:first-child {
    margin-top: 0;
  }
  .annotations {
    margin-left: 15px;
    margin-bottom: 10px;
  }
  hr.bottom {
    position: absolute;
    bottom: 0;
  }
  .bold {
    font-weight: bold;
  }

  .research-output {
    border: 1px solid black;
    margin: 5px;
    padding: 5px;
  }
</style>