/* ============================================
   구글시트 연동 소개 페이지 — .c-sol-autox 스코프
   - solution.css 의 .s-solution 토큰(--sol-*)과 tokens.css(--space-* / --radius-* / --point-blue-1)를 소비한다.
   - 시트 모양을 흉내 내는 회색 · 초록, 알림톡 노랑 · 글자 · 카드 선 색은 tokens.css 에 대응물이 없어 이 스코프에 로컬로 둔다.
   ============================================ */

.s-solution--automation {
  --autox-green:         #0F9D58;   /* 새 행 번호 · 체험 버튼 테두리 · 제목 강조 */
  --autox-green-text:    #137333;   /* 초록 글자 */
  --autox-green-tint:    #E6F4EA;   /* 새 행 · 체험 버튼 배경 */
  --autox-green-hover:   #0B8043;   /* 체험 버튼 hover */
  --autox-kakao:         #FEE500;   /* 알림톡 머리 띠 */
  --autox-hint:          #6B7280;   /* 체험 버튼 옆 안내 */
  --autox-ink:           #191F28;   /* 알림톡 · 하는 일 카드 글자 */
  --autox-label:         #6B7684;   /* 하는 일 칸 라벨 */
  --autox-chip-tx:       #4E5968;
  --autox-card-line:     #E8EAF0;   /* 흰 카드 · 알림톡 테두리 */
  --autox-soft:          #F2F4F6;   /* 칸막이 · 칩 hover · [쿠폰 확인하기] 바탕 */
  --autox-chat-bg:       #B2C7D9;   /* 카톡 채팅방 바탕 */
  --autox-grid-frame:    #DADCE0;   /* 시트 바깥 테두리 */
  --autox-grid-line:     #E8EAED;   /* 시트 셀 선 */
  --autox-grid-head-bg:  #F8F9FA;   /* 행·열 머리 */
  --autox-grid-head-tx:  #5F6368;
  --autox-tag-bg:        #F1F3F4;
  --autox-past-bg:       #FAFAFA;   /* 이미 보낸 행 */
  --autox-start-tint:    #EEF3FF;   /* 시작 행 */

  /* 본문 좌우 여백 — 헤더 로고·상품 목록과 같은 기준선(60 / 40 / 16) */
  --autox-gutter:        60px;
  --autox-sec-y:         calc(var(--space-13) + var(--space-6));   /* 120 */
}

.c-sol-autox {
  background: var(--sol-white);
  color: var(--sol-text-strong);
}

.c-sol-autox-inner {
  width: 100%;
  max-width: calc(1232px + var(--autox-gutter) * 2);
  margin: 0 auto;
  padding: 0 var(--autox-gutter);
  box-sizing: border-box;
}

.c-sol-autox-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.c-sol-autox-sheets { width: 22px; height: auto; flex: none; }
.c-sol-autox-sheets--sm { width: 16px; }

/* ---- 버튼 ---- */
.c-sol-autox-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 var(--space-7);
  border: 1px solid transparent;
  border-radius: var(--radius-xl);
  background: none;
  font-family: inherit;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, opacity .15s ease;
}
.c-sol-autox-btn--primary {
  background: var(--point-blue-1);
  color: var(--sol-white);
}
.c-sol-autox-btn--line {
  border-color: var(--sol-border-1);
  background: var(--sol-white);
  color: var(--sol-text-strong);
}
.c-sol-autox-btn[aria-busy="true"] {
  opacity: .6;
  cursor: progress;
}
@media (hover: hover) {
  .c-sol-autox-btn--primary:hover { background: var(--point-blue-text); }
  .c-sol-autox-btn--line:hover { border-color: var(--sol-text-faint); }
}

.c-sol-autox-btn:focus-visible,
.c-sol-autox-try__btn:focus-visible,
.c-sol-autox-jobs__chip:focus-visible,
.c-sol-autox-qa__q:focus-visible {
  outline: 2px solid var(--point-blue-1);
  outline-offset: 2px;
}

/* ============================================
   ① 히어로 + 새 행 체험
   ============================================ */
.c-sol-autox-hero { padding: var(--autox-sec-y) 0 var(--space-7); }
.c-sol-autox-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: var(--space-11);
  align-items: start;   /* '구글시트 연동' 라벨 윗선 = 예시 시트 윗선 */
}
.c-sol-autox-hero__brand {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
  font-size: 17px;
  font-weight: 700;
  color: var(--autox-green-text);
}
.c-sol-autox-hero__title {
  font-size: 52px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.035em;
  word-break: keep-all;
}
.c-sol-autox-hero__title em {
  font-style: normal;
  color: var(--autox-green);
}
.c-sol-autox-hero__sub {
  max-width: 480px;
  margin-top: var(--space-6);
  font-size: 19px;
  line-height: 1.6;
  color: var(--sol-text-body);
  word-break: keep-all;
}
.c-sol-autox-hero__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-8);
}
.c-sol-autox-hero__who {
  margin-top: var(--space-5);
  font-size: 15px;
  line-height: 1.5;
  color: var(--sol-text-muted);
  word-break: keep-all;
}
/* 말풍선이 시트 위에 겹쳐 뜨므로 아래 여백을 두지 않는다 — 체험 전후 높이가 같다 */
.c-sol-autox-hero__visual { position: relative; }

/* ---- 예시 시트 ---- */
.c-sol-autox-sheet {
  overflow: hidden;
  border: 1px solid var(--autox-grid-frame);
  border-radius: var(--radius-lg);
  background: var(--sol-white);
}
.c-sol-autox-sheet__top {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--autox-grid-frame);
  font-size: 16px;
}
.c-sol-autox-sheet__tag {
  margin-left: auto;
  padding: calc(var(--space-1) / 2) var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--autox-tag-bg);
  color: var(--autox-grid-head-tx);
  font-size: 14px;
  font-weight: 600;
}
.c-sol-autox-sheet__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 15px;
}
.c-sol-autox-sheet__table th,
.c-sol-autox-sheet__table td {
  height: 44px;
  padding: 0 var(--space-3);
  border: 1px solid var(--autox-grid-line);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color .25s ease, color .25s ease, opacity .3s ease;
}
.c-sol-autox-sheet__table thead th,
.c-sol-autox-sheet__table tbody th {
  background: var(--autox-grid-head-bg);
  color: var(--autox-grid-head-tx);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.c-sol-autox-sheet__table thead th:first-child,
.c-sol-autox-sheet__table tbody th { width: 44px; }
.c-sol-autox-sheet__table tr.is-head td {
  font-weight: 700;
  color: var(--sol-text-strong-2);
}
/* 체험으로 들어온 새 행 */
.c-sol-autox-sheet__table tr.is-new th {
  background: var(--autox-green);
  color: var(--sol-white);
  font-weight: 700;
}
.c-sol-autox-sheet__table tr.is-new td {
  background: var(--autox-green-tint);
  color: var(--autox-green-text);
  font-weight: 600;
}

/* 말풍선 도착 시 머리줄 · 1~4행 흐리게, 새 5행만 또렷 */
.c-sol-autox-hero__visual.is-dimmed .c-sol-autox-sheet__table thead th,
.c-sol-autox-hero__visual.is-dimmed .c-sol-autox-sheet__table tbody tr:not(.is-new) > * {
  opacity: .35;
}

.c-sol-autox-try {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid var(--autox-grid-line);
  background: var(--sol-white);
}
.c-sol-autox-try__btn {
  flex: none;   /* 안내가 길어도 버튼은 줄지 않는다 */
  height: 40px;
  padding: 0 var(--space-4);
  border: 1px solid var(--autox-green);
  border-radius: var(--radius-pill);
  background: var(--autox-green);
  color: var(--sol-white);
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
@media (hover: hover) {
  .c-sol-autox-try__btn:not(:disabled):hover {
    border-color: var(--autox-green-hover);
    background: var(--autox-green-hover);
  }
}
.c-sol-autox-try__btn:disabled { cursor: progress; opacity: .6; }
.c-sol-autox-try__hint {
  font-size: 14px;
  line-height: 1.45;
  color: var(--autox-hint);
  word-break: keep-all;
}

/* ---- 알림톡 말풍선 (처음 · 보내는 중에는 숨김, 도착 때 새 5행 위에 겹쳐 뜬다) ---- */
.c-sol-autox-msg {
  position: absolute;
  top: 0;                    /* JS 가 새 5행 위 10px 로 다시 잰다 */
  right: var(--space-5);     /* 시트 오른쪽 안쪽 20px */
  z-index: 2;
  width: 234px;
  overflow: hidden;
  border: 1px solid var(--autox-card-line);
  border-radius: var(--radius-xs) var(--radius-xl) var(--radius-xl) var(--radius-xl);
  background: var(--sol-white);
  color: var(--autox-ink);
  box-shadow: 0 8px 24px rgba(25, 31, 40, .12);
  visibility: hidden;
  opacity: 0;
}
.c-sol-autox-msg.is-arrived {
  visibility: visible;
  animation: c-sol-autox-rise .4s ease-out both;
}
@keyframes c-sol-autox-rise {
  0%   { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: none; }
}
.c-sol-autox-msg__head {
  display: block;
  padding: 10px 14px;
  background: var(--autox-kakao);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.c-sol-autox-msg__body {
  padding: var(--space-3) 14px 0;
  font-size: 14px;
  line-height: 1.55;
  word-break: keep-all;
}
.c-sol-autox-msg__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: var(--space-3) 14px 14px;
  border-radius: var(--radius-md);
  background: var(--autox-soft);
  font-size: 14px;
  font-weight: 600;
}
@media (prefers-reduced-motion: reduce) {
  .c-sol-autox-sheet__table th,
  .c-sol-autox-sheet__table td { transition: none; }
  .c-sol-autox-msg.is-arrived { animation: none; opacity: 1; }
}

/* ============================================
   공통 섹션 · 제목
   ============================================ */
.c-sol-autox-sec { padding: var(--autox-sec-y) 0; }
.c-sol-autox-sec--grey { background: var(--sol-surface-2); }
.c-sol-autox-h {
  margin-bottom: var(--space-10);
  font-size: 40px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.03em;
  word-break: keep-all;
}
.c-sol-autox-h--center {
  margin-bottom: var(--space-7);
  text-align: center;
}

/* ============================================
   ② 하는 일별 예시
   ============================================ */
.c-sol-autox-sec--jobs { padding-top: calc(var(--space-11) + var(--space-2)); }   /* 72 */
.c-sol-autox-jobs__chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2);
  margin-bottom: var(--space-6);
}
.c-sol-autox-jobs__chip {
  height: 44px;
  padding: 0 var(--space-5);
  border: 1px solid var(--autox-card-line);
  border-radius: var(--radius-pill);
  background: var(--sol-white);
  color: var(--autox-chip-tx);
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.c-sol-autox-jobs__chip.is-active {
  border-color: var(--autox-ink);
  background: var(--autox-ink);
  color: var(--sol-white);
}
@media (hover: hover) {
  .c-sol-autox-jobs__chip:not(.is-active):hover { background: var(--autox-soft); }
}
/* 흰 카드 하나 + 칸 사이 세로 칸막이 */
.c-sol-autox-jobs__panel {
  padding: var(--space-6) 28px;
  border: 1px solid var(--autox-card-line);
  border-radius: 18px;
  background: var(--sol-white);
}
.c-sol-autox-jobs__worry {
  margin-bottom: var(--space-6);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--sol-text-strong-2);
  text-align: center;
  word-break: keep-all;
}
.c-sol-autox-jobs__worry::before { content: "\201C"; }
.c-sol-autox-jobs__worry::after { content: "\201D"; }
.c-sol-autox-jobs__row {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 0;   /* 칸 사이는 칸막이로 나눈다 */
}
.c-sol-autox-jobs__cell {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-1) var(--space-6);
  border-left: 1px solid var(--autox-soft);
}
.c-sol-autox-jobs__cell:first-child { padding-left: 0; border-left: 0; }
.c-sol-autox-jobs__cell:last-child { padding-right: 0; }
.c-sol-autox-jobs__label {
  font-size: 14px;
  font-weight: 400;
  color: var(--autox-label);
}
.c-sol-autox-jobs__cell strong {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--autox-ink);
}
.c-sol-autox-jobs__cell p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--autox-ink);
  word-break: keep-all;
}
/* 미니 표: 흰 카드 위에서 보이게 시트 모양으로 (둥근 바깥 테두리 때문에 separate) */
.c-sol-autox-jobs__mini {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  overflow: hidden;
  border: 1px solid var(--autox-grid-frame);
  border-radius: var(--radius-md);
  font-size: 14px;
}
.c-sol-autox-jobs__mini th,
.c-sol-autox-jobs__mini td {
  height: 34px;
  padding: 0 var(--space-2);
  border: 0;
  border-right: 1px solid var(--autox-grid-line);
  border-bottom: 1px solid var(--autox-grid-line);
  background: var(--sol-white);
  color: var(--autox-ink);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-sol-autox-jobs__mini th {
  border-bottom-color: var(--autox-grid-frame);
  background: var(--autox-tag-bg);
  color: var(--autox-grid-head-tx);
  font-weight: 600;
}
.c-sol-autox-jobs__mini tr > :last-child { border-right: 0; }
.c-sol-autox-jobs__mini tbody tr:last-child > * { border-bottom: 0; }
.c-sol-autox-jobs__mini tr > :nth-child(2) { width: 46%; }
/* 받는 사람: 카톡 채팅방 바탕 + 히어로와 같은 알림톡 말풍선 */
.c-sol-autox-jobs__chat {
  padding: var(--space-3);
  border-radius: 14px;
  background: var(--autox-chat-bg);
}
.c-sol-autox-jobs__bubble {
  overflow: hidden;
  border-radius: var(--radius-xs) var(--radius-xl) var(--radius-xl) var(--radius-xl);
  background: var(--sol-white);
  color: var(--autox-ink);
  box-shadow: 0 2px 8px rgba(25, 31, 40, .06);
}
.c-sol-autox-jobs__bubble-head {
  display: block;
  padding: 10px 14px;
  background: var(--autox-kakao);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.c-sol-autox-jobs__cell .c-sol-autox-jobs__bubble-body {   /* .c-sol-autox-jobs__cell p 보다 세게 */
  padding: var(--space-3) 14px 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--autox-ink);
}
.c-sol-autox-jobs__bubble-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: var(--space-3) 14px 14px;
  border-radius: var(--radius-md);
  background: var(--autox-soft);
  font-size: 14px;
  font-weight: 600;
}

/* ============================================
   ③ 시작 행 + 미리보기
   ============================================ */
.c-sol-autox-start {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  gap: calc(var(--space-11) + var(--space-2));   /* 72 */
  align-items: center;
}
.c-sol-autox-start .c-sol-autox-h { margin-bottom: var(--space-5); }
.c-sol-autox-start__visual {
  padding: var(--space-6);
  border-radius: var(--radius-card-lg);
  background: var(--sol-white);
}
.c-sol-autox-start__table { border: 1px solid var(--autox-grid-line); }
.c-sol-autox-sheet__table tr.is-past td {
  background: var(--autox-past-bg);
  color: var(--sol-text-faint);
}
.c-sol-autox-sheet__table tr.is-start th {
  background: var(--point-blue-1);
  color: var(--sol-white);
}
.c-sol-autox-sheet__table tr.is-start td {
  border-top: 2px solid var(--point-blue-1);
  background: var(--autox-start-tint);
  font-weight: 600;
}
.c-sol-autox-start__marks {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-5);
  margin-top: var(--space-4);
  font-size: 14px;
  font-weight: 600;
}
.c-sol-autox-start__marks span {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
.c-sol-autox-start__marks span::before {
  content: "";
  flex: none;
  width: 12px;
  height: 12px;
  border-radius: var(--radius-xs);
}
.c-sol-autox-start__marks .is-past { color: var(--sol-text-muted); }
.c-sol-autox-start__marks .is-past::before { background: var(--autox-grid-line); }
.c-sol-autox-start__marks .is-start { color: var(--point-blue-1); }
.c-sol-autox-start__marks .is-start::before { background: var(--point-blue-1); }
.c-sol-autox-start__desc {
  font-size: 18px;
  line-height: 1.6;
  color: var(--sol-text-body);
  word-break: keep-all;
}
.c-sol-autox-start .c-sol-autox-hero__ctas { margin-top: var(--space-7); }
.c-sol-autox-start__note {
  margin-top: var(--space-4);
  font-size: 15px;
  line-height: 1.6;
  color: var(--sol-text-muted);
  word-break: keep-all;
}

/* ============================================
   ④ 시작 전에 알아두세요 (아코디언)
   ============================================ */
.c-sol-autox-qa-wrap .c-sol-autox-h { margin-bottom: var(--space-7); }
.c-sol-autox-qa__item { border-top: 1px solid var(--sol-border-1); }
.c-sol-autox-qa__item:last-child { border-bottom: 1px solid var(--sol-border-1); }
.c-sol-autox-qa__h {
  font-size: inherit;
  font-weight: inherit;
}
.c-sol-autox-qa__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  width: 100%;
  padding: var(--space-6) var(--space-1);
  border: 0;
  background: none;
  color: var(--sol-text-strong);
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  word-break: keep-all;
  cursor: pointer;
}
.c-sol-autox-qa__q::after {
  content: "";
  flex: none;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--sol-text-muted);
  border-bottom: 2px solid var(--sol-text-muted);
  transform: rotate(45deg) translate(-3px, -3px);
  transition: transform .2s ease;
}
.c-sol-autox-qa__q[aria-expanded="true"]::after { transform: rotate(-135deg) translate(-3px, -3px); }
.c-sol-autox-qa__a { padding: 0 var(--space-1) var(--space-6); }
.c-sol-autox-qa__a[hidden] { display: none; }
/* 답변은 문장마다 <p> 한 줄 */
.c-sol-autox-qa__a p {
  max-width: 680px;
  font-size: 17px;
  line-height: 1.7;
  color: var(--sol-text-body);
  word-break: keep-all;
}
.c-sol-autox-qa__a p + p { margin-top: 6px; }
@media (prefers-reduced-motion: reduce) {
  .c-sol-autox-qa__q::after { transition: none; }
}

/* ============================================
   반응형
   ============================================ */
@media (max-width: 1279px) {
  .s-solution--automation { --autox-gutter: var(--space-8); }
}

/* 왼쪽 메뉴 틀(로그인)은 1025~1279 에서도 본문 폭이 좁다 — 1단으로 내린다 */
@media (min-width: 1025px) and (max-width: 1279px) {
  body.is-dashboard .c-sol-autox-hero__grid { grid-template-columns: minmax(0, 1fr); }
  body.is-dashboard .c-sol-autox-hero__visual { max-width: 640px; }
  body.is-dashboard .c-sol-autox-jobs__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* 2×2 칸막이: 가운데 세로선 + 가운데 가로선 */
  body.is-dashboard .c-sol-autox-jobs__cell { padding: var(--space-5) 0; border-left: 0; }
  body.is-dashboard .c-sol-autox-jobs__cell:nth-child(odd) { padding-right: var(--space-5); }
  body.is-dashboard .c-sol-autox-jobs__cell:nth-child(even) { padding-left: var(--space-5); border-left: 1px solid var(--autox-soft); }
  body.is-dashboard .c-sol-autox-jobs__cell:nth-child(-n+2) { padding-top: var(--space-1); }
  body.is-dashboard .c-sol-autox-jobs__cell:nth-child(n+3) { padding-bottom: var(--space-1); border-top: 1px solid var(--autox-soft); }
  body.is-dashboard .c-sol-autox-start { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  body.is-dashboard .c-sol-autox-start__copy { order: -1; }
}

@media (max-width: 1024px) {
  .c-sol-autox-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .c-sol-autox-hero__visual { max-width: 640px; }
  .c-sol-autox-jobs__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-sol-autox-start { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .c-sol-autox-start__copy { order: -1; }
}

/* 2×2 칸막이(768~1024). 767 이하는 칸 배치가 달라 범위를 막아 둔다 */
@media (min-width: 768px) and (max-width: 1024px) {
  .c-sol-autox-jobs__cell { padding: var(--space-5) 0; border-left: 0; }
  .c-sol-autox-jobs__cell:nth-child(odd) { padding-right: var(--space-5); }
  .c-sol-autox-jobs__cell:nth-child(even) { padding-left: var(--space-5); border-left: 1px solid var(--autox-soft); }
  .c-sol-autox-jobs__cell:nth-child(-n+2) { padding-top: var(--space-1); }
  .c-sol-autox-jobs__cell:nth-child(n+3) { padding-bottom: var(--space-1); border-top: 1px solid var(--autox-soft); }
}

@media (max-width: 767px) {
  .s-solution--automation {
    --autox-gutter: var(--space-4);
    --autox-sec-y: calc(var(--space-11) + var(--space-2));   /* 72 */
  }
  .c-sol-autox-hero { padding: var(--space-11) 0; }
  .c-sol-autox-hero__title { font-size: 34px; }
  .c-sol-autox-hero__sub { font-size: 17px; }
  .c-sol-autox-h { margin-bottom: var(--space-7); font-size: 28px; }
  .c-sol-autox-btn { height: 52px; padding: 0 var(--space-5); font-size: 16px; }

  .c-sol-autox-sheet__table { table-layout: auto; font-size: 14px; }
  .c-sol-autox-sheet__table th,
  .c-sol-autox-sheet__table td { padding: 0 var(--space-2); }
  .c-sol-autox-sheet__table thead th:first-child,
  .c-sol-autox-sheet__table tbody th { width: 24px; }

  .c-sol-autox-sec--jobs { padding-top: var(--space-9); }
  .c-sol-autox-jobs__chips {
    flex-wrap: nowrap;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
  }
  .c-sol-autox-jobs__chip { height: 40px; padding: 0 var(--space-4); font-size: 15px; }
  .c-sol-autox-jobs__panel { padding: var(--space-5) var(--space-4); }
  .c-sol-autox-jobs__worry { margin-bottom: var(--space-4); font-size: 15px; }
  /* 칸막이: 줄 사이 가로선 + 보내는 때 · 예산 사이 세로선. 칸 간격이 있으면 가로선이 끊기므로 gap 은 기본값(0) 그대로 */
  .c-sol-autox-jobs__cell { padding: var(--space-4) 0; border-left: 0; border-top: 1px solid var(--autox-soft); }
  .c-sol-autox-jobs__cell:first-child { padding-top: var(--space-1); border-top: 0; }
  .c-sol-autox-jobs__cell:nth-child(2) { padding-right: var(--space-3); }
  .c-sol-autox-jobs__cell:nth-child(3) { padding-left: var(--space-3); border-left: 1px solid var(--autox-soft); }
  .c-sol-autox-jobs__cell:last-child { padding-bottom: var(--space-1); }
  .c-sol-autox-jobs__cell strong { font-size: 19px; }
  .c-sol-autox-jobs__cell p { font-size: 14px; }
  .c-sol-autox-jobs__mini { table-layout: auto; }
  .c-sol-autox-jobs__mini th,
  .c-sol-autox-jobs__mini td { height: 30px; padding: 0 var(--space-2); overflow: visible; }
  .c-sol-autox-jobs__mini tr > :nth-child(2) { width: auto; }
  /* 시트 · 받는 사람은 한 줄 전체, 받는 사람은 말풍선만 */
  .c-sol-autox-jobs__cell:first-child,
  .c-sol-autox-jobs__cell--msg { grid-column: 1 / -1; }
  .c-sol-autox-jobs__cell--msg .c-sol-autox-jobs__label { display: none; }

  .c-sol-autox-start__visual { padding: var(--space-4); }
  .c-sol-autox-start__desc { font-size: 16px; }

  .c-sol-autox-qa__q { padding: var(--space-5) 0; font-size: 17px; }
  .c-sol-autox-qa__a { padding: 0 0 var(--space-5); }
  .c-sol-autox-qa__a p { font-size: 16px; }
}

/* 아주 좁은 화면(≤374)에서도 직무 칩 3개를 한 줄에 */
@media (max-width: 374px) {
  .c-sol-autox-jobs__chip { padding: 0 var(--space-3); font-size: 14px; }
  .c-sol-autox-hero__title { font-size: 30px; }
}