/* v3 checkout / interest answers (macros core/components/_lg_answers.html).
   Desktop: question on the left (muted), answer on the right; phones: answer
   under its question. A section heading per section; flat forms have none. */

.lg-answers { display: flex; flex-direction: column; gap: var(--space-6); }
.lg-answers__section { display: flex; flex-direction: column; gap: var(--space-3); }
.lg-answers__title {
  margin: 0;
  padding-block-end: var(--space-2);
  border-block-end: 1px solid var(--border);
  font-size: var(--size-card-title);
  line-height: var(--leading-card-title);
  font-weight: 600;
}
.lg-answers__list { display: flex; flex-direction: column; gap: var(--space-3); margin: 0; }
.lg-answers__row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--space-4); }
.lg-answers__q { color: var(--text-muted); overflow-wrap: break-word; }
.lg-answers__a { margin: 0; overflow-wrap: break-word; }
.lg-answers__none { color: var(--text-muted); }
.lg-answers__multi { margin: 0; padding: 0; list-style: none; }
.lg-answers__multi li + li { margin-block-start: var(--space-1); }

.lg-answers__summary { display: flex; flex-direction: column; gap: var(--space-1); padding-block: var(--space-2); }
.lg-answers__summary + .lg-answers__summary { border-block-start: 1px solid var(--border); padding-block-start: var(--space-4); }
.lg-answers__sq { margin: 0; font-weight: 600; }
.lg-answers__meta { margin: 0 0 var(--space-2); color: var(--text-muted); font-size: var(--size-caption); line-height: var(--leading-caption); }
.lg-answers__examples { display: flex; flex-direction: column; gap: var(--space-1); margin: 0; padding: 0; list-style: none; }

@media (max-width: 39.99em) {
  .lg-answers__row { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); }
}