/* Test file for CSS nesting */

.test-container {
  display: flex;
  padding: 20px;
  
  .test-child {
    color: blue;
    
    &:hover {
      color: red;
    }
    
    &.active {
      font-weight: bold;
    }
  }
  
  .test-nested {
    margin: 10px;
    
    .deep-nested {
      font-size: 14px;
    }
  }
}