/*
 * HVA SITE AUDIT HISTORY V1
 */

.hvs-history{
  padding:
    38px 0
    110px;
}

.hvs-history-head{
  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    auto;
  gap:48px;
  align-items:end;
}

.hvs-history-kicker{
  display:block;
  margin-bottom:14px;
  color:#a8ff00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
}

.hvs-history h2{
  margin:0;
  font-size:
    clamp(
      38px,
      5vw,
      62px
    );
  line-height:1;
  letter-spacing:-.055em;
}

.hvs-history-description{
  max-width:690px;
  margin:18px 0 0;
  color:#9ca29e;
  font-size:15px;
  line-height:1.65;
}

.hvs-history-stats{
  display:grid;
  grid-template-columns:
    repeat(2,218px);
  gap:12px;
}

.hvs-history-stat{
  min-height:106px;
  padding:20px;
  border:
    1px solid
    rgba(255,255,255,.14);
  border-radius:18px;
  background:#101211;
}

.hvs-history-stat strong{
  display:block;
  color:#a8ff00;
  font-size:44px;
  line-height:1;
}

.hvs-history-stat span{
  display:block;
  margin-top:10px;
  color:#9ba19d;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.hvs-history-table-wrap{
  margin-top:30px;
  overflow-x:auto;
  border:
    1px solid
    rgba(255,255,255,.14);
  border-radius:18px;
  background:#0c0e0d;
}

.hvs-history-table{
  width:100%;
  min-width:900px;
  border-collapse:collapse;
}

.hvs-history-table th,
.hvs-history-table td{
  padding:
    18px 16px;
  text-align:left;
  border-bottom:
    1px solid
    rgba(255,255,255,.09);
}

.hvs-history-table th{
  color:#8e9590;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.hvs-history-table td{
  color:#d9dcda;
  font-size:13px;
}

.hvs-history-table
tbody tr:last-child td{
  border-bottom:0;
}

.hvs-history-site{
  color:#fff !important;
  font-weight:800;
}

.hvs-history-health{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  min-height:34px;
  padding:0 11px;
  border-radius:999px;
  font-size:11px;
  font-weight:950;
}

.hvs-history-health--good{
  color:#a8ff00;
  border:
    1px solid
    rgba(168,255,0,.45);
  background:
    rgba(168,255,0,.08);
}

.hvs-history-health--warn{
  color:#ffd34d;
  border:
    1px solid
    rgba(255,211,77,.4);
  background:
    rgba(255,211,77,.07);
}

.hvs-history-health--bad{
  color:#ff656d;
  border:
    1px solid
    rgba(255,80,90,.45);
  background:
    rgba(255,80,90,.07);
}

.hvs-history-critical{
  color:#ff5360 !important;
  font-weight:800;
}

.hvs-history-high{
  color:#ff9854 !important;
  font-weight:800;
}

.hvs-history-medium{
  color:#ffd54b !important;
  font-weight:800;
}

.hvs-history-low{
  color:#61b7ff !important;
  font-weight:800;
}

.hvs-history-empty{
  margin-top:20px;
  padding:22px;
  border:
    1px dashed
    rgba(255,255,255,.12);
  border-radius:14px;
  color:#7f8681;
}

@media(max-width:900px){

  .hvs-history-head{
    grid-template-columns:1fr;
  }

  .hvs-history-stats{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}

@media(max-width:520px){

  .hvs-history-stats{
    grid-template-columns:1fr;
  }

}