/* =========================
   Results (Flex / List)
========================= */

.page-header {
  margin-bottom: 20px;
}

.page-title {
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 10px;
}

.results {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.year-block {
  border: 1px solid #ccd5de;
  background: #fff;
}

.year-title {
  background: #dce5ea;
  padding: 12px 14px;
  font-size: 18px;
}

.work-list {
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.work-item {
  padding: 10px 12px;
  background: #f7f7f7;
  border-left: 4px solid #00A3D9;
  line-height: 1.5;
}

/* hover */
.work-item:hover {
  background: #f0fbff;
}

/* Responsive */
@media (max-width: 900px) {
  .page-title {
    font-size: 24px;
  }
}

@media (max-width: 500px) {
  .year-title {
    font-size: 16px;
  }
  .work-item {
    padding: 9px 10px;
  }
}