/* 색: 현재 홈페이지 톤(진녹색 #15524D)으로 고정 */
:root {
  --bg: #ffffff;
  --surface: #f5f7f6;
  --text: #282828;
  --muted: #585858;
  --line: #e1e6e4;
  --brand: #15524d;
  --brand-2: #127c6e;
  --on-brand: #ffffff;
  --deep: #15524d;
  --on-deep: #ffffff;
  --on-deep-muted: rgba(255, 255, 255, 0.72);
  --deep-line: rgba(255, 255, 255, 0.22);
  --frame: #cfd8d6;
  color-scheme: light;
}

/* 교체 표시 (시안 전용, 공개본에는 남기지 않는다) */
.ph {
  display: inline-block;
  background: #f5c518;
  color: #1a1a1a;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 0.35em 0.65em;
  border-radius: 4px;
  box-shadow: inset 4px 0 0 #1a1a1a;
  letter-spacing: 0;
}
.frame .ph-on {
  position: absolute;
  left: 12px;
  bottom: 12px;
  max-width: calc(100% - 24px);
  z-index: 5;
  margin: 0;
}
.draft-ribbon {
  background: #f5c518;
  color: #1a1a1a;
  font-size: 0.85rem;
  font-weight: 700;
  text-align: center;
  padding: 6px 16px;
}