/* issue.css — 쟁점 카드. issue.js 와 한 벌이다.
 *
 * 히브리어(창세기)와 헬라어(마가)가 함께 쓴다.
 * ⚠ 축 색을 여기에 적지 않는다. issue.js 의 axes 표에서 나와
 *   --axc(선·글자) 와 --axbg(hover) 로 인라인으로 얹힌다.
 *   한글 클래스(.ax.문법 같은)를 두면 헬라어의 「사본」 축을 넣을 때
 *   CSS 를 또 손대야 한다. 그 사고를 구조적으로 막는다.
 */

/* ── 쟁점이 걸린 낱말에 찍는 점 ──
   히브리어는 .w, 헬라어는 .tok 이라 클래스 하나로 둘 다 받는다 */
.hasiss{position:relative}
.hasiss::after{content:'●';position:absolute;top:0;left:4px;
  font-size:8px;color:#CE6641}

/* ── 축 배지 ── */
.ax{font:400 9.5px var(--kr);border-radius:3px;padding:1px 6px;color:#fff;
  margin-right:6px;background:var(--axc)}

/* ── 쟁점 칩 (사역 칸 아래) ── */
.isb{margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--rule)}
.isb .lbl{font:600 11px var(--kr);color:var(--gold);margin:0 0 7px}
.isb .chip{border:1px solid var(--axc);background:none;border-radius:99px;
  padding:5px 12px;font:400 11.5px var(--kr);color:var(--axc);cursor:pointer;margin:0 5px 5px 0}
.isb .chip:hover{background:var(--axbg)}
.isb .chip .lv{letter-spacing:-1px;margin-right:5px;font-size:9px}
.isb .out{display:none;margin:10px 0 0}
.isb .out.on{display:block}

/* ── 카드 ── */
.isc{border:1px solid var(--rule);border-radius:10px;padding:14px 16px;margin:0 0 8px;
  background:var(--card)}
.isc h4{font:600 15px/1.65 var(--kr);color:var(--ink);margin:0 0 8px}
.isc h4 .lv{color:#CE6641;letter-spacing:-1px;margin-right:6px;font-size:11px}
.isc dl{margin:0}
.isc dt{font:600 11px var(--kr);color:var(--gold);letter-spacing:.04em;margin:14px 0 4px}
.isc dd{margin:0;font:400 13.5px/1.95 var(--kr);color:var(--ink2)}
.isc dd p{margin:0 0 9px}
.isc dd p:last-child{margin:0}
.isc .camp{border-right:0;border-left:3px solid var(--rule);padding:1px 0 1px 10px;margin:5px 0}
.isc .camp b{display:block;font:600 12.5px var(--kr);color:var(--ink)}
.isc .so{background:rgba(184,134,15,.07);border-radius:10px;padding:14px 16px;margin:14px 0 0;
  font:400 14px/2.05 var(--kr);color:var(--ink)}
.isc .so .cap{display:block;font:600 11px var(--kr);color:var(--gold);
  letter-spacing:.04em;margin:0 0 8px}
.isc .so p{margin:0 0 10px}
.isc .so p:last-child{margin:0}
.isc .dwarn{font:400 12px/1.7 var(--kr);color:#8A5A18;margin:8px 0 0}

/* ── 문법 태그 ── */
.isc .tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 0}
.isc .tags a{font:400 10.5px var(--kr);border:1px solid var(--rule);border-radius:99px;
  padding:2px 9px;color:var(--ink3);text-decoration:none}
.isc .tags a:hover{border-color:var(--gold);color:var(--ink)}

/* ── 학계 논의 더 보기 ── */
.isc .more2{margin:12px 0 0;padding:12px 0 0;border-top:1px dashed var(--rule)}
.isc .more2 button{border:1px solid var(--rule);background:none;border-radius:99px;
  padding:4px 12px;font:400 11.5px var(--kr);color:var(--ink2);cursor:pointer}
.isc .more2 button:hover{border-color:var(--gold)}
.isc .more2 .bd{display:none;margin:10px 0 0}
.isc .more2 .bd.on{display:block}
.isc .sch{border-left:3px solid var(--rule);padding:2px 0 2px 10px;margin:6px 0}
.isc .sch b{display:block;font:600 12px var(--kr);color:var(--ink)}

/* ── 낱말 패널 안의 쟁점 열기 ── */
.popiss{margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--rule)}
.popiss button{border:1px solid #CE6641;background:none;border-radius:99px;
  padding:4px 11px;font:400 11.5px var(--kr);color:#CE6641;cursor:pointer}
.popiss .body{display:none;margin:10px 0 0}
.popiss .body.on{display:block}