/* 중등 교과 영문법 263유닛 — 초등 기반에서 중등 내신 Amber 색상으로 재정의합니다. */
@import url("elementary-school-grammar.css");

:root {
  --accent:       #f97316;   /* orange-500 */
  --accent-mid:   #ea580c;   /* orange-600 */
  --accent-deep:  #9a3412;   /* orange-900 */
  --accent-soft:  #fff7ed;
  --accent-line:  rgba(249, 115, 22, 0.22);
  --paper:        #fffaf4;
}

.esg-pattern {
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
  border-color: var(--accent-line);
}

.esg-pill {
  border-color: rgba(249, 115, 22, 0.28);
  background: #fff7ed;
  color: var(--accent-deep);
}

/* Part 3 §1.2 Cambridge CEFR 레벨 병기 */
.esg-pill-cefr {
  margin-left: 8px;
  border-color: rgba(37, 99, 235, 0.28);
  background: #eff6ff;
  color: #1d4ed8;
}

/* §11 문법 포인트 4단계 레벨(레벨업 탭) */
.esg-level-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.esg-level-badge {
  flex: 1 1 140px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 14px;
  border-radius: var(--r-md);
  border: 1.5px solid var(--line-2);
  background: var(--surface);
  color: var(--muted);
  cursor: pointer;
  text-align: left;
}

.esg-level-badge strong { font-size: 14px; color: var(--ink); }
.esg-level-badge span { font-size: 12px; }

.esg-level-badge.is-active {
  border-color: var(--accent-mid);
  background: var(--accent-soft);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.esg-level-badge.is-passed {
  border-color: var(--green-ok);
  background: var(--green-soft);
}

.esg-level-badge.is-locked {
  opacity: 0.55;
  cursor: not-allowed;
}

.esg-level-result {
  margin-top: 16px;
  padding: 16px;
  border-radius: var(--r-md);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.esg-level-result.is-pass {
  background: var(--green-soft);
  border: 1px solid rgba(22, 101, 52, 0.18);
}

.esg-level-result.is-fail {
  background: var(--red-soft);
  border: 1px solid rgba(255, 59, 48, 0.18);
}

.esg-btn-primary {
  background: var(--accent-mid);
  color: #fff;
  border-color: var(--accent-mid);
}