.release-gate {
  margin-bottom: 14px;
  border: 1px solid #dce3e5;
  background: #fff;
}
.release-gate-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 24px;
  background: #123b41;
  color: #fff;
}
.release-gate-head p { color: #69d5ca; font-size: 9px; font-weight: 800; }
.release-gate-head h3 { margin-top: 6px; font-size: 20px; }
.release-gate-head > div > span { display: block; margin-top: 6px; color: #b8d0d0; font-size: 10px; }
.release-score { text-align: right; }
.release-score strong, .release-score span { display: block; }
.release-score strong { font-size: 30px; }
.release-score span { margin-top: 4px; color: #b8d0d0; font-size: 9px; }
.release-gate-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.release-gate-item {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: start;
  gap: 10px;
  min-height: 102px;
  padding: 17px;
  border: 0;
  border-right: 1px solid #e5eaec;
  border-bottom: 1px solid #e5eaec;
  background: #fff;
  text-align: left;
}
.release-gate-item:nth-child(4n) { border-right: 0; }
.gate-index {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #f7e6e4;
  color: #b23831;
  font-size: 12px;
  font-weight: 800;
  line-height: 25px;
  text-align: center;
}
.release-gate-item.ready .gate-index { background: #e1f4ed; color: #15745a; }
.release-gate-item strong, .release-gate-item small { display: block; }
.release-gate-item strong { font-size: 11px; }
.release-gate-item small { margin-top: 6px; color: #758187; font-size: 9px; line-height: 1.5; }
.release-gate-item b { padding: 3px 5px; border: 1px solid #dce3e5; color: #78848a; font-size: 8px; font-weight: 700; }
.release-gate-item:hover { background: #f8fbfb; }
@media(max-width:1000px) { .release-gate-list { grid-template-columns: repeat(2,minmax(0,1fr)); } .release-gate-item:nth-child(4n) { border-right: 1px solid #e5eaec; } .release-gate-item:nth-child(2n) { border-right: 0; } }
@media(max-width:600px) { .release-gate-head { align-items: flex-start; flex-direction: column; } .release-score { text-align: left; } .release-gate-list { grid-template-columns: 1fr; } .release-gate-item { border-right: 0; } }