/* 해부학 화면 전용 스타일 — style.css의 디자인 토큰을 재사용한다 */
.anat-tabs{display:flex; flex-wrap:wrap; gap:8px}
.anat-tab{font-size:.92rem}
.anat-tab.active{background:var(--accent); border-color:var(--accent); color:#fff; font-weight:600}
.anat-tab:focus-visible{outline:2px solid var(--accent); outline-offset:2px}

.anat-kpis{display:flex; flex-wrap:wrap; gap:10px; margin:8px 0 14px}
.anat-kpi{background:#0e1826; border:1px solid var(--line); border-radius:10px;
  padding:10px 14px; min-width:120px; flex:1}
.anat-kpi .k{color:var(--muted); font-size:.8rem}
.anat-kpi .v{font-size:1.15rem; font-weight:700; margin-top:2px}
.anat-kpi .v.warn{color:#e0b34d}

.anat-chips{display:flex; flex-wrap:wrap; gap:6px; margin:8px 0}
.anat-chip{background:#0e1826; font-size:.88rem; padding:6px 12px; border-radius:8px}
.anat-chip.active{background:var(--accent); border-color:var(--accent); color:#fff}

.anat-item{border:1px solid var(--line); border-radius:10px; padding:12px 14px;
  margin:10px 0; background:#0e1826}
.anat-item .ihead{display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.anat-item .ititle{font-weight:600}
.anat-item .imeta{color:var(--muted); font-size:.84rem; margin-top:4px}
.anat-item .ibody{margin-top:8px; font-size:.93rem; line-height:1.65; white-space:pre-wrap}

.anat-tree ul{list-style:none; margin:4px 0 4px 14px; padding-left:12px;
  border-left:1px solid var(--line)}
.anat-tree > ul{margin-left:0; border-left:none; padding-left:0}
.anat-tree li{margin:6px 0; position:relative}
.anat-tree li::before{content:"─"; color:var(--line); margin-right:6px}
.anat-tree > ul > li::before{content:""}
.anat-tree .troot{font-weight:700; color:#9cc3ff}
.anat-tree .thigh{color:#eab308}

.anat-srcref{color:var(--muted); font-size:.8rem; margin-top:6px}
.conf-badge{border-radius:6px; padding:1px 7px; font-size:.76rem; border:1px solid}

.anat-answer{margin-top:12px; padding:12px; border-radius:10px; background:#0b1420;
  border:1px solid var(--line)}
.anat-shortanswer{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px}
.anat-shortanswer input{flex:1; min-width:180px; background:#0b1420; color:var(--ink);
  border:1px solid var(--line); border-radius:8px; padding:9px 12px; font-size:.95rem}
.anat-confbtns{display:flex; gap:8px; margin-top:10px; flex-wrap:wrap}
.anat-confbtns button{font-size:.88rem}
.btn-know{border-color:var(--ok); color:#9ff0b8}
.btn-fuzzy{border-color:#e0b34d; color:#f4d98c}
.btn-dontknow{border-color:var(--bad); color:#ffb4b4}

.anat-imgbox{background:#0b1420; border:1px dashed var(--line); border-radius:10px;
  padding:16px; margin:10px 0; text-align:center; color:var(--muted); font-size:.9rem}
.anat-imgbox img{max-width:100%; border-radius:6px}

.anat-say3{background:rgba(124,92,255,.1); border:1px solid #4a3d7a; border-radius:10px;
  padding:12px 14px; margin:14px 0}
.anat-say3 h3{margin:0 0 8px; font-size:.95rem; color:#c9bcff}

.src-table{width:100%; border-collapse:collapse; font-size:.88rem}
.src-table th{text-align:left; color:var(--muted); font-weight:600; font-size:.8rem;
  padding:5px 8px; border-bottom:1px solid var(--line)}
.src-table td{padding:5px 8px; border-bottom:1px solid #16202e}
.st-ok{color:var(--ok)} .st-warn{color:#e0b34d} .st-miss{color:#ef8f8f}

@media (max-width:600px){
  .anat-kpis{flex-direction:column}
  .anat-tab{flex:1; min-width:44%}
}