/* 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: #1a237e;
    text-decoration: none;
  }
  
  a:focus,
  a:hover {
    color: #1a237e;
    text-decoration: none;
  }
  
  body,
  td,
  th,
  tr,
  p,
  a {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 14px
  }
  
  strong {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 14px;
  }
  
  heading {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 22px;
  }

  /* heading scale helpers for music page */
  heading.heading-large {
    font-size: 22px;
    font-weight: 700;
    display: block;
    margin: 12px 0 10px 0; /* add bottom space below Cello */
  }
  heading.heading-medium {
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin: 12px 0 6px 0; /* add top space before group headings */
  }
  
  papertitle {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700
  }
  
  name {
    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;
  }

  /* ===== News sidebar styling ===== */
.news-col { /* 좁은 칼럼도 시각적으로 깔끔하게 */
    border-right: 1px solid #eee;
  }
  
  .news-card {
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 14px;
  }
  
  .news-title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
  }
  
  .news-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }
  
  .news-item {
    margin: 10px 0;
    line-height: 1.4;
  }
  
  .news-date {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    background: #f0f0f0;
    border: 1px solid #e6e6e6;
    padding: 2px 8px;
    border-radius: 999px;
    margin-right: 8px;
  }
  
  /* details(Show more) 미려하게 */
  .news-more {
    margin-top: 8px;
  }
  .news-more summary {
    cursor: pointer;
    color: #0a66c2;
    font-weight: 600;
    list-style: none; /* 사파리 점표시 제거 */
  }
  .news-more summary::-webkit-details-marker { display: none; }
  .news-more summary::after {
    content: " ▼";
    font-size: 12px;
    color: #0a66c2;
  }
  .news-more[open] summary::after { content: " ▲"; }
  
  /* ===== Research 본문 가독성 ===== */
  .research-col heading {
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
  }
  
  .pretty-list {
    padding-left: 18px;
  }
  .pretty-list li {
    margin: 6px 0;
  }
 
  .pretty-list_ {
    padding-left: 18px;
  }
  .pretty-list_ li {
    margin: 3px 0;
  }

  /* spacing between research entries */
  .research-item img { 
    max-width: 100%;
    height: auto;      
    display: block;
    border: 0;
  }
  
  /* reduce gap between publications heading and first research item */
  .publications-heading {
    margin-bottom: 0;
  }
  
  /* ===== Responsive: 모바일에서는 위아래로 쌓기 ===== */
  @media (max-width: 760px){
    table[style*="table-layout:fixed;"] colgroup col { width: 100% !important; }
    .news-col { border-right: 0; padding-bottom: 0; }
    .research-col { padding-top: 8px; }
  }