/* 상세 페이지 확장(웹 재구성 2026-09-22): 구역 내비·원천 탭·개념 패널·통합값 충돌·구조화 표시. product_page.css 토큰을 그대로 쓴다. */
.page.detail{max-width:1320px}
.hero{grid-template-columns:minmax(0,1fr) auto}
.hero .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.badge.rx{background:var(--blue-bg);color:var(--blue)}
.badge.ok{background:var(--green-soft);color:var(--green)}
.badge.info{background:var(--violet-bg);color:var(--violet)}
.fact dd .src{font-weight:500;margin-left:6px}
details.others{display:inline-block;margin-left:6px;font-size:var(--t-12);font-weight:400}
details.others summary{cursor:pointer;color:var(--ink-3);list-style:none;display:inline}
details.others summary::-webkit-details-marker{display:none}
details.others summary{color:var(--amber)}
details.others ul{margin:4px 0 0;padding-left:14px}
.card .facts{margin-top:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
.card .facts dd{font-weight:500}
.card .facts dd b{font-weight:700}
.pane[hidden]{display:none}
.pane-meta{font-size:var(--t-12);color:var(--ink-3);margin:0 0 8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pane-meta .src{margin:0}
.doc-text.long{max-height:520px;overflow:hidden;overflow:clip;position:relative}
.doc-text.long.open{max-height:none}
.doc-text.long:not(.open)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(to bottom,transparent,var(--surface))}
.expand{display:inline-block;margin:8px 0 4px;border:1px solid var(--line-2);background:var(--surface);color:var(--green);font:inherit;font-size:var(--t-13);font-weight:600;padding:7px 12px;border-radius:var(--r-1);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.expand:hover{background:var(--green-faint);border-color:var(--green-2)}
details.sub{border-top:1px solid var(--line);padding:0}
details.sub:last-child{border-bottom:1px solid var(--line)}
details.sub>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:12px 0;font-weight:700;font-size:var(--t-15);color:var(--ink)}
details.sub>summary::-webkit-details-marker{display:none}
details.sub>summary small{color:var(--ink-3);font-weight:500;font-size:var(--t-12);white-space:nowrap}
details.sub>summary:hover{color:var(--green)}
details.sub[open]>summary{color:var(--green)}
details.sub>.chips{padding:0 0 16px}
/* DUR 항목 */
.dur .who{font-weight:600}
.dur .who b{color:var(--red)}
.dur .what{color:var(--ink-2);font-size:var(--t-14)}
.dur .meta{color:var(--ink-3);font-size:var(--t-12)}
/* e약은요 */
.qa{margin:0}
.qa-item{border-top:1px solid var(--line);padding:10px 0}
.qa-item dt{font-weight:700;font-size:var(--t-14);margin:0 0 4px}
.qa-item dd{margin:0;font-size:var(--t-14);color:var(--ink-2);line-height:1.65}
.card table.tbl td .src{margin-top:0}
@media (max-width:960px){.hero{grid-template-columns:1fr}.hero .facts,.card .facts{grid-template-columns:1fr 1fr}.tbl.fit td:last-child{min-width:140px}}
@media (max-width:600px){.hero .facts,.card .facts{grid-template-columns:1fr}.tbl-wrap>.tbl{min-width:560px}}
.dur .who small{color:var(--ink-3);font-weight:400}
.dur .who .badge{margin-left:6px;vertical-align:middle}
/* 분류 색인(홈): 참조의 .indexes 헤어라인 목록을 무리별로 되풀이 */
.index-list{padding-top:0}
.index-list h2{margin:0;font-size:var(--t-20);font-weight:800;letter-spacing:-.015em}
.index-list h2 .count{font-size:var(--t-13);font-weight:500;color:var(--ink-3);margin-left:6px}
.index-list h3{margin:26px 0 0;font-size:var(--t-15);font-weight:700;letter-spacing:-.015em}
.index-list .indexes{margin-top:8px}
.index-list .indexes a{padding:13px 0}
.index-list .indexes a small{overflow-wrap:anywhere}
.index-values .chip{text-decoration:none}
.chip.active{border-color:var(--green);background:var(--green-faint)}
.hero.solo .count{font-size:var(--t-16);color:var(--ink-3);font-weight:500}
.neg-tag{display:inline-block;font-size:var(--t-12);color:var(--red);background:var(--red-bg);border-radius:4px;padding:0 6px;font-weight:700;vertical-align:middle;line-height:1.5}
.kcd-none{color:var(--ink-3)}
:root{--scrim:rgba(23,26,25,.32)}
:root[data-theme="dark"]{--scrim:rgba(0,0,0,.55)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--scrim:rgba(0,0,0,.55)}}

/* 서술문: 굵게는 절 제목(h4)까지만 — 1단계 항목까지 굵게 하면 본문 절반이 굵어진다(소유자 2026-09-22) */
.doc .ol-item.lv1, .doc .ol-item.lv1 .tx{font-weight:400}
.doc .ol-item .mk{font-weight:600}
.doc .para b, .doc .ol-item .tx b{font-weight:600}

/* 생산·수입·출하 막대(단위가 다른 구분은 따로) */
.bars-row{display:flex;flex-wrap:wrap;gap:18px 26px;margin:6px 0 16px}
.bars{margin:0;flex:1 1 320px;min-width:280px}
.bars figcaption{font-size:var(--t-13);font-weight:700;color:var(--ink-2);margin:0 0 4px}
.bars figcaption small{font-weight:500;color:var(--ink-3);margin-left:6px;font-variant-numeric:tabular-nums}
.bars svg{width:100%;height:auto;overflow:visible}
.bars rect{fill:var(--green-soft);stroke:var(--green-2);stroke-width:1}
.bars rect:hover{fill:var(--green-2)}
.bars text{font-size:9px;fill:var(--ink-3);font-variant-numeric:tabular-nums}
.bars text.vl{fill:var(--ink-2)}

/* B2 용법 카드(용법용량 구조화 2026-09-24): 원문 탭 위 칸 표 + 줄마다 근거 펼침 + 공공 최대투여량 대조. 상자·틴트·색 띠 없이 헤어라인과 여백만. */
.dosage-card{margin:6px 0 0}
.dc-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 4px}
.card .dc-head h3{margin:0;font-size:var(--t-15);font-weight:700}
.dc-head .src{margin:0}
.card p.dc-note{margin:0 0 8px;font-size:var(--t-12);color:var(--ink-3);line-height:1.5;max-width:var(--measure)}
.card p.dc-meta{margin:8px 0 0;font-size:var(--t-12);color:var(--ink-3);font-variant-numeric:tabular-nums}
.tbl.dc-table{font-size:var(--t-14);border-top:1px solid var(--line-2)}
.tbl.dc-table tbody th{width:96px;white-space:nowrap;color:var(--ink-2);font-size:var(--t-13);font-weight:700;padding:11px 16px 9px 0}
.tbl.dc-table td{padding:6px 0 8px}
.card ul.dc-lines{list-style:none;margin:0;padding:0;font-size:var(--t-14)}
.card ul.dc-lines>li{margin:0;padding:4px 0;line-height:1.55}
.dc-t{overflow-wrap:anywhere}
details.dc-line>summary{cursor:pointer;list-style:none;display:block}
details.dc-line>summary::-webkit-details-marker{display:none}
details.dc-line>summary:hover .dc-t{color:var(--green)}
details.dc-line>summary:focus-visible{outline:2px solid var(--green-2);outline-offset:2px;border-radius:4px}
.dc-more{margin-left:8px;font-size:var(--t-12);font-weight:600;color:var(--green);white-space:nowrap}
details.dc-line[open] .dc-more{color:var(--ink-3)}
.dc-evi{margin:6px 0 4px;padding:0 0 0 12px}
.dc-evi .src{margin:0 0 2px}
.card p.dc-quote{margin:4px 0 0;font-size:var(--t-13);color:var(--ink-2);line-height:1.65;white-space:pre-wrap;max-width:var(--measure)}
.card p.dc-conv{margin:4px 0 0;font-size:var(--t-12);color:var(--ink-3);line-height:1.5}
.card li.dc-none{color:var(--ink-3);font-size:var(--t-13)}
/* 용량 없는 붙임의 원문 줄(결정 21, 2026-10-06) — 원문 인용과 같은 글색, 긴 줄은 첫 문장 + 더 보기 */
.card ul.dc-lines>li.dc-code{color:var(--ink-2);font-size:var(--t-13);line-height:1.6}
details.dc-fold>summary{cursor:pointer;list-style:none;display:block}
details.dc-fold>summary::-webkit-details-marker{display:none}
details.dc-fold>summary:focus-visible{outline:2px solid var(--green-2);outline-offset:2px;border-radius:4px}
details.dc-fold[open]>summary .dc-more{display:none}
details.dc-fold .dc-rest{display:block;margin-top:2px}
.dc-pub{margin:6px 0 2px;padding-top:8px;border-top:1px solid var(--line)}
.dc-pub h4{margin:0 0 2px;font-size:var(--t-12);font-weight:700;color:var(--ink-3)}
.card .dc-pub ul{list-style:none;margin:0;padding:0;font-size:var(--t-13)}
.card .dc-pub li{margin:0;padding:4px 0}
.dc-pub .pv{font-weight:600;font-variant-numeric:tabular-nums;margin-right:6px}
.dc-pub .src{margin:2px 6px 0 0;white-space:nowrap}
.dc-pub .pn{display:block;font-size:var(--t-12);color:var(--ink-3);line-height:1.5}
details.dc-raw{margin:2px 0 0;font-size:var(--t-12)}
details.dc-raw>summary{cursor:pointer;color:var(--green);font-weight:600;display:inline}
.card h3.dc-src-h{margin:22px 0 4px}
@media (max-width:600px){
  .tbl-wrap>.tbl.dc-table{min-width:0}
  .tbl.dc-table,.tbl.dc-table tbody,.tbl.dc-table tr,.tbl.dc-table th,.tbl.dc-table td{display:block;width:auto}
  .tbl.dc-table tbody th{border-bottom:0;padding:10px 0 0}
  .tbl.dc-table td{padding:2px 0 10px}
  .dc-evi{padding-left:0}
}
.card p.dc-basis{margin:2px 0 4px;font-size:var(--t-13);color:var(--ink-2);font-variant-numeric:tabular-nums}
/* 급여기준 근거(심의사례·행정해석·질의응답, evidence 단계 2026-09-30) */
.evidence-block{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.evidence-block h4{margin:10px 0 6px;font-size:var(--t-14);font-weight:700}
.evidence-block h4 small{font-weight:500;color:var(--ink-3);margin-left:6px}
ul.evidence,ol.evidence{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px}
ul.evidence li,ol.evidence li{border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-width:0}
ul.evidence .note,ol.evidence .note{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
/* 근거(사례·해석·지침) 본문은 경고가 아니다 — 주황 안내 상자(.note) 대신 본문 글씨, 목록 머리('불승인·조정 사례')는 작은 소제목 */
ul.evidence .note,ol.evidence .note{background:none;border:0;padding:0;max-width:var(--measure);color:var(--ink-2);font-size:var(--t-13);line-height:1.65}
.evidence-block>p.note{background:none;border:0;padding:0;margin:8px 0 6px;color:var(--ink-3);font-size:var(--t-12);font-weight:600}

/* 급여기준 판본 화면(2026-10-01): 제목 아래 '관련 자료' 바로가기 · 넓은 화면에서 근거(질의응답·심사지침·행정해석·심의사례)를 본문 오른쪽에 고정 */
.hero .related{margin:6px 0 0;font-size:var(--t-14);color:var(--ink-3)}
.hero .related a{color:var(--green);text-decoration:none;border-bottom:1px solid var(--link-line);margin-right:2px}
.hero .related a b{font-variant-numeric:tabular-nums}
.rule-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.rule-cols>.card,.rule-aside>.card{margin:0}
.rule-aside{min-width:0}
@media (min-width:1100px){
  .rule-cols{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}
  .rule-aside{position:sticky;top:calc(var(--top) + 12px);max-height:calc(100vh - var(--top) - 24px);overflow:auto;overscroll-behavior:contain}
  .rule-aside .card{padding:18px 18px 20px}
}
.rule-cols+.card{margin-top:14px}
.src.ev-jump{text-decoration:none}

/* 근거 칸 머리(2026-10-01): 종류마다 색 띠·건수·한 줄 설명 — 굵은 항목 제목 사이에서도 칸이 갈리게 */
.ev-qa{--ev-ink:var(--green);--ev-bg:var(--green-faint)}
.ev-guide{--ev-ink:var(--blue);--ev-bg:var(--blue-bg)}
.ev-interp{--ev-ink:var(--violet);--ev-bg:var(--violet-bg)}
.ev-case{--ev-ink:var(--amber);--ev-bg:var(--amber-bg)}
.evidence-block h4.ev-h{display:flex;align-items:center;gap:8px;margin:22px 0 2px;padding:7px 12px;border-radius:8px;border-left:4px solid var(--ev-ink);
  background:var(--ev-bg);color:var(--ev-ink);font-size:var(--t-15);font-weight:700;letter-spacing:.01em;scroll-margin-top:calc(var(--top) + 16px)}
.evidence-block h4.ev-h:first-child{margin-top:2px}
.evidence-block h4.ev-h .n{margin-left:auto;padding:1px 9px;border-radius:999px;background:var(--surface);color:var(--ev-ink);font-size:var(--t-12);font-weight:600;font-variant-numeric:tabular-nums}
.evidence-block p.ev-desc{margin:4px 2px 10px;font-size:var(--t-12);color:var(--ink-3);line-height:1.5}
.hero .related a.ev-chip{display:inline-flex;align-items:center;gap:4px;margin:0 4px 4px 0;padding:2px 10px;border-radius:999px;border:1px solid var(--ev-ink);
  border-bottom-width:1px;background:var(--ev-bg);color:var(--ev-ink);text-decoration:none;font-size:var(--t-13)}

/* 근거 글 구조화(2026-10-01): 질의응답 문항은 Q·A 표시 + 들여쓴 답변(○ → – → 예시·참고 → ⇒), 심사지침·행정해석·사례 본문도 같은 모양 */
.qa-list{display:grid;gap:0}
.qa-item{display:grid;gap:6px;padding:12px 0;border-top:1px solid var(--line)}
.qa-item:first-child{border-top:0;padding-top:4px}
.qa-q{margin:0;display:flex;gap:8px;align-items:flex-start;font-weight:700;font-size:var(--t-14);line-height:1.55;color:var(--ink)}
.qa-a{display:flex;gap:8px;align-items:flex-start}
.qa-tag{flex:none;min-width:2.1em;padding:0 6px;border-radius:6px;text-align:center;font-size:var(--t-12);font-weight:700;line-height:1.8;
  background:var(--green-faint);color:var(--green)}
.qa-tag.a{background:var(--surface-2);color:var(--ink-2)}
.qa-body{flex:1;min-width:0}
.qa-body .rt{font-size:var(--t-14);line-height:1.65;color:var(--ink);max-width:none}
.qa-body .rt .nd.nt{font-size:var(--t-13)}
.qa-body table{margin:6px 0;font-size:var(--t-13)}
a.ev-src{color:var(--green);text-decoration:none;border-bottom:1px solid var(--link-line);font-size:var(--t-13)}

/* 처방창 옆 반절 폭(640~960px)·10~30초 확인(2026-10-01 소유자)
   - 문항은 질문만 먼저(details.qa-item), 답은 펼쳐서 · '답 모두 펼치기'
   - 급여기준 판본 화면: 위쪽을 줄여 첫 화면에 본문이 오게, 근거는 본문 위에 겹쳐 뜨는 창(떠 있는 '근거' 단추·제목 아래 바로가기) */
details.qa-item>summary{list-style:none;cursor:pointer}
details.qa-item>summary::-webkit-details-marker{display:none}
details.qa-item>summary.qa-q{font-weight:600;font-size:var(--t-14)}
details.qa-item>summary.qa-q::after{content:"＋";flex:none;margin-left:auto;padding-left:6px;color:var(--ink-3);font-weight:400}
details.qa-item[open]>summary.qa-q::after{content:"－"}
details.qa-item[open]>summary.qa-q{font-weight:700;color:var(--green)}
details.qa-item>summary.qa-q:hover .qa-qt{text-decoration:underline;text-decoration-color:var(--link-line);text-underline-offset:3px}
details.qa-item .qa-a{margin-top:6px}
details.qa-item{padding:9px 0}
.qa-tag{min-width:1.9em;padding:0 5px}
.pane-meta .qa-all{font:inherit;font-size:var(--t-12);margin-left:8px;padding:1px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);cursor:pointer}
.pane-meta .qa-all:hover{border-color:var(--green);color:var(--green)}
.rule-aside details.sub>summary{flex-direction:column;align-items:flex-start;gap:2px}
.rule-aside details.sub>summary small{white-space:normal}

.rule-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 8px}
.rule-h h2{margin:0}
.howto{font-size:var(--t-12);color:var(--ink-3)}
.howto>summary{cursor:pointer;list-style:none;display:inline-block;padding:0 8px;border:1px solid var(--line);border-radius:999px}
.howto>summary::-webkit-details-marker{display:none}
.howto[open]>summary{color:var(--green);border-color:var(--green)}
.howto>p{margin:6px 0 0;max-width:var(--measure);line-height:1.5}
.ev-fab,.ev-panel-head{display:none}

@media (max-width:1099px){
  .page:has(.rule-cols){padding-top:12px}
  .page:has(.rule-cols) .crumbs{margin-bottom:6px}
  .page:has(.rule-cols) .hero{padding:14px 16px;margin-bottom:10px}
  .page:has(.rule-cols) .hero h1{font-size:var(--t-20,1.25rem);line-height:1.3;margin:0}
  .page:has(.rule-cols) .hero .company{margin:4px 0 0;font-size:var(--t-13)}
  .page:has(.rule-cols) .hero .related{margin-top:6px}
  .rule-main{padding:14px 16px 18px}
  .rule-aside{position:fixed;top:0;right:0;bottom:0;width:min(100%,760px);z-index:90;margin:0;background:var(--paper);
    box-shadow:-12px 0 32px rgba(0,0,0,.18);overflow:auto;overscroll-behavior:contain;transform:translateX(100%);visibility:hidden;
    transition:transform .18s ease,visibility 0s linear .18s}
  body.ev-open .rule-aside{transform:none;visibility:visible;transition:transform .18s ease}
  body.ev-open{overflow:hidden}
  .rule-aside>.card{border:0;border-radius:0;background:transparent;padding:4px 16px 32px}
  .rule-aside>.card>h2,.rule-aside>.card>.dc-note{display:none}
  .rule-aside .evidence-block h4.ev-h{scroll-margin-top:64px}
  .ev-panel-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;position:sticky;top:0;z-index:2;padding:10px 16px;
    padding-top:calc(10px + env(safe-area-inset-top,0px));background:var(--paper);border-bottom:1px solid var(--line)}
  .ev-panel-head>b{font-size:var(--t-15)}
  .ev-tabs{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 auto;min-width:0}
  .ev-tabs a.ev-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;border:1px solid var(--ev-ink);
    background:var(--ev-bg);color:var(--ev-ink);text-decoration:none;font-size:var(--t-13)}
  .ev-close{font:inherit;font-size:var(--t-13);margin-left:auto;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer}
  .ev-fab{display:inline-flex;align-items:center;gap:6px;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;
    padding:9px 16px;border:0;border-radius:999px;background:var(--green);color:var(--on-green);font:inherit;font-size:var(--t-14);font-weight:700;
    box-shadow:0 6px 18px rgba(0,0,0,.2);cursor:pointer}
  body.ev-open .ev-fab{display:none}
}
details.sub.hira{scroll-margin-top:calc(var(--top) + 56px)}
details.sub.hira.alt>summary{font-weight:600;color:var(--ink-2)}
/* 해외 참고 — MED-RT(계획 D3, 2026-10-06): 국내 허가 아래 접힌 칸 · 처방 상병 표지. 국내 허가 금기만 빨강, 해외 자료는 연한 색 */
.medrt-ref>details>summary{cursor:pointer;list-style:none}
.medrt-ref>details>summary::-webkit-details-marker{display:none}
.medrt-ref>details>summary h2{display:inline;margin:0}
.medrt-ref>details>summary h2::after{content:" ▸";color:var(--ink-3);font-weight:500}
.medrt-ref>details[open]>summary h2::after{content:" ▾"}
.medrt-ref>details>summary h2 small{font-size:var(--t-13);color:var(--ink-3);font-weight:500;font-variant-numeric:tabular-nums}
.medrt-ref>details>.note{margin-top:12px}
.medrt-ref .note-sub{margin:8px 0 0;font-size:var(--t-12);color:var(--ink-3);max-width:var(--measure);line-height:1.55}
.ext-tag{display:inline-block;font-size:var(--t-12);border-radius:4px;padding:0 6px;font-weight:600;vertical-align:middle;line-height:1.5;white-space:nowrap}
.ext-tag.ci{color:var(--red);background:var(--red-bg);font-weight:700}
.ext-tag.tx-ext{color:var(--blue);background:var(--blue-bg)}
.ext-tag.ok{color:var(--green);background:var(--green-faint)}
.ext-tag.muted{color:var(--ink-3);background:none;padding:0}   /* 사람이 확인한 KCD 묶음(10-07) — 한 개념에 KCD 여러 개 */