/* 철거王 홈 · 견적 가이드 (#quote-checklist)
   experience.css 다음에 불러오며, 모든 규칙은 .cw-home .eg 안에서만 적용된다. */

.cw-home .eg .xp-head>p{max-width:34em}
.cw-home .eg-sub{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:-.04em;line-height:1.4;margin:64px 0 20px}
.cw-home .eg-sub:before{content:"";flex:none;width:20px;height:2px;background:var(--blue)}

/* ── 무게와 부피 ── */
.cw-home .eg-basics{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"title title" "measures compare" "measures keys";gap:0 clamp(28px,4vw,64px);padding:28px 0 0;border-top:1px solid var(--ink)}
.cw-home .eg-basics>.eg-sub{grid-area:title;margin:0 0 20px}
.cw-home .eg-measures{grid-area:measures;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:start}
.cw-home .eg-measure{margin:0;padding:18px 16px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.cw-home .eg-measure svg{display:block;width:100%;height:auto;max-height:110px}
.cw-home .eg-measure figcaption{display:grid;gap:2px;margin-top:10px}
.cw-home .eg-measure strong{font-size:16px;font-weight:800;letter-spacing:-.03em}
.cw-home .eg-measure span{font-size:14px;line-height:1.6;color:var(--muted)}
.cw-home .eg-ground{fill:none;stroke:var(--line-strong);stroke-width:1.2}
.cw-home .eg-solid{fill:var(--paper);stroke:var(--ink);stroke-width:1.4}
.cw-home .eg-hatch{fill:none;stroke:var(--ink-2);stroke-width:.8;opacity:.55}
.cw-home .eg-arrow{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cw-home .eg-box{fill:var(--pale);stroke:var(--blue);stroke-width:1.4;stroke-linejoin:round}
.cw-home .eg-dim{fill:none;stroke:var(--faint);stroke-width:1;stroke-dasharray:3 3}
.cw-home .eg-compare{grid-area:compare;display:grid;gap:0}
.cw-home .eg-pair{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.cw-home .eg-pair:first-child{padding-top:0}
.cw-home .eg-pair p{font-size:15px;line-height:1.75;color:var(--muted)}
.cw-home .eg-pair strong{display:block;color:var(--ink);font-weight:700}
.cw-home .eg-chip{justify-self:start;font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--ink);color:#fff;white-space:nowrap}
.cw-home .eg-chip-light{background:var(--pale);color:var(--blue-deep);box-shadow:inset 0 0 0 1px var(--blue-line)}
.cw-home .eg-key{grid-area:keys;margin-top:18px;padding:2px 0 2px 16px;border-left:3px solid var(--blue);font-size:15px;line-height:1.75;color:var(--ink-2)}
.cw-home .eg-key strong{color:var(--ink);font-weight:800}
.cw-home .eg-key-soft{grid-area:auto;grid-column:2;margin-top:12px;border-left-color:var(--line-strong);color:var(--muted)}

/* ── 네 가지 경우 ── */
.cw-home .eg-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.cw-home .eg-case{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .18s var(--ease)}
.cw-home .eg-case[open]{border-color:var(--ink)}
.cw-home .eg-case>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tag icon" "insight icon";gap:4px 16px;align-items:center;min-height:44px;padding:18px 20px;border-radius:var(--radius)}
.cw-home .eg-case-tag{grid-area:tag;font-size:17px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.cw-home .eg-case-insight{grid-area:insight;font-size:14.5px;line-height:1.65;color:var(--muted)}
.cw-home .eg-case .xp-sum-icon{grid-area:icon}
.cw-home .eg-qa{margin:0;padding:4px 20px 20px;border-top:1px solid var(--line)}
.cw-home .eg-qa dt{margin-top:14px;font-size:13px;font-weight:700;color:var(--blue)}
.cw-home .eg-qa dd{margin:4px 0 0;font-size:14.5px;line-height:1.8;color:var(--muted)}
.cw-home .eg-qa dd strong{color:var(--ink)}
.cw-home .eg-qa dt:last-of-type+dd{color:var(--ink);font-weight:600}

/* ── 견적서 다섯 항목 ── */
.cw-home .eg-lines{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink);counter-reset:none}
.cw-home .eg-lines li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.cw-home .eg-n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;font-size:15px;font-weight:800}
.cw-home .eg-lines li>div{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);grid-template-areas:"name text" "name ask";gap:6px clamp(20px,3vw,40px);align-items:start}
.cw-home .eg-lines strong{grid-area:name;font-size:17px;font-weight:800;letter-spacing:-.03em;padding-top:5px}
.cw-home .eg-lines li p{grid-area:text;font-size:15px;line-height:1.8;color:var(--muted);padding-top:4px}
.cw-home .eg-lines li .eg-ask{grid-area:ask;justify-self:start;padding:6px 12px;border-radius:var(--radius-s);background:var(--pale);color:var(--blue-deep);font-size:14.5px;font-weight:600;line-height:1.65}
.cw-home .eg-important{margin-top:18px;padding:16px 20px;border-radius:var(--radius-s);background:var(--amber-bg);border:1px solid #ecdcb6;font-size:15px;line-height:1.75}
.cw-home .eg-important strong{color:var(--ink);font-weight:700}

/* ── 항목별 안내 ── */
.cw-home .eg-item{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0 48px 24px 170px}
.cw-home .eg-item dt{font-size:13px;font-weight:700;color:var(--blue)}
.cw-home .eg-item dd{margin:4px 0 0;font-size:14.5px;line-height:1.8;color:var(--muted)}

/* ── 계약 전 질문 · 안전 ── */
.cw-home .eg-final{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);margin-top:64px;align-items:start}
.cw-home .eg-final .eg-sub{margin-top:0}
.cw-home .eg-checks{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.cw-home .eg-checks li{position:relative;padding:13px 0 13px 34px;border-bottom:1px solid var(--line);font-size:15.5px;font-weight:600;line-height:1.65}
.cw-home .eg-checks li:before{content:"";position:absolute;left:2px;top:16px;width:18px;height:18px;border:1.5px solid var(--ink);border-radius:4px}
.cw-home .eg-tip{margin-top:12px;font-size:14px;color:var(--muted)}
.cw-home .eg-safety{padding:22px 22px 8px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
.cw-home .eg-safety-line{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.75}
.cw-home .eg-safety-line strong{font-weight:700;color:var(--ink)}
.cw-home .eg-safety-mark{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-top:2px;border-radius:50%;background:var(--danger);color:#fff;font-size:14px;font-weight:800}
.cw-home .eg-safety>p:not(.eg-safety-line){margin:10px 0 0 36px;font-size:14px;line-height:1.75;color:var(--muted)}
.cw-home .eg-sources{margin:12px 0 0 36px;border-top:1px solid var(--line-strong)}
.cw-home .eg-sources>summary{display:flex;align-items:center;gap:12px;min-height:48px;font-size:14.5px;font-weight:700;color:var(--ink)}
.cw-home .eg-sources-body{padding:0 0 14px}
.cw-home .eg-sources-body p{font-size:13.5px;line-height:1.75;color:var(--muted)}
.cw-home .eg-sources ul{margin:8px 0;padding:0;list-style:none}
.cw-home .eg-sources a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:var(--blue);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.cw-home .eg-sources a:hover{color:var(--blue-deep)}
.cw-home .eg-sources .eg-date{font-size:12.5px;color:var(--faint)}

/* ── 행동 ── */
.cw-home .eg-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}

/* ── 반응형 ── */
@media(max-width:1099px){
  .cw-home .eg-basics{grid-template-columns:1fr;grid-template-areas:"title" "measures" "compare" "keys"}
  .cw-home .eg-measures{margin-bottom:22px}
  .cw-home .eg-key-soft{grid-column:auto}
  .cw-home .eg-item{grid-template-columns:1fr;gap:12px;padding-left:170px}
  .cw-home .eg-final{grid-template-columns:1fr}
}
@media(max-width:760px){
  .cw-home .eg-sub{font-size:18px;margin:48px 0 16px}
  .cw-home .eg-measures{gap:10px}
  .cw-home .eg-measure{padding:14px 12px 12px}
  .cw-home .eg-pair{grid-template-columns:1fr;gap:6px}
  .cw-home .eg-cases{grid-template-columns:1fr;gap:10px}
  .cw-home .eg-case>summary{padding:16px}
  .cw-home .eg-qa{padding:2px 16px 18px}
  .cw-home .eg-lines li{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:18px 0}
  .cw-home .eg-n{width:30px;height:30px;font-size:14px}
  .cw-home .eg-lines li>div{grid-template-columns:1fr;grid-template-areas:"name" "text" "ask";gap:4px}
  .cw-home .eg-lines strong{padding-top:2px}
  .cw-home .eg-lines li .eg-ask{margin-top:6px}
  .cw-home .eg-item{padding:0 0 20px}
  .cw-home .eg-final{margin-top:48px}
  .cw-home .eg-safety{padding:18px 16px 6px}
  .cw-home .eg-safety>p:not(.eg-safety-line),.cw-home .eg-sources{margin-left:0}
  .cw-home .eg-cta{flex-direction:column;margin-top:36px}
  .cw-home .eg-cta .button{width:100%}
}
@media(max-width:360px){
  .cw-home .eg-measures{grid-template-columns:1fr}
  .cw-home .eg-measure svg{max-height:84px}
}
@media(prefers-reduced-motion:reduce){.cw-home .eg *{transition:none}}
