/* bars.css */
.barsGrid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.bCard{
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.bIcon{ color: rgba(255,216,0,.95); font-size:18px; margin-bottom:10px; }
.bCard h3{ margin:0 0 8px; }
.bCard p{ margin:0; color: rgba(237,239,243,.62); line-height:1.6; font-size:13px; }

.bPanel{
  margin-top: 16px;
  padding: 18px;
}
.bPanel h3{ margin:0 0 10px; }
.bPanel ul{
  margin:0 0 16px;
  padding-left: 18px;
  color: rgba(237,239,243,.70);
  line-height:1.8;
  font-size:13px;
}

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