/* 285 공개 전 조사, 시범 가동, 결과 보완의 진척도 = 준비 상태 점검판(2026-10-16 사장님 '공통틀로 하지마 다 다르게').
   첫머리 네 칸 진척 막대와 '현황' 핀, 성과 구분은 계기 둘, 다음 업무는 두 줄 흐름과 할 일 지우기, 주요 업무는 왼쪽 이름표 목록,
   보류는 기록 카드와 연결 업무 사슬, 점검 질문은 예/아니오 답안지, 보완은 경우별 표, 진행 방식은 '기획' 칸이 채워진 막대 */
.v-artd .sp-285 .prose{font-size:17px}
.v-artd .sp-285 :where(.prose) .rd>p{margin:0 0 16px}
.v-artd .sp-285 :where(.prose) .rd-lead{font-size:20px;line-height:1.7;color:var(--ink)}
.v-artd .sp-285 .prose h2{margin:0 0 18px;padding:0;border:0;font-size:27px;letter-spacing:-.8px;display:block;min-height:0}
.v-artd .sp-285 .prose h2::before,.v-artd .sp-285 .prose h2::after{content:none}
.v-artd .sp-285 :where(.prose) .rd-s{padding:60px 0 4px}
.v-artd .sp-285 :where(.prose) .rd-s>p{margin:0 0 16px}
.v-artd .sp-285 :where(.prose) .rd-k{margin:0 0 6px!important;font-size:13px;font-weight:800;letter-spacing:.04em;color:#1d3fc4}

/* 진척 막대 */
.v-artd .sp-285 :where(.prose) .rd-board{margin:28px 0 0;padding:26px 24px 24px;border-radius:20px;background:var(--navy);color:#fff}
.v-artd .sp-285 :where(.prose) .rb-h{margin:0 0 16px;font-size:14px;font-weight:800;color:#9fb3ff}
.v-artd .sp-285 :where(.prose) .rb-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0;padding:0;list-style:none;counter-reset:b}
.v-artd .sp-285 :where(.prose) .rb-bar li{counter-increment:b;position:relative;margin:0;padding:24px 14px 0 0;font-size:14px;line-height:1.6;color:#c9d0ee}
.v-artd .sp-285 :where(.prose) .rb-bar li::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;border-radius:3px;background:var(--blue)}
.v-artd .sp-285 :where(.prose) .rb-bar li:first-child::before{border-radius:999px 3px 3px 999px}
.v-artd .sp-285 :where(.prose) .rb-bar li:last-child::before{border-radius:3px 999px 999px 3px}
.v-artd .sp-285 :where(.prose) .rb-bar b{display:block;font-size:16px;color:#fff}
.v-artd .sp-285 :where(.prose) .rb-bar b::before{content:counter(b) ". ";color:#9fb3ff}
.v-artd .sp-285 :where(.prose) .rb-tag{display:inline-block;margin:6px 0 8px;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;font-weight:700;color:#dfe5ff}
.v-artd .sp-285 :where(.prose) .rb-bar p{margin:0}
.v-artd .sp-285 :where(.prose) .rb-now{position:relative;margin-top:22px;padding:16px 18px 16px 92px;border-radius:14px;background:#fff;color:var(--ink);font-size:15px;line-height:1.6}
.v-artd .sp-285 :where(.prose) .rb-now p{margin:2px 0 0;color:#3f4555}
.v-artd .sp-285 :where(.prose) .rb-pin{position:absolute;left:18px;top:16px;padding:5px 12px;border-radius:999px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:800}

/* 계기 둘 */
.v-artd .sp-285 :where(.prose) .rd-two{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:4px 0 24px}
.v-artd .sp-285 :where(.prose) .tw-m{padding:16px 18px;border-radius:14px;border:1px solid var(--line)}
.v-artd .sp-285 :where(.prose) .tw-m i{display:block;height:10px;margin-bottom:12px;border-radius:999px;background:linear-gradient(var(--blue),var(--blue)) 0/var(--v,0%) 100% no-repeat,var(--soft)}
.v-artd .sp-285 :where(.prose) .tw-m.q i{background:repeating-linear-gradient(90deg,#c3c8d6 0 6px,transparent 6px 12px)}
.v-artd .sp-285 :where(.prose) .tw-m.q b::after{content:" ?";color:var(--sub)}
.v-artd .sp-285 :where(.prose) .tw-m b{font-size:16px;color:var(--ink)}
.v-artd .sp-285 :where(.prose) .tw-x{padding:6px 12px;border-radius:999px;background:var(--yellow2);color:#6b5200;font-size:13px;font-weight:800}

/* 두 줄 흐름 */
.v-artd .sp-285 :where(.prose) .rd-lanes{display:grid;gap:12px;margin:8px 0 22px}
.v-artd .sp-285 :where(.prose) .ln{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;padding:14px 16px;border-radius:14px}
.v-artd .sp-285 :where(.prose) .ln.bad{background:#fff6f6}
.v-artd .sp-285 :where(.prose) .ln.good{background:var(--blue2);grid-template-rows:auto auto}
.v-artd .sp-285 :where(.prose) .ln-k{margin:0;font-size:14px;font-weight:800}
.v-artd .sp-285 :where(.prose) .ln.bad .ln-k{color:#b3232a}
.v-artd .sp-285 :where(.prose) .ln.good .ln-k{color:#1d3fc4}
.v-artd .sp-285 :where(.prose) .ln ol{display:flex;flex-wrap:wrap;gap:6px 26px;margin:0;padding:0;list-style:none}
.v-artd .sp-285 :where(.prose) .ln li{position:relative;margin:0;padding:6px 12px;border-radius:8px;background:#fff;font-size:14.5px;font-weight:700;color:var(--ink)}
.v-artd .sp-285 :where(.prose) .ln li::before{content:none}
.v-artd .sp-285 :where(.prose) .ln li:not(:last-child)::after{content:"→";position:absolute;right:-20px;top:6px;color:var(--sub);font-weight:400}
.v-artd .sp-285 :where(.prose) .ln.bad li:not(:first-child){color:#b3232a;border:1px dashed #e5a3a6}
.v-artd .sp-285 :where(.prose) .ln-loop{grid-column:2;margin:0;font-size:13.5px;font-weight:700;color:#1d3fc4}
.v-artd .sp-285 :where(.prose) .ln-loop::before{content:"↺ ";font-size:16px}

/* 할 일 지우기 */
.v-artd .sp-285 :where(.prose) .rd-todo{margin:0 0 8px;padding:20px 22px;border-radius:14px;border:1px solid var(--line);background:#fff;box-shadow:0 16px 30px -26px rgba(27,31,58,.5)}
.v-artd .sp-285 :where(.prose) .td-h{margin:0 0 10px;font-weight:800;color:var(--ink)}
.v-artd .sp-285 :where(.prose) .rd-todo ul{margin:0 0 12px;padding:0;list-style:none}
.v-artd .sp-285 :where(.prose) .rd-todo li{position:relative;margin:0;padding:7px 0 7px 30px;font-size:16px}
.v-artd .sp-285 :where(.prose) .rd-todo li::before{content:"";position:absolute;left:0;top:10px;width:18px;height:18px;border-radius:5px;border:2px solid #c3c8d6}
.v-artd .sp-285 :where(.prose) .rd-todo li.x{color:var(--sub);text-decoration:line-through;text-decoration-color:#e5484d;text-decoration-thickness:2px}
.v-artd .sp-285 :where(.prose) .rd-todo li.ok::before{border-color:var(--blue);background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3 3 7-7' stroke='%23fff' stroke-width='2.2' fill='none'/%3E%3C/svg%3E") center/12px no-repeat}
.v-artd .sp-285 :where(.prose) .rd-todo li.ok{font-weight:700;color:var(--ink)}
.v-artd .sp-285 :where(.prose) .rd-todo p:last-child{margin:0;font-size:15px;line-height:1.6;color:#3f4555}

/* 이름표 목록 */
.v-artd .sp-285 :where(.prose) .rd-dl{margin:6px 0 8px}
.v-artd .sp-285 :where(.prose) .rd-dl div{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--line)}
.v-artd .sp-285 :where(.prose) .rd-dl div:last-child{border-bottom:1px solid var(--line)}
.v-artd .sp-285 :where(.prose) .rd-dl dt{font-size:17px;font-weight:800;color:var(--ink)}
.v-artd .sp-285 :where(.prose) .rd-dl dd{margin:0;font-size:16px;line-height:1.7;color:#3f4555}

/* 보류 기록 카드 + 연결 사슬 */
.v-artd .sp-285 :where(.prose) .rd-park{margin:6px 0 16px;padding:20px 22px;border-radius:6px;background:var(--yellow2);box-shadow:0 16px 26px -22px rgba(80,60,0,.5)}
.v-artd .sp-285 :where(.prose) .rd-park p{margin:0}
.v-artd .sp-285 :where(.prose) .pk-h{margin-bottom:8px!important;font-weight:800;color:#6b5200}
.v-artd .sp-285 :where(.prose) .pk-f{display:grid;grid-template-columns:110px 1fr;align-items:end;gap:10px;padding:8px 0;font-size:15px;font-weight:700;color:#3b3420}
.v-artd .sp-285 :where(.prose) .pk-f i{height:1px;border-bottom:1.5px dashed #b49b55}
.v-artd .sp-285 :where(.prose) .rd-dep{display:flex;align-items:center;margin:6px 0 18px;padding:18px;border-radius:14px;background:var(--soft)}
.v-artd .sp-285 :where(.prose) .dp{flex:none;padding:10px 14px;border-radius:10px;font-weight:800;font-size:15px;text-align:center;line-height:1.35}
.v-artd .sp-285 :where(.prose) .dp small{display:block;font-size:12.5px;font-weight:700}
.v-artd .sp-285 :where(.prose) .dp.ok{background:var(--blue);color:#fff}
.v-artd .sp-285 :where(.prose) .dp.wait{background:#fff;border:2px dashed #b49b55;color:#6b5200}
.v-artd .sp-285 :where(.prose) .dp.block{background:#fff;border:1px solid var(--line);color:var(--sub)}
.v-artd .sp-285 :where(.prose) .rd-dep i{flex:1;height:2px;background:#c3c8d6}

/* 예/아니오 답안지 */
.v-artd .sp-285 :where(.prose) .rd-quiz{margin:6px 0 20px;padding:0;list-style:none;counter-reset:q}
.v-artd .sp-285 :where(.prose) .rd-quiz li{counter-increment:q;position:relative;margin:0;padding:16px 0 16px 46px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.6;color:var(--ink)}
.v-artd .sp-285 :where(.prose) .rd-quiz li::before{content:counter(q);position:absolute;left:0;top:17px;width:28px;height:28px;border-radius:50%;background:#1d3fc4;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800}
.v-artd .sp-285 :where(.prose) .rd-quiz b{display:block;font-size:13.5px;color:var(--sub)}
.v-artd .sp-285 :where(.prose) .qz-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.v-artd .sp-285 :where(.prose) .qz-a em{font-style:normal;display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:999px;border:1.5px solid #c3c8d6;font-size:13.5px;font-weight:700;color:#3f4555}
.v-artd .sp-285 :where(.prose) .qz-a em::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid #9aa6c6}
.v-artd .sp-285 :where(.prose) .qz-a span{flex:1;min-width:160px;padding:4px 0 4px 2px;border-bottom:1.5px dashed #c3c8d6;font-size:13px;color:var(--sub)}

/* 경우별 보완 표 */
.v-artd .sp-285 :where(.prose) .rd-fix{margin:6px 0 20px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.v-artd .sp-285 :where(.prose) .fx-r{display:grid;grid-template-columns:200px 1fr}
.v-artd .sp-285 :where(.prose) .fx-r+.fx-r{border-top:1px solid var(--line)}
.v-artd .sp-285 :where(.prose) .fx-r span{padding:16px 18px;font-size:15.5px;line-height:1.65;color:#3f4555}
.v-artd .sp-285 :where(.prose) .fx-if{background:var(--soft);font-weight:800;color:var(--ink)!important}
.v-artd .sp-285 :where(.prose) .fx-if::before{content:"만약 ";color:#1d3fc4}

/* 진행 방식 = 기획 칸이 채워진 막대 */
.v-artd .sp-285 :where(.prose) .rd-we{margin:28px 0 8px;padding:26px 28px;border-radius:20px;border:2px solid var(--blue);background:#fff}
.v-artd .sp-285 :where(.prose) .rd-we p{margin:0}
.v-artd .sp-285 :where(.prose) .hw-k{font-size:13px;font-weight:800;color:#1d3fc4}
.v-artd .sp-285 :where(.prose) .hw-t{margin:6px 0 16px!important;font-size:21px;font-weight:800;color:var(--ink);line-height:1.4}
.v-artd .sp-285 :where(.prose) .hw-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:14px}
.v-artd .sp-285 :where(.prose) .hw-bar span{padding:10px 6px;border-radius:6px;background:var(--soft);text-align:center;font-size:13.5px;font-weight:700;color:var(--sub)}
.v-artd .sp-285 :where(.prose) .hw-bar span.on{background:var(--blue);color:#fff;box-shadow:0 10px 20px -10px rgba(46,91,255,.8)}
.v-artd .sp-285 :where(.prose) .hw-d{margin-bottom:20px!important;font-size:16px;line-height:1.65;color:#3f4555}
.v-artd .sp-285 :where(.prose) .hw-btn{display:inline-flex;padding:13px 24px;border-radius:999px;background:var(--blue);color:#fff!important;font-weight:800;text-decoration:none!important}
.v-artd .sp-285 :where(.prose) .hw-btn:hover{background:var(--navy)}
.v-artd .sp-285 :where(.prose) .rd-rel{margin:40px 0 10px;padding:16px 0 0;border-top:1px solid var(--line);list-style:none}
.v-artd .sp-285 :where(.prose) .rd-rel li{margin:0;padding:5px 0}
.v-artd .sp-285 :where(.prose) .rd-rel li::before{content:none}
.v-artd .sp-285 :where(.prose) .rd-rel a{font-weight:700;text-decoration:none}
.v-artd .sp-285 :where(.prose) .rd-rel a::before{content:"→ ";color:var(--sub)}

@media (max-width:720px){
  .v-artd .sp-285 :where(.prose) .rd-lead{font-size:18px}
  .v-artd .sp-285 .prose h2{font-size:23px}
  .v-artd .sp-285 :where(.prose) .rd-s{padding-top:46px}
  .v-artd .sp-285 :where(.prose) .rd-board{padding:22px 18px}
  .v-artd .sp-285 :where(.prose) .rb-bar{grid-template-columns:1fr;gap:18px}
  .v-artd .sp-285 :where(.prose) .rb-now{padding:52px 16px 16px}
  .v-artd .sp-285 :where(.prose) .rd-two{grid-template-columns:1fr;gap:8px}
  .v-artd .sp-285 :where(.prose) .tw-x{justify-self:center}
  .v-artd .sp-285 :where(.prose) .ln{grid-template-columns:1fr}
  .v-artd .sp-285 :where(.prose) .ln-loop{grid-column:1}
  .v-artd .sp-285 :where(.prose) .rd-dl div{grid-template-columns:1fr;gap:4px}
  .v-artd .sp-285 :where(.prose) .rd-dep{flex-wrap:wrap;gap:8px;justify-content:center}
  .v-artd .sp-285 :where(.prose) .rd-dep i{flex:0 0 14px}
  .v-artd .sp-285 :where(.prose) .fx-r{grid-template-columns:1fr}
  .v-artd .sp-285 :where(.prose) .fx-r span{padding:12px 16px}
  .v-artd .sp-285 :where(.prose) .rd-we{padding:22px 18px}
  .v-artd .sp-285 :where(.prose) .hw-bar{grid-template-columns:1fr 1fr}
}