@-webkit-keyframes pulse {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.is-hidden {
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 640px) {
  .header .section-title h2:not(:first-of-type) {
    display: none;
  }
}
.header .section-title h2 {
  grid-column: span 1;
}
@media screen and (min-width: 1024px) {
  .header .section-title h2.is-double {
    grid-column: span 2;
  }
}

.main {
  margin: 0 var(--small-space) 10em var(--small-space);
}

.list-item {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  border-bottom: 1px solid;
  padding: 0.1em 0;
}
@media screen and (min-width: 640px) {
  .list-item {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .list-item {
    grid-template-columns: repeat(4, 1fr);
  }
}
.list-item .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list-item .date {
  grid-column: span 1;
}
@media screen and (min-width: 1024px) {
  .list-item .date {
    grid-column: span 2;
  }
}