/* Generated by less 3.11.1 */
:root {
  --color: #f7d500;
}
.inner {
  max-width: 720px;
  margin: 0 auto;
}
header {
  border-top: 10px solid var(--color);
  padding: 50px 25px 25px;
  text-align: center;
  margin-bottom: 1em;
}
header h1 {
  letter-spacing: 0.1em;
  font-size: 2em;
  margin-bottom: 1em;
}
header h1 a:hover {
  opacity: 0.5;
}
header h2 {
  letter-spacing: 0.1em;
  font-size: 1.25em;
}
main {
  margin-bottom: 3em;
}
main section {
  padding: 0 25px;
}
main section article {
  margin-bottom: 3em;
}
main section article .title-date {
  margin-bottom: 2em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--color);
}
main section article .title-date h1 {
  font-size: 1.5em;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  font-weight: bold;
}
main section article .title-date time {
  display: block;
  color: #666;
  font-size: 0.9em;
}
.entries {
  display: grid;
  grid-gap: 1.5em;
  margin-bottom: 2em;
}
.entries li a {
  border-bottom: 1px dotted var(--color);
  padding: 0.5em 1em;
  display: flex;
  grid-gap: 1em;
  letter-spacing: 0.1em;
}
.entries li a time {
  color: #666;
}
.entries li a span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.entries li a:hover {
  opacity: 0.5;
}
.prev-next {
  display: flex;
  grid-gap: 1.5em;
  justify-content: center;
  align-items: center;
  font-size: 0.9em;
  letter-spacing: 0.1em;
}
.prev-next a:hover {
  opacity: 0.5;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 1em;
}
.pagination span {
  opacity: 0.3;
}
.pagination a:hover {
  opacity: 0.5;
}