/* Box shortcode styles */
.box {
  padding: 1em 1.2em;
  margin: 1.5em 0;
  border-left: 4px solid;
  border-radius: 2px;
  background: #f8f9fa;
}

.box p:last-child {
  margin-bottom: 0;
}

.box-title {
  font-weight: 600;
  margin-bottom: 0.5em;
}

/* Info - blue */
.box.info {
  border-color: #0969da;
  background: #f0f7ff;
}

/* Tip - green */
.box.tip {
  border-color: #1a7f37;
  background: #f0fff4;
}

/* Warning - orange */
.box.warning {
  border-color: #d97706;
  background: #fffbeb;
}

/* Important - red */
.box.important {
  border-color: #cf222e;
  background: #fff5f5;
}