/* Box Styles for TinyMCE Editor */

/* 정보 박스 - 파란색 테마 */
.info-box {
  position: relative;
  background-color: #e7f3ff;
  border-left: 4px solid #2196F3;
  padding: 16px 20px 16px 48px;
  margin: 16px 0;
  border-radius: 4px;
  color: #0d47a1;
  font-size: 0.95rem;
  line-height: 1.6;
}

.info-box::before {
  content: "ℹ️";
  position: absolute;
  left: 20px;
  top: 16px;
  font-weight: bold;
  font-size: 1.2em;
}

/* 경고 박스 - 노란색/주황색 테마 */
.warning-box {
  position: relative;
  background-color: #fff3e0;
  border-left: 4px solid #ff9800;
  padding: 16px 20px 16px 48px;
  margin: 16px 0;
  border-radius: 4px;
  color: #e65100;
  font-size: 0.95rem;
  line-height: 1.6;
}

.warning-box::before {
  content: "⚠️";
  position: absolute;
  left: 20px;
  top: 16px;
  font-weight: bold;
  font-size: 1.2em;
}

/* 성공 박스 - 녹색 테마 */
.success-box {
  position: relative;
  background-color: #e8f5e9;
  border-left: 4px solid #4caf50;
  padding: 16px 20px 16px 48px;
  margin: 16px 0;
  border-radius: 4px;
  color: #1b5e20;
  font-size: 0.95rem;
  line-height: 1.6;
}

.success-box::before {
  content: "✅";
  position: absolute;
  left: 20px;
  top: 16px;
  font-weight: bold;
  font-size: 1.2em;
}

/* 박스 내부 요소 스타일링 */
.info-box p,
.warning-box p,
.success-box p {
  margin: 0;
  padding: 0;
}

.info-box p + p,
.warning-box p + p,
.success-box p + p {
  margin-top: 8px;
}

/* 박스 내부 강조 텍스트 */
.info-box strong,
.warning-box strong,
.success-box strong {
  font-weight: 700;
}

.hr-1px { height: 1px; background: #313131; margin: 20px 0; }
.hr-2px { height: 2px; background: #313131; margin: 20px 0; }
.hr-3px { height: 3px; background: #313131; margin: 20px 0; }