/* 9114 기술자가 본업에만 집중하는 구조(연재 '사장님 매출 성장기' 4화 이관, 2026-10-17) = 작업 일지.
   여섯 구간을 남색 알약 꼬리표로 끊고, 첫 깔때기는 여섯 칸 꺾쇠 띠(마지막 노랑), 사장님 대사는 이름표 달린 연파랑 말풍선, 핵심 문장은 파랑 선,
   계약서에 있던 일·없던 일은 두 장 카드(없던 일은 남색), 순위 급락 복구는 세 칸 기록(급락 빨강 글자, 복구 노랑), 문의 폼 조정 셋은 점검표,
   사장님의 하루는 시계 눈금 세로 시간표(현장 칸 남색), 큰 인용은 노랑 바탕, 결론은 남색, 끝은 문의 단추. 글은 연재 본문 그대로 */
.v-artd .sp-9114 .prose{font-size:17.5px;line-height:1.85}
.v-artd .sp-9114 .prose h2.dy-h{display:inline-block;margin:0 0 22px;padding:7px 16px;border:0;border-radius:999px;background:var(--navy);font-size:14px;font-weight:800;letter-spacing:.02em;color:#fff;min-height:0;line-height:1.4}
.v-artd .sp-9114 .prose h2.dy-h::before,.v-artd .sp-9114 .prose h2.dy-h::after{content:none}
.v-artd .sp-9114 :where(.prose) li::before{content:none}
.v-artd .sp-9114 :where(.prose) ul,.v-artd .sp-9114 :where(.prose) ol{list-style:none;padding:0;margin:0}
.v-artd .sp-9114 :where(.prose) li{margin:0}
.v-artd .sp-9114 :where(.prose) .dy-s{padding:48px 0 4px}
.v-artd .sp-9114 :where(.prose) .dy-s:first-of-type{padding-top:8px}
.v-artd .sp-9114 :where(.prose) .dy-s>p{margin:0 0 18px}
.v-artd .sp-9114 .prose .dy-lead.dy-lead{font-size:19px;font-weight:600}
.v-artd .sp-9114 :where(.prose) .dy-point{padding:4px 0 4px 18px;border-left:4px solid var(--blue);font-weight:800;color:var(--ink)}
.v-artd .sp-9114 :where(.prose) .dy-say{position:relative;max-width:560px;margin:30px 0 18px!important;padding:14px 20px;border-radius:0 16px 16px 16px;background:var(--tint,#e8eeff);font-size:17px;font-weight:700;color:var(--ink)}
.v-artd .sp-9114 :where(.prose) .dy-who{position:absolute;left:0;top:-22px;padding:2px 10px;border-radius:6px 6px 0 0;background:var(--navy);font-size:11.5px;font-weight:800;color:var(--yellow)}

/* 깔때기 여섯 단: 위에서 아래로 좁아지는 사다리꼴, 색은 아래로 갈수록 짙게, 마지막 남색 */
.v-artd .sp-9114 :where(.prose) .dy-funnel{display:flex;flex-direction:column;align-items:center;margin:0 0 26px}
.v-artd .sp-9114 :where(.prose) .dy-funnel li{position:relative;width:var(--w);display:flex;align-items:center;justify-content:center;gap:16px;min-height:56px;padding:10px 40px;background:var(--soft);clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,22px 100%)}
.v-artd .sp-9114 :where(.prose) .dy-funnel li+li{margin-top:5px}
.v-artd .sp-9114 :where(.prose) .dy-funnel li:nth-child(1){--w:100%}
.v-artd .sp-9114 :where(.prose) .dy-funnel li:nth-child(2){--w:88%;background:#e9edf6}
.v-artd .sp-9114 :where(.prose) .dy-funnel li:nth-child(3){--w:76%;background:#dfe5f3}
.v-artd .sp-9114 :where(.prose) .dy-funnel li:nth-child(4){--w:64%;background:#d3dcf0}
.v-artd .sp-9114 :where(.prose) .dy-funnel li:nth-child(5){--w:52%;background:#c6d2ee}
.v-artd .sp-9114 :where(.prose) .dy-funnel li:nth-child(6){--w:44%}
.v-artd .sp-9114 :where(.prose) .dy-funnel span{font-size:13px;font-weight:800;color:var(--sub);white-space:nowrap}
.v-artd .sp-9114 :where(.prose) .dy-funnel b{font-size:19px;font-weight:900;letter-spacing:-.4px;color:var(--ink);white-space:nowrap}
.v-artd .sp-9114 :where(.prose) .dy-funnel .last{background:var(--navy)}
.v-artd .sp-9114 :where(.prose) .dy-funnel .last span{color:#d6dcf5}
.v-artd .sp-9114 :where(.prose) .dy-funnel .last b{color:var(--yellow)}

/* 그림 */
.v-artd .sp-9114 .prose .dy figure.dy-fig{margin:8px 0 24px;padding:0;border:0;border-radius:16px;background:none;overflow:hidden}
.v-artd .sp-9114 .prose .dy figure.dy-fig img{display:block;width:100%;height:auto;border-radius:16px}

/* 계약서 두 장 */
.v-artd .sp-9114 :where(.prose) .dy-contract{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin:4px 0 22px}
.v-artd .sp-9114 :where(.prose) .dy-contract>div{padding:18px 20px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9114 :where(.prose) .dy-ct{margin:0 0 10px!important;font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--sub)}
.v-artd .sp-9114 :where(.prose) .dy-contract li{position:relative;padding:6px 0 6px 22px;font-size:15px;font-weight:700;color:var(--ink);border-top:1px dashed var(--line)}
.v-artd .sp-9114 :where(.prose) .dy-contract li:first-child{border-top:0}
.v-artd .sp-9114 :where(.prose) .dy-contract li::before{content:"";position:absolute;left:2px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--blue)}
.v-artd .sp-9114 :where(.prose) .dy-contract .out{background:var(--navy);box-shadow:none}
.v-artd .sp-9114 :where(.prose) .dy-contract .out .dy-ct{color:var(--yellow)}
.v-artd .sp-9114 :where(.prose) .dy-contract .out li{color:#fff;border-top-color:rgba(255,255,255,.18)}
.v-artd .sp-9114 :where(.prose) .dy-contract .out li::before{background:var(--yellow)}

/* 급락 복구 기록 */
.v-artd .sp-9114 :where(.prose) .dy-log{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 22px}
.v-artd .sp-9114 :where(.prose) .dy-log li{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:12px;background:var(--soft)}
.v-artd .sp-9114 :where(.prose) .dy-log span{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--sub)}
.v-artd .sp-9114 :where(.prose) .dy-log b{font-size:24px;font-weight:900;letter-spacing:-.6px;color:var(--ink);line-height:1.1}
.v-artd .sp-9114 :where(.prose) .dy-log i{font-style:normal;font-size:13px;line-height:1.5;color:#3b4152}
.v-artd .sp-9114 :where(.prose) .dy-log .drop b{color:#e63e3a}
.v-artd .sp-9114 :where(.prose) .dy-log .drop i{color:#e63e3a;font-weight:800}
.v-artd .sp-9114 :where(.prose) .dy-log .back{background:var(--yellow)}
.v-artd .sp-9114 :where(.prose) .dy-log .back span,.v-artd .sp-9114 :where(.prose) .dy-log .back i{color:var(--ink)}
.v-artd .sp-9114 :where(.prose) .dy-note{margin:4px 0 26px;padding:20px 24px;border:0;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font-size:17px;line-height:1.8;font-weight:600;font-style:normal;color:var(--ink)}
.v-artd .sp-9114 :where(.prose) .dy-note::before{content:none}

/* 점검표 */
.v-artd .sp-9114 :where(.prose) .dy-check{display:flex;flex-direction:column;gap:8px;margin:4px 0 22px}
.v-artd .sp-9114 :where(.prose) .dy-check li{position:relative;padding:12px 16px 12px 46px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font-size:15.5px;font-weight:700;color:var(--ink)}
.v-artd .sp-9114 :where(.prose) .dy-check li::before{content:"✓";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:6px;background:var(--blue);color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}

/* 하루 시간표 */
.v-artd .sp-9114 :where(.prose) .dy-day{position:relative;display:flex;flex-direction:column;gap:10px;margin:4px 0 22px;padding-left:92px}
.v-artd .sp-9114 :where(.prose) .dy-day::before{content:"";position:absolute;left:78px;top:14px;bottom:14px;width:2px;background:var(--line)}
.v-artd .sp-9114 :where(.prose) .dy-day li{position:relative}
.v-artd .sp-9114 :where(.prose) .dy-day li::before{content:"";position:absolute;left:-19px;top:20px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--blue)}
.v-artd .sp-9114 :where(.prose) .dy-day span{position:absolute;left:-92px;top:16px;width:64px;text-align:right;font-size:13px;font-weight:800;color:var(--sub)}
.v-artd .sp-9114 :where(.prose) .dy-day div{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-radius:12px;background:var(--soft)}
.v-artd .sp-9114 :where(.prose) .dy-day b{font-size:15.5px;font-weight:800;color:var(--ink)}
.v-artd .sp-9114 :where(.prose) .dy-day em{font-style:normal;font-size:13.5px;color:#3b4152}
.v-artd .sp-9114 :where(.prose) .dy-day .work div{background:var(--navy)}
.v-artd .sp-9114 :where(.prose) .dy-day .work b{color:var(--yellow)}
.v-artd .sp-9114 :where(.prose) .dy-day .work em{color:#d6dcf5}
.v-artd .sp-9114 :where(.prose) .dy-day .work::before{box-shadow:inset 0 0 0 6px var(--navy)}

/* 큰 인용·결론·문의 */
.v-artd .sp-9114 :where(.prose) .dy-big{margin:4px 0 24px;padding:30px 28px;border:0;border-radius:16px;background:var(--yellow);color:var(--ink);font-size:24px;line-height:1.5;font-weight:900;letter-spacing:-.5px;font-style:normal;text-align:center}
.v-artd .sp-9114 :where(.prose) .dy-big::before{content:none}
.v-artd .sp-9114 :where(.prose) .dy-final{margin:4px 0 24px;padding:26px 28px;border:0;border-radius:16px;background:var(--navy);color:#fff;font-size:22px;line-height:1.5;font-weight:800;font-style:normal;text-align:center}
.v-artd .sp-9114 :where(.prose) .dy-final::before{content:none}
.v-artd .sp-9114 :where(.prose) .dy-cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin:8px 0 0;padding:28px 20px;border-radius:16px;background:var(--soft);text-align:center}
.v-artd .sp-9114 :where(.prose) .dy-btn{display:inline-block;padding:14px 40px;border-radius:999px;background:var(--navy);color:#fff;font-size:16px;font-weight:800;text-decoration:none}
.v-artd .sp-9114 :where(.prose) .dy-btn:hover{background:var(--blue)}
.v-artd .sp-9114 :where(.prose) .dy-sub{margin:0!important;font-size:14px;color:var(--sub)}

@media (max-width:720px){
  .v-artd .sp-9114 :where(.prose) .dy-funnel li{padding:8px 26px;min-height:50px;gap:10px;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,14px 100%)}
  .v-artd .sp-9114 :where(.prose) .dy-funnel li:nth-child(2){--w:92%}
  .v-artd .sp-9114 :where(.prose) .dy-funnel li:nth-child(3){--w:84%}
  .v-artd .sp-9114 :where(.prose) .dy-funnel li:nth-child(4){--w:76%}
  .v-artd .sp-9114 :where(.prose) .dy-funnel li:nth-child(5){--w:68%}
  .v-artd .sp-9114 :where(.prose) .dy-funnel li:nth-child(6){--w:62%}
  .v-artd .sp-9114 :where(.prose) .dy-funnel b{font-size:16px}
  .v-artd .sp-9114 :where(.prose) .dy-contract,.v-artd .sp-9114 :where(.prose) .dy-log{grid-template-columns:1fr}
  .v-artd .sp-9114 :where(.prose) .dy-day{padding-left:0;padding-top:0}
  .v-artd .sp-9114 :where(.prose) .dy-day::before{content:none}
  .v-artd .sp-9114 :where(.prose) .dy-day li::before{content:none}
  .v-artd .sp-9114 :where(.prose) .dy-day span{position:static;display:block;width:auto;text-align:left;margin:0 0 4px}
  .v-artd .sp-9114 :where(.prose) .dy-big{font-size:20px;padding:24px 18px}
  .v-artd .sp-9114 :where(.prose) .dy-final{font-size:19px}
}