@charset "utf-8";

#kboard-layout.kboard-download {
  --grid-columns: 3;
  --grid-gap: 16px;
  --grid-gap-column-total: calc(var(--grid-gap) * calc(var(--grid-columns) - 1));
  --grid-item-width: calc(100% - var(--grid-gap-column-total));
}
#kboard-layout.kboard-download .kboard-grid__wrap{}
#kboard-layout.kboard-download .kboard-grid__wrap .kboard-grid{
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), calc(var(--grid-item-width) / var(--grid-columns)));
  gap: calc(var(--grid-gap) * 2) var(--grid-gap);
  list-style: none;
  padding: 0;
}
#kboard-layout.kboard-download .kboard-grid__wrap .kboard-grid li > a{
  display: block;
}

@media (max-width: 1024px) {
  #kboard-layout.kboard-download {
    --grid-columns: 2;
  }
}
@media (max-width: 640px) {
  #kboard-layout.kboard-download {
    --grid-columns: 1;
  }
}