/* 9226 정형외과 편(연재 '전문가는 전문가를 만나야 한다' 26편, 2026-11-04).
   진료비 부담 제도별 세 문 카드(질환, 교통사고, 업무상 재해, 아래 제도 이름 띠)
   → 자동차보험 세 단계 화살 흐름, 환자 청구 금지 큰 칸과 예외 다섯, 입원 규칙 두 줄
   → 산재 요양 네 단계 세로 시간선(의료기관 단계 강조)과 산재보험 의료기관 옆 판
   → 진단서 수수료 상한 가로 막대 여섯 줄 → 사례 세 장 → 진행 방식 → 연재 순서 + 병원 세부 편 30칸 */
.v-artd .sp-9226 .prose{font-size:17px}
.v-artd .sp-9226 .prose h2{margin:0 0 14px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-9226 .prose h2::before,.v-artd .sp-9226 .prose h2::after{content:none}
.v-artd .sp-9226 :where(.prose) .os-s{padding:64px 0 4px;scroll-margin-top:90px}
.v-artd .sp-9226 :where(.prose) li::before{content:none}
.v-artd .sp-9226 :where(.prose) ul,.v-artd .sp-9226 :where(.prose) ol{list-style:none;padding:0;margin:0}
.v-artd .sp-9226 :where(.prose) li{margin:0}
.v-artd .sp-9226 .prose p{margin:0}
.v-artd .sp-9226 .prose .os-s>p{margin:0 0 16px}
.v-artd .sp-9226 .osm{--sb:#2f6fb5;--sbb:#e6eff9;--am:#d9821b;--amb:#fdf1e1;--gn:#3a8a4f;--gnb:#e6f3ea;--rd:#c93c3c;--rdb:#fdeeee;--dk:#1b2433}
.v-artd .sp-9226 .prose .os-nt{margin:-4px 0 18px;font-size:12.5px;line-height:1.6;color:var(--sub)}

/* 세 문 카드 */
.v-artd .sp-9226 .prose .os-dr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 16px}
.v-artd .sp-9226 .prose .dr-c{--c:var(--sb);--cb:var(--sbb);display:flex;flex-direction:column;border-radius:20px 20px 12px 12px;background:#fff;box-shadow:0 10px 24px rgba(27,36,51,.08),inset 0 0 0 1.5px var(--line);overflow:hidden}
.v-artd .sp-9226 .prose .dr-b{--c:var(--am);--cb:var(--amb)}
.v-artd .sp-9226 .prose .dr-c3{--c:var(--gn);--cb:var(--gnb)}
.v-artd .sp-9226 .prose .dr-h{display:flex;align-items:center;gap:10px;padding:16px 18px!important;background:var(--cb);font-size:16px;font-weight:900;color:var(--c)}
.v-artd .sp-9226 .prose .dr-h i{flex:none;width:22px;height:28px;border-radius:11px 11px 2px 2px;box-shadow:inset 0 0 0 2.5px var(--c);background:radial-gradient(circle at 72% 55%,var(--c) 0 2.5px,transparent 3px)}
.v-artd .sp-9226 .prose .dr-c ul{display:flex;flex-direction:column;padding:6px 18px 10px;flex:1}
.v-artd .sp-9226 .prose .dr-c li{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #eef1f5}
.v-artd .sp-9226 .prose .dr-c li:last-child{border-bottom:0}
.v-artd .sp-9226 .prose .dr-c li span{font-size:14.5px;font-weight:800;color:var(--ink)}
.v-artd .sp-9226 .prose .dr-c li em{font-size:13.5px;font-style:normal;font-weight:900;color:var(--c);font-variant-numeric:tabular-nums}
.v-artd .sp-9226 .prose .dr-c li:first-child span{font-size:16px}
.v-artd .sp-9226 .prose .dr-f{padding:11px 18px!important;background:var(--c);font-size:13px;font-weight:900;color:#fff;text-align:center}

/* 자동차보험 흐름 */
.v-artd .sp-9226 .prose .os-fl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:6px 0 12px}
.v-artd .sp-9226 .prose .os-fl li{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 34px 16px 22px;background:var(--amb);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,18px 50%)}
.v-artd .sp-9226 .prose .os-fl li:first-child{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);border-radius:14px 0 0 14px;padding-left:18px}
.v-artd .sp-9226 .prose .os-fl li:nth-child(2){background:#fbe5c6;padding-left:30px}
.v-artd .sp-9226 .prose .os-fl li:nth-child(3){background:#f7d6a8;padding-left:30px}
.v-artd .sp-9226 .prose .fl-n{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--am);font-size:13px;font-weight:900;color:#fff}
.v-artd .sp-9226 .prose .fl-k{font-size:16px;font-weight:900;color:var(--ink)}
.v-artd .sp-9226 .prose .fl-d{font-size:13.5px;line-height:1.5;color:#3a3f52}
.v-artd .sp-9226 .prose .fl-r{margin-top:auto!important;font-size:12px;font-weight:800;color:#8a5a12}
.v-artd .sp-9226 .prose .os-ex{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;margin:0 0 12px}
.v-artd .sp-9226 .prose .ex-m{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:22px;border-radius:18px;background:var(--dk)}
.v-artd .sp-9226 .prose .ex-k{font-size:19px;font-weight:900;color:#fff;word-break:keep-all}
.v-artd .sp-9226 .prose .ex-k::before{content:"";display:block;width:34px;height:34px;margin-bottom:10px;border-radius:50%;box-shadow:inset 0 0 0 3px #ff8f8f;background:linear-gradient(45deg,transparent calc(50% - 1.5px),#ff8f8f calc(50% - 1.5px),#ff8f8f calc(50% + 1.5px),transparent calc(50% + 1.5px))}
.v-artd .sp-9226 .prose .ex-d{font-size:14px;line-height:1.55;color:#d6dbea}
.v-artd .sp-9226 .prose .ex-l{display:flex;flex-direction:column;gap:6px}
.v-artd .sp-9226 .prose .ex-l li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:10px;background:var(--soft);font-size:14px;font-weight:700;line-height:1.5;color:var(--ink)}
.v-artd .sp-9226 .prose .ex-l b{display:flex;align-items:center;justify-content:center;height:24px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--am);font-size:12px;font-weight:900;color:var(--am)}
.v-artd .sp-9226 .prose .os-in{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
.v-artd .sp-9226 .prose .os-in li{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:0 12px 12px 0;background:var(--amb);box-shadow:inset 4px 0 0 var(--am)}
.v-artd .sp-9226 .prose .os-in b{font-size:14.5px;font-weight:900;color:#8a5a12}
.v-artd .sp-9226 .prose .os-in span{font-size:13.5px;line-height:1.55;color:var(--ink)}

/* 산재 시간선 */
.v-artd .sp-9226 .prose .os-wk{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;align-items:start;margin:6px 0 16px}
.v-artd .sp-9226 .prose .wk-tl{position:relative;display:flex;flex-direction:column;gap:10px;padding-left:30px}
.v-artd .sp-9226 .prose .wk-tl::before{content:"";position:absolute;left:10px;top:12px;bottom:12px;width:3px;border-radius:2px;background:var(--gnb)}
.v-artd .sp-9226 .prose .wk-tl li{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9226 .prose .wk-tl li::after{content:"";position:absolute;left:-27px;top:18px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3.5px #9cc7a8}
.v-artd .sp-9226 .prose .wk-tl b{font-size:15px;font-weight:900;color:var(--ink)}
.v-artd .sp-9226 .prose .wk-tl span{font-size:13.5px;line-height:1.55;color:#3a3f52}
.v-artd .sp-9226 .prose .wk-tl li.wk-on{background:var(--gn);box-shadow:none}
.v-artd .sp-9226 .prose .wk-tl li.wk-on::after{box-shadow:inset 0 0 0 3.5px var(--gn);background:var(--gn)}
.v-artd .sp-9226 .prose .wk-on b,.v-artd .sp-9226 .prose .wk-on span{color:#fff}
.v-artd .sp-9226 .prose .wk-sd{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;background:var(--gnb)}
.v-artd .sp-9226 .prose .sd-k{font-size:15.5px;font-weight:900;color:var(--gn)}
.v-artd .sp-9226 .prose .wk-sd ul{display:flex;flex-direction:column;gap:6px}
.v-artd .sp-9226 .prose .wk-sd li{padding:10px 12px;border-radius:10px;background:#fff;font-size:14px;font-weight:700;line-height:1.5;color:var(--ink)}
.v-artd .sp-9226 .prose .sd-r{font-size:12px;font-weight:800;color:#4b6b55}

/* 진단서 수수료 막대 */
.v-artd .sp-9226 .prose .os-pr{margin:6px 0 12px;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9226 .prose .os-pr ol{display:flex;flex-direction:column;gap:8px}
.v-artd .sp-9226 .prose .os-pr li{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:center}
.v-artd .sp-9226 .prose .os-pr span{font-size:14px;font-weight:800;color:var(--ink);word-break:keep-all}
.v-artd .sp-9226 .prose .os-pr b{display:flex;align-items:center;justify-content:flex-end;width:calc(var(--v) * 6.66%);min-width:84px;height:30px;padding:0 10px;border-radius:0 8px 8px 0;background:var(--sbb);box-shadow:inset 3px 0 0 var(--sb);font-size:13px;font-weight:900;color:var(--sb);box-sizing:border-box;transform-origin:0 50%;font-variant-numeric:tabular-nums}
.v-artd .sp-9226 .prose .os-pr li:first-child b{background:var(--sb);color:#fff}

/* 사례 세 장 */
.v-artd .sp-9226 .prose .os-cs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 12px}
.v-artd .sp-9226 :where(.prose) .cs-c{display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border-radius:16px;background:var(--soft);color:inherit;text-decoration:none}
.v-artd .sp-9226 :where(.prose) .cs-c:hover{background:#eef2ff}
.v-artd .sp-9226 .prose .cs-k{font-size:12.5px;font-weight:800;color:var(--sb)}
.v-artd .sp-9226 .prose .cs-t{font-size:16px;font-weight:900;line-height:1.4;color:var(--ink);word-break:keep-all}
.v-artd .sp-9226 .prose .cs-d{font-size:13.5px;line-height:1.55;color:var(--sub)}

/* 진행 방식 */
.v-artd .sp-9226 :where(.prose) .os-wbox{margin:0;padding:24px 26px;border-radius:18px;background:#fff8e1}
.v-artd .sp-9226 :where(.prose) .os-wbox .we-h{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.4px;color:#9a6a00}
.v-artd .sp-9226 .prose .os-wbox dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.v-artd .sp-9226 .prose .os-wbox dl>div{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;background:#fff}
.v-artd .sp-9226 :where(.prose) .os-wbox dt{font-size:15px;font-weight:900;color:var(--ink)}
.v-artd .sp-9226 :where(.prose) .os-wbox dd{margin:0;font-size:14.5px;line-height:1.6;color:#3a3f52}

/* 연재 순서 */
.v-artd .sp-9226 .prose .os-nx{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin:6px 0 8px}
.v-artd .sp-9226 :where(.prose) .os-nx a{display:flex;flex-direction:column;gap:3px;height:100%;margin:0;padding:12px 14px;border-radius:12px;background:var(--soft);font-size:14px;font-weight:700;line-height:1.4;color:var(--ink);text-decoration:none;box-sizing:border-box}
.v-artd .sp-9226 :where(.prose) .os-nx a:hover{background:#eef2ff}
.v-artd .sp-9226 :where(.prose) .os-nx span{font-size:12.5px;font-weight:800;color:var(--blue)}
.v-artd .sp-9226 .prose .os-nh{margin:22px 0 10px;font-size:15px;font-weight:900;color:var(--sb)}
.v-artd .sp-9226 .prose .os-dt{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 8px}
.v-artd .sp-9226 .prose .os-dt li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:#fff;outline:1.5px dashed #c9cdd8;outline-offset:-1.5px;font-size:13.5px;font-weight:700;line-height:1.35;color:var(--sub)}
.v-artd .sp-9226 .prose .os-dt li.on{background:var(--navy);outline:0;color:#fff}
.v-artd .sp-9226 .prose .os-dt li.ok{padding:0;outline:0;background:var(--soft)}
.v-artd .sp-9226 :where(.prose) .os-dt li.ok a{display:flex;flex-direction:column;gap:2px;height:100%;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;box-sizing:border-box}
.v-artd .sp-9226 :where(.prose) .os-dt li.ok a:hover{background:#eef2ff}
.v-artd .sp-9226 .prose .os-dt span{font-size:11.5px;font-weight:800;color:#9aa1b1}
.v-artd .sp-9226 .prose .os-dt li.on span{color:var(--yellow)}
.v-artd .sp-9226 .prose .os-dt li.ok span{color:var(--blue)}
.v-artd .sp-9226 :where(.prose) .os-dt span::after{content:"편"}

/* 출처 */
.v-artd .sp-9226 .prose .os-srcs h2{font-size:15px;color:var(--sub)}
.v-artd .sp-9226 :where(.prose) .os-srcs li{font-size:13.5px;line-height:1.7;color:var(--sub)}

@media (max-width:900px){
  .v-artd .sp-9226 .prose .os-ex{grid-template-columns:1fr}
  .v-artd .sp-9226 .prose .os-wk{grid-template-columns:1fr}
}
@media (max-width:760px){
  .v-artd .sp-9226 .prose h2{font-size:22px}
  .v-artd .sp-9226 :where(.prose) .os-s{padding-top:48px}
  .v-artd .sp-9226 .prose .os-dr{grid-template-columns:1fr}
  .v-artd .sp-9226 .prose .os-fl{grid-template-columns:1fr;gap:4px}
  .v-artd .sp-9226 .prose .os-fl li,.v-artd .sp-9226 .prose .os-fl li:first-child,.v-artd .sp-9226 .prose .os-fl li:nth-child(n+2){clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),50% 100%,0 calc(100% - 12px));border-radius:12px 12px 0 0;padding:16px 16px 26px}
  .v-artd .sp-9226 .prose .os-in{grid-template-columns:1fr}
  .v-artd .sp-9226 .prose .ex-m{padding:18px}
  .v-artd .sp-9226 .prose .os-pr{padding:16px}
  .v-artd .sp-9226 .prose .os-pr li{grid-template-columns:1fr;gap:4px}
  .v-artd .sp-9226 .prose .os-pr b{width:calc(var(--v) * 6.66%);min-width:96px}
  .v-artd .sp-9226 .prose .os-cs{grid-template-columns:1fr}
  .v-artd .sp-9226 :where(.prose) .os-wbox{padding:20px 16px}
  .v-artd .sp-9226 .prose .os-wbox dl{grid-template-columns:1fr}
  .v-artd .sp-9226 .prose .os-nx{grid-template-columns:1fr 1fr}
  .v-artd .sp-9226 .prose .os-dt{grid-template-columns:repeat(3,minmax(0,1fr))}
}