.answer:hover {
  border-color: #aebbb2;
  background: #fbfdf9;
  box-shadow: none;
}

.answer.selected {
  border-color: var(--moss);
  box-shadow: 0 0 0 2px #dbece0;
}

.size-answer { grid-template-columns: 1fr 22px; }
.size-answer b { margin-bottom: 3px; }
.size-answer small { display: block; color: var(--muted); font-size: .82rem; font-weight: 550; line-height: 1.35; }
.refresh-size-price { margin-left: .45rem; color: var(--moss); font-size: .88em; white-space: nowrap; }
.quiz-panel.is-final-question [data-progress] { transition: none; }
.refresh-price-math { margin: 12px 0; padding: 10px 12px; border-radius: 9px; background: var(--sage); color: var(--ink)!important; font-weight: 650; line-height: 1.55!important; }

.project-type-answer { grid-template-columns: 76px 1fr 22px; min-height: 106px; padding: 17px; }
.project-type-answer .answer-icon { width: 62px; height: 54px; font-size: .66rem; }
.project-type-answer[data-answer="custom_pricing"] .answer-icon { background: #dce7dc; color: var(--moss); }
.project-type-answer[data-answer="bathroom_refresh"] .answer-icon { background: #f9ddd5; color: #d85b42; }
.project-type-answer b { margin-bottom: 5px; }
.project-type-answer small { display: block; max-width: 500px; color: var(--muted); font-size: .88rem; font-weight: 550; line-height: 1.4; }

.dimension-fields {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 10px;
  align-items: end;
}

.dimension-fields label { display: grid; gap: 7px; font-weight: 750; font-size: .85rem; }
.dimension-fields label span { color: var(--muted); font-weight: 650; }
.dimension-fields b { padding: 0 2px 13px; font-size: 1.35rem; }
.dimension-fields input { width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 10px; }
.size-facts { padding: 22px 28px 20px; border-bottom: 1px solid var(--line); }
.size-facts > span, .size-facts > strong { display: block; }
.size-facts > span { margin-bottom: 7px; color: var(--muted); font-weight: 750; font-size: .77rem; }
.size-facts > strong { margin: 0; font-size: 1.08rem; line-height: 1.2; letter-spacing: -.02em; }
.size-facts p { margin: 10px 0 0; color: var(--muted); font-size: .83rem; line-height: 1.45; }

.custom-scope { border-top: 1px solid var(--line); }
.custom-scope-head { padding: 20px 24px 14px; }
.custom-scope-head > span { display: block; color: var(--moss); font-size: .68rem; font-weight: 850; letter-spacing: .12em; }
.custom-scope-head > strong { display: block; margin-top: 6px; font-size: 1.04rem; letter-spacing: -.02em; }
.custom-scope-head > p { margin: 7px 0 0; color: var(--muted); font-size: .8rem; line-height: 1.4; }
.custom-scope ul { margin: 0; padding: 0 24px 20px; list-style: none; }
.custom-scope li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid #ebeee8; color: #425047; font-size: .82rem; line-height: 1.25; }
.custom-scope li strong { flex: 0 0 auto; color: var(--muted); font-size: .72rem; font-weight: 750; white-space: nowrap; }
.custom-scope li.is-allowanced strong { color: var(--ink); }
.build-card.has-custom-scope .build-visual, .build-card.has-custom-scope .build-visual img { min-height: 200px; height: 200px; }

@media (min-width: 761px) {
  .welcome-copy .primary { align-self: flex-end; }
}

@media (max-width: 520px) {
  .project-type-answer { grid-template-columns: 52px minmax(0, 1fr) 22px; gap: 10px; min-height: 0; padding: 17px 16px; }
  .project-type-answer .answer-icon { display: grid; width: 50px; height: 48px; }
  .project-type-answer small { font-size: .85rem; }
  .custom-scope-head { padding: 18px 20px 12px; }
  .custom-scope ul { padding: 0 20px 18px; }
}