/* Questions (S19). Open, not folded: every answer visible at every width, no accordions (S93). */

.qs-ref { text-decoration: underline 1px; text-underline-position: from-font; text-underline-offset: 2px; text-decoration-color: var(--color-border); transition: text-decoration-color 160ms ease-out; }
@media (hover: hover) and (pointer: fine) {
  .qs-ref:hover { text-decoration-color: currentColor; }
}

.qs { display: flex; flex-direction: column; gap: 64px; padding-top: 96px; padding-bottom: 96px; }
.qs-group { display: flex; gap: 64px; }
.qs-group__label { width: 240px; flex-shrink: 0; padding-top: 20px; color: var(--color-foreground); }
.qs-group__rows { flex: 1; min-width: 0; display: flex; flex-direction: column; border-top: 1px solid var(--color-foreground); border-bottom: 1px solid var(--color-border); }
.qs-row { display: flex; gap: 40px; padding: 18px 0; }
.qs-row + .qs-row { border-top: 1px solid var(--color-border); }
.qs-row__q { width: 320px; flex-shrink: 0; font-size: var(--text-body); line-height: var(--leading-body); font-weight: 700; }
.qs-row__a { flex: 1; min-width: 0; display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }

/* 1024 to 1279: the question narrows to 280 beside the answer. */
@media (max-width: 1279px) {
  .qs-group { gap: 40px; }
  .qs-group__label { width: 200px; }
  .qs-row__q { width: 280px; }
}

/* 768 to 1023: the group label sits above its group, the question above its answer. */
@media (max-width: 1023px) {
  .qs { gap: 48px; padding-top: 64px; padding-bottom: 64px; }
  .qs-group { flex-direction: column; gap: 10px; }
  .qs-group__label { width: auto; padding-top: 0; }
  .qs-row { flex-direction: column; gap: 6px; padding: 16px 0; }
  .qs-row__q { width: auto; line-height: 24px; }
  .qs-row__a { flex-direction: column; gap: 8px; }
}

@media (max-width: 767px) {
  .qs { gap: 32px; padding-top: 32px; padding-bottom: 48px; }
  .qs-row__a p { line-height: 26px; }
}