/* 급여기준 탭. 색은 app.css 변수만 쓴다. 클래스는 hira- 로 시작한다. */
.hira-wrap{max-width:940px;margin:0 auto;display:grid;gap:16px}
.hira-wrap > *{min-width:0}
.hira-status{margin-top:12px;padding:10px 13px;border-radius:12px;background:var(--warn-soft);color:var(--warn);
  font-size:13px;line-height:1.6}
.hira-status.ok{background:var(--ok-soft);color:var(--ink)}
.hira-status b{margin-right:6px}

/* 술식 고르기 */
.hira-pick{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.hira-chip{padding:7px 13px;border-radius:980px;background:var(--fill);color:var(--ink);font-size:13px;font-weight:500;
  transition:background .18s ease,color .18s ease}
.hira-chip:hover{background:var(--line)}
.hira-chip.on{background:var(--ink);color:var(--bg);font-weight:600}
.hira-chip.all{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--sub)}
.hira-chip.all.on{background:var(--ink);color:var(--bg);box-shadow:none}

.hira-sec h2{margin:0 0 12px;font-size:17px;font-weight:750;letter-spacing:-.012em}
.hira-sec h3{margin:0 0 6px;font-size:14.5px;font-weight:700;color:var(--ac)}
.hira-one h2{font-size:19px}
.hira-one h3,#hiraCommon h3{margin-top:16px;color:var(--sub);font-size:12.5px;font-weight:650;letter-spacing:.02em}
#hiraCommon h3:first-of-type{margin-top:0}
.hira-proc + .hira-proc{margin-top:16px;padding-top:16px;border-top:.5px solid var(--line)}
.hira-sec ul,.hira-sec ol{margin:0;padding-left:20px;font-size:14px;line-height:1.7}
.hira-sec li{overflow-wrap:anywhere}
.hira-sec li + li{margin-top:3px}
.hira-sec li > ul,.hira-sec li > ol{margin-top:3px}
.hira-sec td:first-child{font-weight:600}
.hira-note{margin:12px 0 0;font-size:14px;line-height:1.7}
.hira-sec h3 + .hira-note{margin-top:0}

/* 술식 화면의 보존치료 기간 */
.hira-cons{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 14px;border-radius:12px;background:var(--ac-soft)}
.hira-cons + .hira-cons{margin-top:8px}
.hira-k{color:var(--sub);font-size:12.5px;font-weight:600}
.hira-v{font-size:18px;font-weight:750;letter-spacing:-.01em;color:var(--ink)}
.hira-cons.none{background:var(--card2)}
.hira-cons.none .hira-v{font-size:14px;font-weight:500;color:var(--sub)}

/* 확인 필요 */
.hira-open{margin-top:16px;padding:11px 14px;border-radius:12px;background:var(--warn-soft);color:var(--ink);font-size:13.5px}
.hira-open b{display:block;margin-bottom:4px;color:var(--warn);font-size:12.5px}
.hira-sec .hira-open ul{font-size:13.5px}

/* 전체 보기에서 술식 이름을 누르면 그 술식 화면으로 */
.hira-link{padding:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.hira-link:hover{text-decoration:underline}

.hira-src li + li{margin-top:10px}
.hira-src a{color:var(--ac);font-size:12.5px;word-break:break-all}
.hira-foot{margin:0;color:var(--sub);font-size:12.5px;text-align:center}
@media (max-width:640px){
  .hira-sec h2{font-size:16px}
  .hira-one h2{font-size:17px}
  .hira-sec ul,.hira-sec ol{font-size:13.5px;padding-left:18px}
  .hira-chip{padding:7px 11px;font-size:12.5px}
  .hira-v{font-size:16px}
}