:root {
  color-scheme: light dark;
}

p {
    font-size: 11pt;
    line-height: normal;
}

article {
    line-height: normal;
}

/*table*/
dl:not([class]) dt {
    margin-top: 0;
    color: light-dark(#00274C, #FFFFFF);
}

dt {
  padding-top: 1.1px;
  padding-bottom: 1.1px;
}

dd {
  padding-top: 1.1px;
  padding-bottom: 1.1px;
}

.content li + li {
    margin-top: 2.2px;
}

/*flexbox*/
.image.box {
    text-align: center;
    background-color: #FFFFFF;
}

.researchbox {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    padding: 0px;
    margin-bottom: 0px;
}

.researchbox .text {
    width: 60% !important;
    flex: 1 1 auto;
}

.researchbox .image {
    width: 360px;
    min-width: 280px !important;
    max-width: 100%;
    flex: 1 0 180px;
    margin: 0pt;
    margin-right: 11pt;
    margin-left: 11pt;
    background-color: #FFFFFF;
}

.box-image .narrow {
    width: 240px;
    min-width: 180px !important;
    max-width: 100%;
    flex: 3 3 180px;
    padding-left: 5pt;
    padding-right: 5pt;
}

.image-narrow {
    display: flex;
    height: auto;
}

.pubitem .text {
    width: 77.5% !important;
    flex: 1 1 auto;
    margin-left: 0.25em;
    margin-right: 0.25em;
}

.pubitem .image {
    width: 180px;
    min-width: 125px !important;
    max-width: 100%;
    flex: 1 0 125px;
    margin: 3pt;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3pt;
    padding-right: 3pt;
}

.pubitem .appfig1 {
    width: 70% !important;
    flex: 1 1 auto;
}

.pubitem .appfig2 {
    width: 240px;
    min-width: 170px !important;
    max-width: 100%;
    flex: 1 0 170px;
    margin: 3pt;
}

.person .text {
    width: 82.5%;
    flex: 1 1 auto;
}

.person .image {
    width: 75px;
    min-width: 75px !important;
    max-width: 55%;
    flex: 1 0 75px;
    margin: 3pt;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3pt;
    padding-right: 3pt;

}

/*containers*/
.container {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    width: 100%;
    max-width: 100% !important;
    overflow: hidden;
}

.pubitem {
    padding: 5px;
    margin-bottom: 5px;
    justify-content: center;
}

.person {
    padding: 5px;
    margin-bottom: 15px;
    justify-content: center;
}

.plot-d6a7b5 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3pt;
    padding-right: 3pt;
}

/**/
.gallery {
  display: flex;
  flex-flow: column wrap;
}

.gallery-item img {
    border: 1px solid #00274C;
}

.gallery-item video {
    border: 1px solid #00274C;
}

.gallery-item .caption {
    border: 1px solid #00274C;
    border-top: 1px solid #00274C;
    padding: 0 5px 0 5px;
    margin: 0px 0 5px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #FAFAFA;
    background-color: light-dark(#FAFAFA, #050505);
    font-size: 10pt;
}

/**/
dl {
  display: grid;
  grid-template-columns: max-content auto;
  font-size: 11pt;
}

dt, dd {
    margin: 0 0 0 0;
}

dt {
  grid-column-start: 1;
}

dt::after {
  content: ":";
}

dd {
  grid-column-start: 2;
  margin-left: 5px;
}

/**/
h3 {
    font-size: 16pt;
}

h4 {
    font-size: 14pt;
}

span {
    font-size: 11pt;
    padding: 0;
    margin: 0;
}

span .pubtitle {
    font-size: 13pt;
    color: light-dark(#000000, #FFFFFF);
}

span .pubjournal {
    color: light-dark(#000000, #FFFFFF);
    font-weight: bold;
    font-style: italic;
}

span .highlight-blue {
    color: #2F65A7;
}

span .highlight-red {
    color: 	#D86018;
}

a, a:active, a:visited {
    color: 	#D86018;
}

li {
    font-size: 11pt;
    color: light-dark(#000000, #FFFFFF);
}