.alert-box {
  display:block;
  background:var(--alert-bg);
  border:1px solid var(--alert-line);
  padding:14px 16px;
  border-radius:8px;
  margin-top:20px
}
.alert-action {
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease
}
.alert-action:hover,.alert-action:focus-visible {
  border-color:var(--warning);
  background:var(--alert-bg);
  outline:2px solid var(--warning);
  outline-offset:2px
}
.alert-action:hover .alert-action-label {
  text-decoration:underline;
  text-underline-offset:3px
}
.alert-action-label {
  display:inline-block;
  margin-top:9px;
  color:var(--warning);
  font-size:12px;
  font-weight:600
}
.alert-box strong {
  font-weight:600
}
.alert-box p {
  color:var(--alert-ink);
  margin-top:3px
}
.code-badge {
  font:12px var(--mono);
  background:var(--surface-alt);
  padding:2px 5px;
  border-radius:4px;
  overflow-wrap:anywhere
}