div + h2 {
  margin-top: 2em;
}

.result-list {
  vertical-align:top;
}
div.row {
/*  text-indent: 0 !important;*/
}
.row + .row {
/*  border-top:.05em solid purple;*/
  margin-top: 0em;
}
div.row.parallel {
  display:inline-block;
  vertical-align:top;
}
.row.parallel + .row.parallel::before {
  content: "parallel session";
  display: block;
  padding-left: 3em;
  background-color: var(--yellow);
}
span.start, .item {
  display:table-cell;
  padding-bottom:.5em;
  text-indent: 0;
}
details {
  cursor: pointer;
}
details[open] div.summary {
  margin-bottom:1em;
  animation-name: showabstract; 
  animation-duration: .3s; 
  animation-fill-mode: forwards;
}
@keyframes showabstract {
  from { opacity: 0; font-size:0; }
  to   { opacity: 1; font-size:1em; }
}
summary {
    line-height:1.65em;
    transition:border .35s;
    border-left: .01rem transparent;
}
details[open] summary {
  border-left: 1rem solid var(--yellow);
  border-right:var(--line-medium) solid var(--yellow);
  background-color:var(--yellow);
}
summary.title {
  padding-left:1em;
  text-indent:-1em;
  text-wrap:pretty;
}
summary.title, 
.continuation .title {
  font-weight:bold;
  font-size:1.1em;
}


span.start {
  padding-right:1em;
  text-align:right;
}
.location {
  font-family:"Iosevka Web";
  font-style:italic;
}
span.location {
  color: var(--purple);
  font-weight:bold;
}
p.location {
  margin-top:-1em;
  margin-bottom:1em;
}
div.summary {
  padding: .5em 1em;
  text-indent:0;
  font-size:.92em;
  max-width:55em;
  border-left: 1em solid var(--yellow);
  border-right:var(--line-medium) solid var(--yellow);
  border-bottom: var(--line-thick) solid var(--yellow);
}
div.summary div + div {
  margin-top:.75em;
}
.summary a {
  text-decoration:underline;
}
button.details-page  {
  font-size:.9em;
  outline: none;
  margin-top:.3em;
  margin-left:1em;
  padding:.35em .7em;
  height:auto;
  background-color: #ddd;
  color:black;
  font-weight:bold;
  font-stretch:normal;
  text-transform:initial;
  letter-spacing:0;
}
button.details-page:hover {
  outline: solid var(--line-hair) black;
  background-color: var(--purple);
  color:white;
}
div.bionotes {
  margin:.7em -1.5em -1em -2em;
  padding:1em 2em;
  background-color:var(--yellow);
  font-weight:normal;
  font-style:oblique;
  color:#333;
  border-right:var(--line-medium) solid var(--yellow);
}
div.bionotes p {
  font-family: "Iosevka Web";
}
div.bionotes i,
div.bionotes em
{
  font-style:normal;
}
h2 {
  font-size: 1.5em;
}
.author {
  margin-left: 1.2em;
  color: var(--red);
  font-size:.9em;
  position:relative;
}
.affiliations {
  margin-left:.7em;
}
.affiliations:before {
  content : '(';
}
.affiliations:after {
  content : ')';
}

@media screen and ( min-width:1500px ) {
  *:root {
    --font-size:12.5pt;
    --page-margin-left:2cm;
    --navbar-width: 275px;
  }
  body.select {
      grid-template-areas: '. header-menu header .'
            '. menu main right'
            '. menu footer bottom-right';
      grid-template-columns:1fr var(--navbar-width) 8fr 2fr;
      grid-template-rows:var(--headerbar-height) 1fr minmax(var(--footer__min-height),var(--footer__max-height));
      background-color:#aaa;
  }
}

@media screen and ( min-width:1750px ) {
  body.select {
      grid-template-areas: '. header-menu header .'
            '. menu main right'
            '. menu footer bottom-right';
      grid-template-columns:1fr var(--navbar-width) 1200px 1fr;
      grid-template-rows:var(--headerbar-height) 1fr minmax( var(--footer__min-height), var(--footer__max-height));
      background-color:#aaa;
  }
}
/* enable these lines at conference time */
 
.timespan[data-time-asp='past'] {
  opacity: 0.55;
}
.timespan[data-time-asp='now'] {
  box-shadow: 0 0 .5em .1em var(--yellow);
}
.timespan[data-time-asp='future'] 
{
  color:var(--blue);
}