/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHjxsAUi-qNiXg7eU0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_FQftx9897sxZ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  a {
    color: #1772d0;
    text-decoration: none;
  }
  
  a:focus,
  a:hover {
    color: #f09228;
    text-decoration: none;
  }
  
  body,
  td,
  th,
  tr,
  p
  {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 18px;
  }
  
  strong {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 18px;
  }
  
  h2 {
    margin: 0;
    font-weight: normal;
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 22px;
  }
  
  .papertitle {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
  }
  
  .name {
    padding-top: 20px;
    margin: 0;
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 32px;
  }
  
  .one {
    width: 160px;
    height: 160px;
    position: relative;
  }
  
  .two {
    width: 160px;
    height: 160px;
    position: absolute;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
  }
  
  .fade {
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
  }
  
  span.highlight {
    background-color: #ffffd0;
  }
  
  .colored-box {
      color: black;
      padding: 20px;
      display: inline-block;
      border-radius: 10px;
  }

  .course-links {
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 6px 0 12px;
  }

  .course-links span {
    display: inline-flex;
    align-items: center;
  }

  .course-links strong {
    font-size: inherit;
  }

  h3 {
    margin: 0 0 6px;
    font-weight: 600;
  }

  .mobile-text {
    margin: 0 0 18px;
  }

  .toc-links {
    margin-bottom: 30px;
  }

  .toc-links a {
    color: #1772d0;
    text-decoration: none;
  }

  .toc-links a:hover,
  .toc-links a:focus {
    color: #f09228;
    text-decoration: none;
  }

  /* Mobile responsive styles */
  @media screen and (max-width: 768px) {
    body, td, th, tr, p {
      font-size: 16px;
    }
    
    h1 {
      font-size: 20px !important;
    }
    
    h2 {
      font-size: 20px !important;
    }
    
    h3 {
      font-size: 18px !important;
    }
    
    table {
      width: 100% !important;
      max-width: 100% !important;
    }
    
    .mobile-header {
      flex-direction: row !important;
      justify-content: space-between !important;
      align-items: center !important;
      padding: 15px !important;
    }
    
    .mobile-content {
      padding: 15px !important;
    }
    
    .mobile-profile {
      float: none !important;
      width: 200px !important;
      margin: 0 auto 20px auto !important;
      display: block;
    }
    
    .mobile-profile img {
      width: 200px !important;
      height: 200px !important;
    }
    
    .mobile-text {
      font-size: 16px !important;
      margin: 0 0 16px !important;
    }
    
    .mobile-links {
      font-size: 14px !important;
    }

    .course-links,
    .course-links a,
    .course-links strong {
      font-size: 14px !important;
    }

    .course-links {
      gap: 8px;
      margin: 3px 0 20px !important;
    }
  
    /* Better spacing for mobile */
    ul {
      padding-left: 20px;
    }
    
    /* Improve readability on mobile */
    div[style*="margin-bottom:40px"] {
      margin-bottom: 30px !important;
    }
  }