.patch-card {
  display: grid;
  grid-template-columns: 120px 1fr 240px;
  gap: 34px;
  padding: 38px;
  border: 1px solid #252a1c;
  border-radius: 28px;
  background: linear-gradient(135deg, #090b08 0, #15180f 100%);
  color: #f8faef;
  box-shadow: 0 24px 68px rgba(13, 17, 23, .18);
}

.patch-index {
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.patch-index span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(218, 171, 40, .58);
  border-radius: 18px;
  color: #e0b22f;
  font: 900 19px/1 ui-monospace, monospace;
}

.patch-index small {
  color: #8f967e;
  font: 800 9px/1.5 ui-monospace, monospace;
  letter-spacing: .16em;
}

.patch-title-row {
  display: flex;
  align-items: center;
  gap: 11px;
  flex-wrap: wrap;
}

.patch-title-row h3 {
  margin: 0 8px 0 0;
  font-size: 28px;
}

.patch-title-row > span {
  padding: 5px 9px;
  border: 1px solid #343a29;
  border-radius: 999px;
  color: #bfc5b5;
  font-size: 11px;
}

.patch-title-row .verified-tag {
  border-color: rgba(73, 225, 165, .35);
  background: rgba(73, 225, 165, .1);
  color: #65e6b2;
}

.patch-copy > p {
  margin: 16px 0 0;
  color: #b9c0b1;
  line-height: 1.8;
}

.patch-copy code {
  padding: 2px 5px;
  border-radius: 5px;
  background: #23271d;
  color: #e6c660;
  font-family: ui-monospace, monospace;
}

.patch-copy ul {
  margin: 20px 0 0;
  padding-left: 18px;
  color: #e2e6da;
  line-height: 1.9;
}

.patch-copy li::marker {
  color: #d6aa2b;
}

.patch-copy .patch-note {
  padding: 13px 15px;
  border-left: 3px solid #d6aa2b;
  background: rgba(214, 170, 43, .08);
  color: #ddd4b6;
  font-size: 13px;
}

.patch-action {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 13px;
  padding-left: 28px;
  border-left: 1px solid #2c3125;
}

.patch-action > span,
.patch-action > small {
  color: #929a88;
  font-size: 11px;
}

.patch-download-status {
  min-height: 34px;
  margin: 0;
  color: #65e6b2;
  font-size: 12px;
  line-height: 1.5;
}

.patch-download-status.error {
  color: #ff766f;
}

@media (max-width: 850px) {
  .patch-card { grid-template-columns: 1fr; }
  .patch-action { padding: 24px 0 0; border-left: 0; border-top: 1px solid #2c3125; }
  .patch-index { flex-direction: row; align-items: center; }
}

@media (max-width: 540px) {
  .patch-card { padding: 24px; }
  .patch-title-row h3 { font-size: 22px; }
}