*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: var(--ff-sans);
      font-size: 14px;
      color: var(--ink);
      background: linear-gradient(160deg, #F0EAF9 0%, #FDFBFF 40%, #EDE6F6 100%);
      min-height: 100vh;
      padding: 24px 16px 60px;
    }

    /* ═══════════════════════════════════════════════
       WRAPPER
    ═══════════════════════════════════════════════ */
    .wrap {
      max-width: 860px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

/* Shared */
.section-label {
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--plum);
  font-weight: 600;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--plum-pale);
}