/* 390 신규 요구, 해석 상이, 누락에 따른 추가 청구 협의 = 세 갈래 분류 홈통(2026-10-16 사장님 '공통틀로 하지마 다 다르게').
   첫머리 총액만 적힌 견적 대 항목이 적힌 견적, 확인 항목 색인 카드 둘, 요청이 세 홈통(신규 요구, 해석 차이, 누락 또는 하자)으로 갈림,
   작업 지시와 합의는 다름, 쟁점 정리표, 불명확한 요구의 생각 고리, 가능 여부와 포함 여부 두 질문, 쌓이는 요청과 원인, 대안 셋,
   진행 방식 두 칸, 긴급 착수 자물쇠와 열쇠 넷 */
.v-artd .sp-390 .prose{font-size:17px}
.v-artd .sp-390 :where(.prose) .ex3-lead{margin:0 0 22px;font-size:20px;line-height:1.7;color:var(--ink)}
.v-artd .sp-390 :where(.prose) .ex3-lead b{color:var(--blue)}
.v-artd .sp-390 .prose h2{margin:0 0 18px;padding:0;border:0;font-size:27px;letter-spacing:-.8px;display:block;min-height:0}
.v-artd .sp-390 .prose h2::before,.v-artd .sp-390 .prose h2::after{content:none}
.v-artd .sp-390 :where(.prose) .ex3-s{padding:60px 0 4px}
.v-artd .sp-390 :where(.prose) .ex3-s>p{margin:0 0 16px}

/* 견적 두 장 */
.v-artd .sp-390 :where(.prose) .ex3-docs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 14px}
.v-artd .sp-390 :where(.prose) .dq{padding:16px;border-radius:12px;background:var(--soft);font-size:14.5px;line-height:1.6;color:#3f4555}
.v-artd .sp-390 :where(.prose) .dq p{margin:0}
.v-artd .sp-390 :where(.prose) .dq-k{margin-bottom:10px!important;font-weight:800}
.v-artd .sp-390 :where(.prose) .dq.a .dq-k{color:#b3232a}
.v-artd .sp-390 :where(.prose) .dq.b .dq-k{color:#0b6b4f}
.v-artd .sp-390 :where(.prose) .dq-p{width:150px;margin:0 0 12px;padding:12px;border-radius:4px;background:#fff;border:1px solid var(--line)}
.v-artd .sp-390 :where(.prose) .dq-p i{display:block;height:8px;margin:0 0 7px;border-radius:4px;background:#e3e6ef}
.v-artd .sp-390 :where(.prose) .dq.a .dq-p i{background:transparent;border-bottom:1px dashed #e5a3a6;border-radius:0}
.v-artd .sp-390 :where(.prose) .dq-p b{display:block;padding-top:6px;border-top:2px solid var(--ink);font-size:12px;color:var(--ink);text-align:right}
.v-artd .sp-390 :where(.prose) .ex3-idx{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.v-artd .sp-390 :where(.prose) .ix{position:relative;padding:16px 16px 14px;border-radius:4px;background:#fff;border:1px solid var(--line);border-top:4px solid #d23a3a;box-shadow:0 12px 22px -18px rgba(27,31,58,.5);background-image:linear-gradient(transparent 46px,#fde8e8 46px 47px,transparent 47px);font-size:14px;line-height:1.6;color:#3f4555}
.v-artd .sp-390 :where(.prose) .ix p{margin:0}
.v-artd .sp-390 :where(.prose) .ix-k{font-size:12.5px;font-weight:800;color:#b3232a}
.v-artd .sp-390 :where(.prose) .ix-v{margin:6px 0 10px!important;font-weight:800;color:var(--ink);font-size:15px}

/* 세 홈통 */
.v-artd .sp-390 :where(.prose) .ex3-chute{margin:6px 0 14px;padding:18px;border-radius:18px;background:var(--soft)}
.v-artd .sp-390 :where(.prose) .ch-in{display:table;margin:0 auto 0!important;padding:12px 26px;border-radius:12px;background:var(--ink);color:#fff;font-weight:800}
.v-artd .sp-390 :where(.prose) .ch-pipes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;padding-top:34px}
.v-artd .sp-390 :where(.prose) .ch-pipes::before{content:"";position:absolute;left:16.6%;right:16.6%;top:14px;height:20px;border:3px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0}
.v-artd .sp-390 :where(.prose) .ch-pipes::after{content:"";position:absolute;left:50%;top:0;height:14px;border-left:3px solid var(--ink)}
.v-artd .sp-390 :where(.prose) .pipe{padding:16px;border-radius:0 0 14px 14px;background:#fff;border-top:8px solid;font-size:14px;line-height:1.6;color:#3f4555}
.v-artd .sp-390 :where(.prose) .pipe p{margin:0}
.v-artd .sp-390 :where(.prose) .pipe b{display:block;margin-bottom:6px;font-size:16.5px}
.v-artd .sp-390 :where(.prose) .p1{border-color:var(--blue)}.v-artd .sp-390 :where(.prose) .p1 b{color:#1d3fc4}
.v-artd .sp-390 :where(.prose) .p2{border-color:var(--yellow)}.v-artd .sp-390 :where(.prose) .p2 b{color:#6b5200}
.v-artd .sp-390 :where(.prose) .p3{border-color:#d23a3a}.v-artd .sp-390 :where(.prose) .p3 b{color:#b3232a}

/* 다름 표시 */
.v-artd .sp-390 :where(.prose) .ex3-neq{display:flex;align-items:center;gap:14px;margin:4px 0 12px!important}
.v-artd .sp-390 :where(.prose) .ex3-neq span{padding:10px 16px;border-radius:10px;font-weight:800}
.v-artd .sp-390 :where(.prose) .ex3-neq span:first-child{background:#fde8e8;color:#b3232a}
.v-artd .sp-390 :where(.prose) .ex3-neq span:last-child{background:var(--navy);color:#fff}
.v-artd .sp-390 :where(.prose) .ex3-neq b{font-size:28px;color:#d23a3a}

/* 쟁점 정리표 */
.v-artd .sp-390 :where(.prose) .ex3-issue{margin:6px 0 14px;overflow-x:auto;border-radius:10px;border:1.5px solid var(--ink)}
.v-artd .sp-390 :where(.prose) .ex3-issue table{margin:0;min-width:520px;border-radius:0;font-size:14px}
.v-artd .sp-390 :where(.prose) .ex3-issue th{background:var(--yellow2);color:#3b3420;border-bottom:1.5px solid var(--ink);font-size:13px}
.v-artd .sp-390 :where(.prose) .ex3-issue td{height:44px;border-left:1px dashed var(--line)}

/* 생각 고리 */
.v-artd .sp-390 :where(.prose) .ex3-think{margin:6px 0 14px;padding:18px;border-radius:24px;background:#f6f8ff;border:2px dashed #9fb3ff}
.v-artd .sp-390 :where(.prose) .ex3-think p{margin:0}
.v-artd .sp-390 :where(.prose) .tk-q{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:800;font-size:16px;color:var(--ink)}
.v-artd .sp-390 :where(.prose) .tk-q i{font-style:normal;color:var(--sub)}
.v-artd .sp-390 :where(.prose) .tk-q s{color:#d23a3a;text-decoration-thickness:2px}
.v-artd .sp-390 :where(.prose) .tk-a{margin-top:10px!important;padding:8px 14px;border-radius:999px;background:var(--blue);color:#fff;font-weight:800;font-size:14px;display:inline-block}

/* 두 질문 */
.v-artd .sp-390 :where(.prose) .ex3-qq{display:grid;gap:8px;margin:6px 0 14px}
.v-artd .sp-390 :where(.prose) .qa{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:12px 16px;border-radius:12px;border:1px solid var(--line)}
.v-artd .sp-390 :where(.prose) .qa .q{font-weight:800;color:var(--ink)}
.v-artd .sp-390 :where(.prose) .qa .q::before{content:"? ";color:#1d3fc4}
.v-artd .sp-390 :where(.prose) .qa .a{flex:none;padding:4px 10px;border-radius:6px;background:var(--soft);font-size:12.5px;font-weight:800;color:var(--sub)}
.v-artd .sp-390 :where(.prose) .qa .a.b{background:var(--blue);color:#fff}

/* 쌓이는 요청 */
.v-artd .sp-390 :where(.prose) .ex3-stack{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;margin:6px 0 14px}
.v-artd .sp-390 :where(.prose) .sk-cards{position:relative;height:120px}
.v-artd .sp-390 :where(.prose) .sk-cards i{position:absolute;left:10px;width:110px;height:70px;border-radius:8px;background:#fff;border:1.5px solid var(--ink)}
.v-artd .sp-390 :where(.prose) .sk-cards i:nth-child(1){top:40px;transform:rotate(-6deg)}
.v-artd .sp-390 :where(.prose) .sk-cards i:nth-child(2){top:28px;transform:rotate(3deg)}
.v-artd .sp-390 :where(.prose) .sk-cards i:nth-child(3){top:14px;transform:rotate(-2deg)}
.v-artd .sp-390 :where(.prose) .sk-cards i:nth-child(4){top:0;background:var(--yellow2)}
.v-artd .sp-390 :where(.prose) .ex3-stack ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.v-artd .sp-390 :where(.prose) .ex3-stack li{margin:0;padding:8px 14px;border-radius:999px;border:1.5px solid var(--ink);font-size:14px;font-weight:800;color:var(--ink)}
.v-artd .sp-390 :where(.prose) .ex3-stack li::before{content:none}

/* 대안 셋 */
.v-artd .sp-390 :where(.prose) .ex3-alt{display:flex;gap:8px;margin:4px 0 14px}
.v-artd .sp-390 :where(.prose) .ex3-alt span{flex:1;padding:14px 8px;border-radius:12px;text-align:center;font-weight:800;font-size:16px}
.v-artd .sp-390 :where(.prose) .ex3-alt span:nth-child(1){background:var(--blue);color:#fff}
.v-artd .sp-390 :where(.prose) .ex3-alt span:nth-child(2){background:var(--blue2);color:#1d3fc4}
.v-artd .sp-390 :where(.prose) .ex3-alt span:nth-child(3){background:var(--soft);color:var(--sub);border:1.5px dashed #9aa6c6}

/* 진행 방식 */
.v-artd .sp-390 :where(.prose) .ex3-hw{margin:22px 0 8px;padding:24px 26px;border-radius:20px;background:var(--navy);color:#fff}
.v-artd .sp-390 :where(.prose) .ex3-hw p{margin:0}
.v-artd .sp-390 :where(.prose) .hw-k{margin-bottom:14px!important;font-size:13px;font-weight:800;color:#9fb3ff}
.v-artd .sp-390 :where(.prose) .hw-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.v-artd .sp-390 :where(.prose) .hw-two>div{padding:16px;border-radius:12px;background:rgba(255,255,255,.08);font-size:14.5px;line-height:1.6;color:#dfe5ff}
.v-artd .sp-390 :where(.prose) .hw-s{margin-bottom:6px!important;font-size:16px;font-weight:800;color:#fff}
.v-artd .sp-390 :where(.prose) .hw-btn{display:inline-flex;padding:13px 24px;border-radius:999px;background:#fff;color:var(--navy)!important;font-weight:800;text-decoration:none!important}
.v-artd .sp-390 :where(.prose) .hw-btn:hover{background:var(--blue2)}

/* 자물쇠와 열쇠 넷 */
.v-artd .sp-390 :where(.prose) .ex3-gate{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center;margin:6px 0 14px;padding:18px;border-radius:16px;border:2px solid var(--ink)}
.v-artd .sp-390 :where(.prose) .gt-lock{position:relative;margin:0;padding:30px 10px 14px;border-radius:12px;background:var(--ink);color:#fff;text-align:center;font-weight:800}
.v-artd .sp-390 :where(.prose) .gt-lock::before{content:"";position:absolute;left:50%;top:-22px;width:46px;height:34px;margin-left:-23px;border:6px solid var(--ink);border-bottom:0;border-radius:24px 24px 0 0}
.v-artd .sp-390 :where(.prose) .ex3-gate ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}
.v-artd .sp-390 :where(.prose) .ex3-gate li{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border-radius:10px;background:var(--yellow2);font-weight:800;font-size:14.5px;color:var(--ink)}
.v-artd .sp-390 :where(.prose) .ex3-gate li::before{content:"";width:18px;height:10px;border-radius:5px 0 0 5px;background:linear-gradient(90deg,var(--yellow) 0 8px,transparent 8px),linear-gradient(var(--yellow),var(--yellow)) 8px 3px/10px 4px no-repeat}
.v-artd .sp-390 :where(.prose) .ex3-sum{padding:16px 20px;border-radius:12px;background:var(--ink);color:#fff;font-weight:700}
.v-artd .sp-390 :where(.prose) .ex3-rel{margin:40px 0 10px;padding:16px 0 0;border-top:1px solid var(--line);list-style:none}
.v-artd .sp-390 :where(.prose) .ex3-rel li{margin:0;padding:5px 0}
.v-artd .sp-390 :where(.prose) .ex3-rel li::before{content:none}
.v-artd .sp-390 :where(.prose) .ex3-rel a{font-weight:700;text-decoration:none}
.v-artd .sp-390 :where(.prose) .ex3-rel a::before{content:"→ ";color:var(--sub)}

@media (max-width:720px){
  .v-artd .sp-390 :where(.prose) .ex3-lead{font-size:18px}
  .v-artd .sp-390 .prose h2{font-size:23px}
  .v-artd .sp-390 :where(.prose) .ex3-s{padding-top:46px}
  .v-artd .sp-390 :where(.prose) .ex3-docs,.v-artd .sp-390 :where(.prose) .ex3-idx{grid-template-columns:1fr}
  .v-artd .sp-390 :where(.prose) .ch-pipes{grid-template-columns:1fr;padding-top:18px}
  .v-artd .sp-390 :where(.prose) .ch-pipes::before{display:none}
  .v-artd .sp-390 :where(.prose) .ch-pipes::after{height:18px}
  .v-artd .sp-390 :where(.prose) .ex3-neq{flex-wrap:wrap}
  .v-artd .sp-390 :where(.prose) .qa{flex-direction:column;align-items:flex-start}
  .v-artd .sp-390 :where(.prose) .ex3-stack{grid-template-columns:1fr}
  .v-artd .sp-390 :where(.prose) .sk-cards{width:140px;margin:0 auto}
  .v-artd .sp-390 :where(.prose) .ex3-hw{padding:22px 18px}
  .v-artd .sp-390 :where(.prose) .hw-two{grid-template-columns:1fr}
  .v-artd .sp-390 :where(.prose) .ex3-gate{grid-template-columns:1fr;padding-top:36px}
  .v-artd .sp-390 :where(.prose) .gt-lock{width:140px;margin:0 auto}
  .v-artd .sp-390 :where(.prose) .ex3-gate ul{grid-template-columns:1fr}
}