/* 섞은 메인 다듬기 — automation.css·home-next.css 다음에 불러온다.
   구역 위아래 빈 띠를 줄이고, 머리글은 제목(왼쪽)·설명(오른쪽) 한 줄로, 옆이 비는 구역은 둘을 나란히 둔다. */
.try,.channel,.sheet-sec{padding:clamp(48px,5.5vw,80px) clamp(20px,5vw,72px)}

/* 머리글: 번호·제목은 왼쪽, 설명은 오른쪽 아래에 붙인다 */
.sec-head{grid-template-columns:minmax(0,1fr) minmax(0,25em);column-gap:48px;margin-bottom:40px}
.sec-head .num{grid-column:1;padding:0 0 14px}
.sec-head h2{grid-column:1}
.sec-head p:not(.num){grid-column:2;grid-row:1/3;align-self:end;margin:0}
.channel-side .sec-head,.contact-side .sec-head{display:block;margin-bottom:32px}
.channel-side .sec-head p:not(.num),.contact-side .sec-head p:not(.num){margin-top:16px}

/* 01 체험: 전표 칸이 비어 있지 않게 지난 전표 한 장을 미리 둔다 */
/* 진행 단계는 전표 아래로 옮겨 전폭 한 줄을 없앤다 */
.printer .flow{grid-template-columns:1fr 1fr;margin:40px 18px 0;row-gap:14px}
.printer .flow li:nth-child(3){padding-left:0;border-left:0}
/* 전표는 한 장 자리에 겹쳐 쌓는다: 새 전표가 맨 위, 바로 전 전표는 뒤로 살짝 비치고, 더 오래된 전표는 사라진다(구역 길이 고정) */
.printer .slips{grid-template-columns:minmax(0,1fr);gap:0}
.printer .slips>.slip{grid-area:1/1;align-self:start;transition:transform .5s,opacity .5s}
.printer .slips>.slip:nth-child(1){z-index:2}
.printer .slips>.slip:nth-child(2){z-index:1;transform:translate(10px,14px) rotate(1.8deg);opacity:.75}
.printer .slips>.slip:nth-child(2) .stamp{pointer-events:none}
.printer .slips>.slip:nth-child(n+3){display:none}
.printer .flow{position:relative;z-index:3}
/* 손님 안내 상자가 처음 나타날 때 구역이 늘지 않게 자리를 미리 둔다 */
.owner figcaption{min-height:120px;align-content:start}

/* 02 자동응답 · 설치: 왼쪽 설명+설치 목록, 오른쪽 채팅 */
.channel{grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:clamp(32px,5vw,72px);align-items:stretch}
.channel .chat-card{height:auto;min-height:520px;position:sticky;top:88px;align-self:start;height:min(680px,calc(100vh - 120px))}
.channel .setup-list li{grid-template-columns:34px minmax(0,1fr) auto;column-gap:14px;row-gap:5px;padding:16px 0}
.channel .setup-list h3{font-size:19px}
.channel .setup-list p{grid-column:2/-1;font-size:14.5px;line-height:1.6}
.channel .setup-list span{font-size:11.5px}

/* 03 연출: 머리글을 기둥 설명에 합친다 */
.scene-sec .pillar{padding:0;border:0}
.pillar-copy .num{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--seal)}
.pillar-copy h2{margin-top:16px;font-family:var(--serif);font-weight:900;font-size:clamp(34px,4.2vw,62px);line-height:1.1;letter-spacing:-.045em}

/* 04 작업 목록: 왼쪽 정보 사이트 두 장, 오른쪽 목차 */
.works-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,60px);align-items:start}
.works .live-grid{grid-template-columns:1fr;gap:30px}
.works .live-shot img{aspect-ratio:16/9}
.works .live-meta{grid-template-columns:minmax(0,1fr) auto;margin-top:14px;padding-top:12px}
.works .live-meta h3{font-size:clamp(21px,1.9vw,27px)}
.works .live-meta .url{grid-column:2;grid-row:1;margin:0;align-self:baseline;font-size:12.5px}
.works .live-meta p{grid-column:1/-1;margin-top:6px;font-size:14.5px;line-height:1.6}
.works .idx-filter{margin-bottom:18px}
.works .idx a{grid-template-columns:34px minmax(0,1.25fr) minmax(0,1fr) minmax(0,.9fr) 20px;gap:14px;min-height:58px;padding:8px 4px}
.works .i-name{font-size:clamp(17px,1.45vw,21px)}
.works .i-kind{font-size:14px}
.works .i-tech{font-size:11.5px}
.works .idx-more{margin-top:18px}
.honest{margin-top:28px;font-size:12.5px}

/* 05 비용 */
.price-ledger .price-card{padding:24px 26px 24px}
.price-ledger .price-card>p{min-height:0}
.price-ledger .price-card strong{margin-top:14px}
.price-ledger .price-link{padding-top:18px}
.price-extra{padding:24px 0}

/* 06 상담 문의: 머리글과 담아 둔 내용을 왼쪽에, 상담지는 오른쪽 */
.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}
.contact-summary-wrap{margin-top:0}

@media (max-width:1100px){
  .works-grid{grid-template-columns:1fr}
  .works .live-grid{grid-template-columns:1fr 1fr}
  .works .idx a{grid-template-columns:34px minmax(0,1.4fr) minmax(0,1fr) 20px}
  .channel{grid-template-columns:minmax(0,1fr)}
  .channel .chat-card{position:relative;top:0;height:520px}
}
@media (max-width:900px){
  .sec-head{display:block}
  .contact-grid{grid-template-columns:minmax(0,1fr)}
  .sec-head .num{padding:0 0 10px}
  .sec-head p:not(.num){margin-top:16px}
}
@media (max-width:700px){
  .works .live-grid{grid-template-columns:1fr}
  .works .idx a{grid-template-columns:28px minmax(0,1fr) 84px}
  .channel .chat-card{height:420px}
  .owner figcaption{min-height:140px}
  .channel .setup-list li{grid-template-columns:28px minmax(0,1fr)}
  .channel .setup-list span{grid-column:2;justify-self:start;order:3}
}
@media (max-width:360px){.works .idx a{grid-template-columns:26px minmax(0,1fr) 72px}}