:root {
  --publications-color-background: #FAFAFA;
  --publications-color-border: #F0F0F0;
  --publications-color-title: #F0F0F0;

a {
  outline: none;
  text-decoration: none;

  &:active  {text-decoration: none; color: var(--text-color-link);}
  &:link    {text-decoration: none; color: var(--text-color-link);}
  &:visited {text-decoration: none; color: var(--text-color-link);}
  }

ul {
  list-style-type: none;
  margin: 0 0 1em 0;
  padding: 0;
  }

li {
  background-color: var(--publications-color-background);
  font-family: Arial;
  font-size: 12px;
  }

.container {
  padding-top: 104px;
  }

.header {
  background: #F0F0F0;
  border-top: 1px solid orange;
  margin-top: 1.0em;
  padding: 2px 0.5em 2px 0.5em;
  }

.header-first {
  background: #F0F0F0;
  border-top: 1px solid orange;
  padding: 2px 0.5em 2px 0.5em;
  }

.link {
  margin: 0;
  padding: 0;
  }

.myHeader {
  background: #F0F0F0;
  border-bottom: 1px solid lightgray;
  padding: 1px 0 2px 12px;
  }

.wrapper {
  border-bottom: 1px solid var(--publications-color-border);
  column-gap: 0;
  display: grid;
  font-size: 12px;
  grid-template-columns: 180px 680px 90px;
  margin: 0;
  padding: 0;

  div:nth-child(-n+3) {
    padding: 0.1em 0 0.1em 0.5em;
    }

  .col1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }

  .col2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
  }