/* レポートリストの列レイアウト */
.report-list p {
  display: grid;
  grid-template-columns: 18px 78px minmax(0, 1fr);
  align-items: center;
  column-gap: 4px;
}

.report-list i {
  display: block;
  width: 18px;
  text-align: center;
}

.report-list b {
  text-align: left;
}

/* スマホ：レポートカードのabsoluteを解除して重なりを防ぐ */
@media (max-width: 560px) {
  .report-card {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 16px;
  }

  .report-title {
    position: static;
    border-radius: 10px 10px 0 0;
    margin: 0;
  }

  .report-badge {
    right: -3px;
    bottom: -3px;
  }
}