@layer t2.plugin {
/* Path: T2Editor/plugin/t2captcha/t2captcha.css */
/* t2CAPTCHA — T2Editor 화면.
 *
 * 그누보드5·스탠드얼론 배선은 Tailwind 와 인라인 스타일로 자기 색을 들고 다닌다
 * (t2captcha_render.php). 그 호스트에는 디자인 시스템이 없기 때문이다. T2Editor
 * 에는 있으므로 여기서는 토큰만 쓴다 — 다크 테마와 관리자가 바꾼 제품색이 공짜로
 * 따라오고, 캡차만 다른 제품처럼 보이는 일이 없다.
 */

.t2captcha-panel__title { margin: 0 0 var(--t2-s3); }

/* 문제는 이 화면에서 가장 큰 목소리다. 사용자가 읽어야 할 단 하나의 문장이다. */
.t2captcha-panel__question {
  margin: 0 0 var(--t2-s4);
  font-size: 18px;
  line-height: 1.5;
  color: var(--t2-ink);
  overflow-wrap: anywhere;
}

.t2captcha-panel__answer { width: 100%; }

.t2captcha-panel__choices { display: grid; gap: var(--t2-s2); }
.t2captcha-panel__choice {
  display: flex;
  align-items: center;
  gap: var(--t2-s2);
  min-height: var(--t2-hit);
  padding: var(--t2-s2) var(--t2-s3);
  border: 1px solid var(--t2-line);
  border-radius: var(--t2-radius-control);
  color: var(--t2-ink);
  cursor: pointer;
}
.t2captcha-panel__choice:hover { border-color: var(--t2-product); background: var(--t2-product-wash); }
/* 고른 보기는 테두리와 면을 함께 바꾼다 — 라디오 표식만으로 말하지 않는다. */
.t2captcha-panel__choice:focus-within { outline: 1px solid var(--t2-product); outline-offset: 1px; }
.t2captcha-panel__choice:has(input:checked) {
  border-color: var(--t2-product);
  background: var(--t2-product-tone);
  color: var(--t2-product-ink);
}

.t2captcha-panel__status {
  margin: var(--t2-s3) 0 0;
  min-height: 20px;
  font-size: 13px;
  color: var(--t2-ink-muted);
}
/* 상태는 색만으로 말하지 않는다 — 문구 자체가 무슨 일인지 말하고, 색은 거든다
   (705 제12항). 그래서 아이콘 없이 색만 바꾼다. */
.t2captcha-panel__status[data-tone="error"] { color: var(--t2-danger); }
.t2captcha-panel__status[data-tone="warn"] { color: var(--t2-warning); }

.t2captcha-panel__actions { margin-top: var(--t2-s4); justify-content: flex-end; }
}

/* T2Editor Coding-Agent Rule: Write only concise, high-value comments. Preserve "Path: T2Editor/..." comments; update them when files move—never delete them. */