.cols{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
}

@media (max-width: 760px){
  .cols{ grid-template-columns:1fr; }
}

/* Screen meta stays on one line */
.cols .item .meta{
  white-space: nowrap;
}

@media (max-width: 420px){
  .cols .item .meta{
    white-space: normal;
  }
}
/* ==========================
   SCREENS — DIM GREY MODE
   ========================== */

.cols .item{
  color: #FFFFFF;               /* dim grey text */
  background: rgba(0,0,0,.14);  /* slightly flatter than panels */
  border-color: rgba(155,165,180,.25);
}
/* ==========================
   SCREENS — LED MONITOR LOOK
   ========================== */

.cols .item{
  color: #FFFFFF; /* soft LED grey text */

  background:
    linear-gradient(
      180deg,
      rgba(26,32,40,.85),
      rgba(20,26,34,.85)
    );

  border-color: rgba(140,155,175,.35);
}
.cols .item{
  box-shadow:
    inset 0 0 0 1px rgba(128,128,128,.9),
    inset 0 0 18px rgba(125,249,255,.04);
}

.accent{
  color: var(--accent);
}