/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url("/?originalUrl=https%3A%2F%2Ffonts.gstatic.com%2Fs%2Flato%2Fv15%2FS6u8w4BMUTPHjxsAUi-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("/?originalUrl=https%3A%2F%2Ffonts.gstatic.com%2Fs%2Flato%2Fv15%2FS6u8w4BMUTPHjxsAXC-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("/?originalUrl=https%3A%2F%2Ffonts.gstatic.com%2Fs%2Flato%2Fv15%2FS6u_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("/?originalUrl=https%3A%2F%2Ffonts.gstatic.com%2Fs%2Flato%2Fv15%2FS6u_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("/?originalUrl=https%3A%2F%2Ffonts.gstatic.com%2Fs%2Flato%2Fv15%2FS6uyw4BMUTPHjxAwXiWtFCfQ7A.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("/?originalUrl=https%3A%2F%2Ffonts.gstatic.com%2Fs%2Flato%2Fv15%2FS6uyw4BMUTPHjx4wXiWtFCc.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("/?originalUrl=https%3A%2F%2Ffonts.gstatic.com%2Fs%2Flato%2Fv15%2FS6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.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("/?originalUrl=https%3A%2F%2Ffonts.gstatic.com%2Fs%2Flato%2Fv15%2FS6u9w4BMUTPHh6UVSwiPGQ3q5d0.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;
}

/* chinese */
@font-face {
  font-family: 'SiYuanSong';
  font-style: normal;
  font-weight: 400;
  src: local('Source Han Serif'), local('Source Han Serif CN'), local('Source Han Serif SC'), url("/?originalUrl=https%3A%2F%2Fjunfeng-long.github.io%2Ffonts%2FSourceHanSerif-Regular.ttc") format('truetype');
  unicode-range: U+4E00-9FFF;
}

@font-face {
  font-family: 'SiYuanSong';
  font-style: normal;
  font-weight: 700;
  src: local('Source Han Serif'), local('Source Han Serif CN'), local('Source Han Serif SC'), url("/?originalUrl=https%3A%2F%2Fjunfeng-long.github.io%2Ffonts%2FSourceHanSerifSC-Heavy.otf") format('opentype');
  unicode-range: U+4E00-9FFF;
}

@font-face {
  font-family: "Karim LT Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/?originalUrl=https%3A%2F%2Fdb.onlinewebfonts.com%2Ft%2F679221f7a9b221dc97d009a64ab29e79.eot");
  src: url("/?originalUrl=https%3A%2F%2Fdb.onlinewebfonts.com%2Ft%2F679221f7a9b221dc97d009a64ab29e79.eot%3F%23iefix")format("embedded-opentype"),
    url("/?originalUrl=https%3A%2F%2Fdb.onlinewebfonts.com%2Ft%2F679221f7a9b221dc97d009a64ab29e79.woff2")format("woff2"),
    url("/?originalUrl=https%3A%2F%2Fdb.onlinewebfonts.com%2Ft%2F679221f7a9b221dc97d009a64ab29e79.woff")format("woff"),
    url("/?originalUrl=https%3A%2F%2Fdb.onlinewebfonts.com%2Ft%2F679221f7a9b221dc97d009a64ab29e79.ttf")format("truetype"),
    url("/?originalUrl=https%3A%2F%2Fdb.onlinewebfonts.com%2Ft%2F679221f7a9b221dc97d009a64ab29e79.svg%23Karim%2520LT%2520Regular")format("svg");
}

/* a {
  color: #1772d0;
  text-decoration: none;
} */

a {
  color: #2976c3;
  font-weight: 600;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #e09846;
  text-decoration: none;
}

body,
td,
th,
tr,
p,
a {
  font-family: 'Lato', Verdana, Helvetica, 'SiYuanSong';
  font-size: 16px
}

strong {
  font-family: 'Lato', Verdana, Helvetica, 'SiYuanSong';
  font-size: 17px;
}



heading {
  font-family: 'Lato', Verdana, Helvetica, 'SiYuanSong';
  font-size: 24px;
}

papertitle {
  font-family: 'Lato', Verdana, Helvetica, 'SiYuanSong';
  font-size: 18px;
  font-weight: 700
}

name {
  font-family: 'Lato', Verdana, Helvetica, 'SiYuanSong';
  font-size: 25px;
}

.one {
  width: 300px;
  height: 200px;
  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: #4e93d8;
}

@media screen and (max-width: 768px) {
  .pub-table td {
    display: block;
    width: 100% !important;
    text-align: left !important;
    /* Left align text */
    padding: 10px 0 !important;
  }

  .pub-table .one {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
    /* Remove auto margin to align left/match text width if needed, or keep centered image? User said "make text same with as figures". Usually figures are full width or centered. Let's assume full width or consistent alignment. */
  }

  .pub-table img {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    /* Allow full width */
  }

  /* Adjust main container padding for mobile */
  table[style*="max-width:1000px"]>tbody>tr>td {
    padding: 10px !important;
  }

  /* Stack the intro section as well */
  table[style*="max-width:1000px"] table tr td {
    display: block;
    width: 100% !important;
    padding: 10px !important;
    text-align: left !important;
    /* Left align intro text */
  }

  /* Hide portrait on mobile */
  /* Hide portrait on mobile */
  /* Target the specific td with width:45% which contains the portrait */
  td[style*="width:45%"] {
    display: none !important;
  }

  /* Ensure body and html don't cause offsets */
  body,
  html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
  }

  /* Use border-box to prevent padding from causing overflow/misalignment */
  * {
    box-sizing: border-box;
  }

  /* Fix the toggle buttons alignment on mobile */
  div[style*="text-align: left"] {
    text-align: left !important;
    /* Keep left aligned as per user request for "all text align left" */
    padding-left: 0 !important;
  }
}