/* global body and text formatting */
body, td, th, tr, p, a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 400;
}

a {
  color: black;
  text-underline-offset: 0.15em;
  text-decoration-color: #79c0ff;
}
a:hover, a:focus {
  text-decoration: none;
  color: black;
}

/* table layout */
td {
  text-align: left;
  vertical-align: top;
  padding: 4px;
  padding-bottom: 20px;
}
table.header-table {
  width: 100%;
  max-width: 850px;
  border-spacing: 0;
  border-collapse: separate;
  margin-left: auto;
  margin-right: auto;
}

/* headings/name/small text */
heading {
  font-weight: 500;
}
name {
  font-size: 30px;
  line-height: 30px;
  font-weight: 500;
}
smalltext {
  font-size: 12px;
  font-weight: 400;
}

/* hover over name */
table.header-table h1.hover-name {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  cursor: default;
}

table.header-table h1.hover-name .alt-names {
  display: none;
  margin-left: 0;
  font-size: 0.85em;
  color: #bbb;
}

table.header-table h1.hover-name:hover .alt-names {
  display: block; 
}

/* reverse list of pubs */

ol.reverse-list {
  list-style-type: decimal; 
  list-style-position: inside;
  margin: 0;                      
  padding: 0;                     
}

ol.reverse-list li {
  margin-bottom: 1em;           
  padding: 0;                     
}

ol.reverse-list li details summary {
  cursor: pointer;
  font-weight: 400;
  margin-top: 0.2em;
}

/* abstract box stylization */
ol.reverse-list li details p {
  background-color: #f5f5f5;   
  padding: 10px;               
  margin: 0.5em 0 0 0;         
}

/* dark mode colors */
body.dark-mode {
  background-color: #1e1e1e;  
  color: #eee;                
}

/* links in dark mode */
body.dark-mode a {
  color: inherit;                  
  text-decoration: underline;      
  text-decoration-color: #79c0ff;  
}

/* dark mode toggle */
#darkModeToggle {
  font-size: 24px;  
  cursor: pointer;
  transform: none; 
}

/* remove hover effects for dark mode toggle */
#darkModeToggle:hover {
  transform: none;
}

/* make toggle match current text color */
#darkModeToggle {
  color: inherit;
  user-select: none;
}
#darkModeToggle:hover {
  transform: none;
}

/* dark mode for abstract boxes */
body.dark-mode ol.reverse-list li details p {
  background-color: #2a2a2a; 
  color: #eee;               
}

/* dark mode link hover */
body.dark-mode a:hover,
body.dark-mode a:focus {
  text-decoration: none;         
  color: inherit;                
}

/* footer design credit hover */
.footer-hover {
  cursor: default; 
}

.footer-hover .footer-extra {
  display: none;
  color: #bbb;        
}

.footer-hover:hover .footer-extra {
  display: inline;
}