/* =============================================================================
 * A07_Register_UI_Style.css
 * 회원가입 페이지 고유 배치 — 카드 · 체크 · 접이 겉은 공용 부품이 냄.
 * ========================================================================== */

.a07-register {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: var(--spacing-96) var(--spacing-32) var(--spacing-64);
}

.a07-register__card {
  width: 100%;
  max-width: 420px;
  padding: var(--spacing-40);
}

.a07-register__title {
  font-size: var(--text-heading-sm);
  line-height: var(--leading-heading-sm);
  color: var(--color-text);
  text-align: center;
  margin: 0;
}

.a07-register__form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
}

.a07-register__agreement {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-input);
  overflow: hidden;
}

.a07-register__agreement-summary {
  gap: var(--spacing-8);
  padding: var(--spacing-12) var(--spacing-16);
  background-color: var(--color-canvas);
}

.a07-register__agreement-label {
  flex: 1;
  font-size: var(--text-body-sm);
  color: var(--color-text);
}

.a07-register__agreement-content {
  max-height: 200px;
  overflow-y: auto;
  padding: var(--spacing-12) var(--spacing-16);
  border-top: 1px solid var(--color-border);
  white-space: pre-wrap;
  word-break: break-word;
  font-size: var(--text-body-sm);
  color: var(--color-text-secondary);
  line-height: var(--leading-relaxed);
}