.entry {
  background-color: #efefef;
}
.entry-half {
  margin-top: 0;
}
/* float nested half entries */
.entry-half .entry-half {
  float: left;
  width: 50%;
}
.entry-full {
  margin-top: 0;
  overflow: hidden;
}
/* entry text label */
.entry-text::before {
  content: attr(data-name);
  display: block;
  padding: 0.125rem 0 0.25rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #3d9fc1;
}
.entry p,
.entry li {
  font-size: 0.9375rem;
  line-height: 1.25;
}
.entry ul {
  padding-left: 1.25rem;
}
.entry li:first-of-type {
  margin-top: 0;
}
.entry li {
  margin-top: 0.25rem;
}
.entry .entry-text-aux {
  margin-top: 0.125rem;
}



/* --- tabular static --- */
.static .entry {
  border-left: 0.5rem solid #ccc;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.static .entry-full {
  padding: 0 0.625rem;
}
.static .entry-text {
  margin-top: 0;
  padding: 0.625rem 0;
  overflow: hidden;
}
.static .entry-full .entry-text {
  border-top: 1px solid white;
}
/* remove top border from first full entry */
.static .entry-full:first-of-type .entry-text:first-of-type {
  border-top: none;
}


/* --- tabular accordions --- */
.accordion .entry {
  border-left: 0.5rem solid #3d9fc1;
}
/* hover/open entry background color */
.accordion .entry:hover,
.accordion-title[data-state="open"],
.accordion-title[data-state="open"] + .accordion-info {
  background-color: #e1edf1;
}

.accordion-title {
  border-left: 0 solid #9ecfe0;
  /* extra 0.5rem right padding to account for left border width when hovered */
  padding: 0.5rem 1.125rem 0.5rem 0.625rem;
  cursor: pointer;
}
.accordion-info {
  margin-bottom: 0.5rem;
  padding: 0 0.625rem 0.5rem;
  overflow: hidden;
}
.accordion-info .entry-text {
  border-top: 1px solid #fff;
  padding: 0.5rem 0;
}
/* remove bottom padding from last .accordion-info .entry-text...
/* to account for .accordion-info's bottom padding */
.accordion-info .entry-text:last-of-type {
  padding-bottom: 0;
}

/* transition all properties */
.accordion-title,
.accordion-info {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* when entry-title if hovered, show left border */
.accordion-title:hover {
  border-left-width: 0.5rem;
  /* remove 0.5rem from right padding to equal left border width */
  padding-right: 0.625rem;
}

/* when entry-title is open, increase space below */
.accordion-title[data-state="open"] + .accordion-info {
  margin-bottom: 1.5rem;
}

/* when entry-title is closed, collapse .accordion-info's height */
.accordion-title[data-state="closed"] + .accordion-info {
  padding: 0 0.625rem;
  height: 0;
}



@media (min-width: 30em) {
  /* float all half entries */
  .entry-half {
    float: left;
    width: 50%;
  }
  /* remove top border for nested half entries */
  .static .entry-full .entry-half.entry-text {
    border-top: none;
  }
}